<?php
/**
 * Header.
 *
 * @package Iliya
 */

$iliya_phone       = iliya_fa_num(iliya_opt('phone_landline'));
$iliya_phone_raw   = iliya_tel_href(iliya_opt('phone_landline'));
$iliya_mobile      = iliya_fa_num(iliya_opt('phone_mobile'));
$iliya_mobile_raw  = iliya_tel_href(iliya_opt('phone_mobile'));
$iliya_national_id = iliya_fa_num(iliya_opt('national_id'));
$iliya_reg_no      = iliya_fa_num(iliya_opt('reg_number'));
$iliya_address     = iliya_opt('address');
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?> dir="rtl">
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <?php wp_head(); ?>
</head>

<body <?php body_class('bg-white text-body'); ?>>
<?php wp_body_open(); ?>

<?php
if (is_front_page()) {
    get_template_part('template-parts/loader');
}
?>

<a class="sr-only focus:not-sr-only" href="#content"><?php esc_html_e('پرش به محتوا', 'iliya'); ?></a>

<header class="site-header sticky top-0 z-50" data-header>
    <!-- Top utility bar -->
    <div class="hidden bg-darker text-steel-300 md:block">
        <div class="container mx-auto max-w-[1310px]">
            <div class="flex h-10 items-center justify-between text-xs">
                <div class="flex items-center gap-6">
                    <a href="tel:<?php echo esc_attr($iliya_phone_raw); ?>" dir="ltr" class="flex items-center gap-2 transition-colors hover:text-white">
                        <?php echo iliya_icon('phone', 15, 'text-gold-light'); ?>
                        <span><?php echo esc_html($iliya_phone); ?></span>
                    </a>
                    <a href="tel:<?php echo esc_attr($iliya_mobile_raw); ?>" dir="ltr" class="flex items-center gap-2 transition-colors hover:text-white">
                        <?php echo iliya_icon('phone', 15, 'text-gold-light'); ?>
                        <span><?php echo esc_html($iliya_mobile); ?></span>
                    </a>
                    <span class="hidden items-center gap-2 lg:flex">
                        <?php echo iliya_icon('id', 15, 'text-gold-light'); ?>
                        <span class="text-steel-400"><?php esc_html_e('شناسه ملی:', 'iliya'); ?> <span dir="ltr"><?php echo esc_html($iliya_national_id); ?></span></span>
                    </span>
                    <span class="hidden items-center gap-2 lg:flex">
                        <?php echo iliya_icon('id', 15, 'text-gold-light'); ?>
                        <span class="text-steel-400"><?php esc_html_e('شماره ثبت:', 'iliya'); ?> <span dir="ltr"><?php echo esc_html($iliya_reg_no); ?></span></span>
                    </span>
                    <span class="hidden items-center gap-2 xl:flex">
                        <?php echo iliya_icon('location', 15, 'text-gold-light'); ?>
                        <span class="text-steel-400"><?php echo esc_html($iliya_address); ?></span>
                    </span>
                </div>
                <div class="flex items-center gap-3">
                    <?php $h_hours = iliya_opt('hours'); ?>
                    <?php if ($h_hours) : ?>
                        <span class="text-steel-400"><?php echo esc_html($h_hours); ?></span>
                    <?php endif; ?>
                    <?php $header_socials = iliya_social_links(); ?>
                    <?php if ($header_socials) : ?>
                        <?php if ($h_hours) : ?><span class="h-3 w-px bg-white/15"></span><?php endif; ?>
                        <?php foreach ($header_socials as $key => $s) : ?>
                            <a href="<?php echo esc_url($s['url']); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php echo esc_attr($s['label']); ?>" class="transition-colors hover:text-white"><?php echo iliya_icon($key, 16); ?></a>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>

    <!-- Main bar -->
    <div class="border-b border-border bg-white/95 backdrop-blur" data-header-main>
        <div class="container mx-auto max-w-[1310px]">
            <div class="flex h-[72px] items-center justify-between gap-6">
                <!-- Brand -->
                <div class="site-branding flex items-center gap-3">
                    <?php if (has_custom_logo()) : ?>
                        <?php the_custom_logo(); ?>
                    <?php else : ?>
                        <a href="<?php echo esc_url(home_url('/')); ?>" class="flex items-center gap-3">
                            <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/logo-mark.webp'); ?>"
                                 alt="<?php bloginfo('name'); ?>" width="52" height="56"
                                 class="h-12 w-auto md:h-14">
                            <span class="leading-tight">
                                <span class="block text-base font-extrabold text-accent-800 font-dana"><?php esc_html_e('ایلیا فخر آسیا', 'iliya'); ?></span>
                                <span class="block text-[11px] font-medium text-gold-dark"><?php esc_html_e('ساختمان و تجارت فولاد', 'iliya'); ?></span>
                            </span>
                        </a>
                    <?php endif; ?>
                </div>

                <!-- Desktop nav -->
                <nav class="primary-nav hidden lg:block" aria-label="<?php esc_attr_e('منوی اصلی', 'iliya'); ?>">
                    <?php
                    if (has_nav_menu('primary')) {
                        wp_nav_menu([
                            'theme_location' => 'primary',
                            'container'      => false,
                            'menu_class'     => 'flex items-center gap-8 text-sm font-medium text-steel-700',
                            'depth'          => 2,
                        ]);
                    } else {
                        iliya_default_nav();
                    }
                    ?>
                </nav>

                <div class="flex items-center gap-3">
                    <a href="<?php echo esc_url(home_url('/#contact')); ?>" class="btn-primary hidden sm:inline-flex">
                        <?php echo iliya_icon('phone', 18); ?>
                        <?php esc_html_e('درخواست مشاوره', 'iliya'); ?>
                    </a>
                    <button type="button" class="lg:hidden" data-menu-toggle aria-label="<?php esc_attr_e('منو', 'iliya'); ?>" aria-expanded="false">
                        <?php echo iliya_icon('menu', 28, 'text-dark'); ?>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Mobile menu -->
    <div class="mobile-menu hidden border-b border-border bg-white lg:hidden" data-mobile-menu>
        <div class="container mx-auto max-w-[1310px] py-5">
            <?php
            if (has_nav_menu('primary')) {
                wp_nav_menu([
                    'theme_location' => 'primary',
                    'container'      => false,
                    'menu_class'     => 'flex flex-col gap-4 text-sm font-medium text-steel-700',
                    'depth'          => 2,
                ]);
            } else {
                iliya_default_nav('flex flex-col gap-4 text-sm font-medium text-steel-700');
            }
            ?>
            <a href="<?php echo esc_url(home_url('/#contact')); ?>" class="btn-primary mt-5 w-full">
                <?php esc_html_e('درخواست مشاوره', 'iliya'); ?>
            </a>
        </div>
    </div>
</header>

<main id="content" class="site-main">
