<?php
if (!defined('ABSPATH')) {
    exit;
}
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/svg+xml" href="<?php echo get_template_directory_uri(); ?>/assets/images/favicon.svg" />
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header class="header flex-center">
    <div class="container header__container flex-align-start flex-jcsb">
        <div class="header__leftside flex-center flex-jcsb">
            <button class="header__menu flex-center" aria-label="Открыть меню"></button>
            <div class="header__logo flex-center">
                <a href="<?php echo esc_url(home_url('/')); ?>" class="header__logo-link">
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.svg" alt="<?php bloginfo('name'); ?>">
                </a>
            </div>
            <div class="header__contacts flex-center gap-6">
                <div class="header__phone flex-center gap-1">
                    <p>Тел.: </p>
                    <a href="tel:+79998887766">+7 (999) 888-77-66</a>
                </div>
                <div class="header__messenger flex-center gap-1">
                    <a href="https://t.me/yourtelegram" target="_blank" rel="noopener noreferrer">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/tg.svg" width="23" height="23" alt="Telegram">
                    </a>
                    <a href="https://wa.me/79998887766" target="_blank" rel="noopener noreferrer">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/wh.svg" width="23" height="23" alt="WhatsApp">
                    </a>
                </div>
            </div>
        </div>
        <div class="header__rightside">
            <nav class="header__nav">
                <?php
                wp_nav_menu([
                    'theme_location' => 'primary',
                    'container'      => false,
                    'fallback_cb'    => false,
                ]);
                ?>
            </nav>
        </div>
    </div>
</header>
<main>
