<?php
$omexo_option          = get_option('omexo_opt');
$header_logo           = omexo_array_get($omexo_option, 'header-logo') ? $omexo_option['header-logo'] : '';
$header_email          = omexo_array_get($omexo_option, 'header-email') ? $omexo_option['header-email'] : '';
$header_phone          = omexo_array_get($omexo_option, 'header-contact-number') ? $omexo_option['header-contact-number'] : '';
$header_email_icon     = omexo_array_get($omexo_option, 'header-email-icon') ? $omexo_option['header-email-icon'] : '';
$header_phone_icon     = omexo_array_get($omexo_option, 'header-contact-icon') ? $omexo_option['header-contact-icon'] : '';
$header_social_icons   = omexo_array_get($omexo_option, 'header-social-icons') ? $omexo_option['header-social-icons'] : '';
$header_cart           = omexo_array_get($omexo_option, 'header-cart') ? $omexo_option['header-cart'] : '';
$header_top            = omexo_array_get($omexo_option, 'header-top') ? $omexo_option['header-top'] : '';
$header_search         = omexo_array_get($omexo_option, 'header-search') ? $omexo_option['header-search'] : '';
$social_icons_switcher = omexo_array_get($omexo_option, 'social-icons-switcher') ? $omexo_option['social-icons-switcher'] : '';
$transparent_header    = omexo_array_get($omexo_option, 'transparent-header') ? $omexo_option['transparent-header'] : '';
$header_log_reg_btn    = omexo_array_get($omexo_option, 'header-log-reg-btn') ? $omexo_option['header-log-reg-btn'] : '';
$login_title           = omexo_array_get($omexo_option, 'login-title') ? $omexo_option['login-title'] : '';
$login_url             = omexo_array_get($omexo_option, 'login-url') ? $omexo_option['login-url'] : '';
$registration_title    = omexo_array_get($omexo_option, 'register-title') ? $omexo_option['register-title'] : '';
$registration_url      = omexo_array_get($omexo_option, 'register-url') ? $omexo_option['register-url'] : '';
$dashboard_text        = omexo_array_get($omexo_option, 'dashboard-title') ? $omexo_option['dashboard-title'] : '';
$header_search_icon    = omexo_array_get($omexo_option, 'header-search-icon') ? $omexo_option['header-search-icon'] : '';
$dashboard_url         = omexo_array_get($omexo_option, 'dashboard-url') ? $omexo_option['dashboard-url'] : '';
?>

<?php if ($header_top == true) : ?>
    <!-- start header top area -->
    <div class="header-top-area">
        <div class="container">
            <div class="header-top-wrap <?php echo esc_attr($header_search == true ? 'enable-search-form' : 'disable-search-form'); ?>">
                <!-- start contact info -->
                <?php if (!empty($header_email) || !empty($header_phone)) : ?>
                    <div class="header-contact-info">
                        <ul class="no-list-style">
                            <?php if (!empty($header_email)) : ?>
                                <li><a href="mailto:<?php echo esc_html($header_email); ?>"><span><i class="fa-solid fa-<?php echo esc_attr($header_email_icon); ?>"></i></span>
                                        <?php echo esc_html($header_email); ?></a></li>
                            <?php endif; ?>
                            <?php if (!empty($header_phone)) : ?>
                                <li><a href="tel:<?php echo esc_html($header_phone); ?>"><span><i class="fa-solid fa-<?php echo esc_attr($header_phone_icon); ?>"></i></span>
                                        <?php echo esc_html($header_phone); ?></a></li>
                            <?php endif; ?>
                        </ul>
                    </div>
                <?php endif; ?>
                <?php if ($social_icons_switcher == true) : ?>
                    <div class="header-top-social">
                        <ul class="no-list-style">
                            <?php
                            foreach ($header_social_icons as $header_social_icon => $icon_name) {
                                if ($icon_name) { ?>
                                    <li>
                                        <a href="<?php echo esc_url($icon_name) ?>">
                                            <i class="fa-brands
                                                <?php switch ($header_social_icon) {
                                                    case "facebook":
                                                        echo esc_attr('fa-' . $header_social_icon . '-f');
                                                        break;
                                                    case "linkedin":
                                                        echo esc_attr('fa-' . $header_social_icon . '-in');
                                                        break;
                                                    case "twitter":
                                                        echo esc_attr('fa-x-' . $header_social_icon);
                                                        break;
                                                    default:
                                                        echo esc_attr('fa-' . $header_social_icon);
                                                } ?>">
                                            </i>
                                        </a>
                                    </li>
                            <?php }
                            } ?>
                        </ul>
                    </div>
                <?php endif; ?>
                <!-- end contact info -->
            </div>
        </div>
    </div>
<?php endif; ?>
<!-- end header top area-->

<!-- start header bottom area -->
<div class="header-btm-area">
    <div class="header-sticky-menu">
        <div class="container">
            <div class="main-menu-area">
                <div class="site-branding">
                    <div class="main-logo">
                        <?php
                        if (has_custom_logo()) {
                            the_custom_logo();
                        } else {
                            if (!empty($header_logo['url'])) { ?>
                                <a href="<?php echo esc_url(home_url('/')); ?>">
                                    <img src="<?php echo esc_url($header_logo['url']); ?>" alt="<?php esc_attr(bloginfo('name')); ?>">
                                </a>
                            <?php } else { ?>
                                <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
                        <?php }
                        }
                        ?>
                    </div>
                    <div class="sticky-logo">
                        <?php
                        $header_transparent_logo = omexo_array_get($omexo_option, 'transparent-header-logo') ? $omexo_option['transparent-header-logo'] : '';
                        if (!empty($header_transparent_logo['url'])) { ?>
                            <a href="<?php echo esc_url(home_url('/')); ?>">
                                <img src="<?php echo esc_url($header_transparent_logo['url']); ?>" alt="<?php esc_attr(bloginfo('name')); ?>">
                            </a>
                        <?php } else { ?>
                            <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
                        <?php }
                        ?>
                    </div>
                </div>

                <div class="main-menu text-right">
                    <nav id="site-navigation" class="main-navigation navigation no-list-style text-right">
                        <?php
                        wp_nav_menu(array(
                            'theme_location' => 'main-menu',
                            'menu_id'        => 'primary-menu',
                        ));
                        ?>
                    </nav><!-- #site-navigation -->
                </div>
                <?php if ($header_search_icon == true) : ?>
                    <div class="header-search text-right">
                        <ul>
                            <li class="search-icon"><span><i class="fa-solid fa-magnifying-glass"></i></span></li>
                        </ul>
                    </div>
                <?php endif; ?>

                <?php if ($header_log_reg_btn == true) : ?>
                    <div class="header-log-reg style-two text-right">
                        <ul class="no-list-style">
                            <?php if (!is_user_logged_in()) : ?>
                                <li><small>|</small></li>
                                <?php if (!empty($login_title)) : ?>
                                    <li class="login"><a href="<?php echo esc_url($login_url); ?>"><?php echo esc_html($login_title); ?></a></li>
                                <?php endif; ?>
                                <?php if (!empty($registration_title)) : ?>
                                    <li class="register"><a href="<?php echo esc_url($registration_url); ?>"><?php echo esc_html($registration_title); ?></a></li>
                                <?php endif; ?>
                            <?php endif; ?>
                            <?php if (is_user_logged_in()) : ?>
                                <li><small>|</small></li>
                                <?php if (!empty($login_title)) : ?>
                                    <li class="login"><a href="<?php echo esc_url(wp_logout_url(home_url('/'))); ?>"><?php _e('Logout', 'omexo'); ?></a></li>
                                <?php endif; ?>
                                <?php if (function_exists('tutor')) : ?>
                                    <?php if (!empty($dashboard_text)) : ?>
                                        <li class="register"><a href="<?php echo esc_url($dashboard_url == '' ? tutils()->get_tutor_dashboard_page_permalink() : $dashboard_url); ?>"><?php echo esc_html($dashboard_text) ?></a></li>
                                    <?php endif; ?>
                                <?php endif; ?>
                            <?php endif; ?>
                        </ul>
                    </div>
                    <div class="header-log-reg-mobile">
                        <ul class="no-list-style">
                            <li>
                                <span class="user-log-reg-icon"><i class="fa-regular fa-user"></i></span>
                                <ul class="user-log-reg-menu">
                                    <?php if (!is_user_logged_in()) : ?>
                                        <?php if (!empty($login_title)) : ?>
                                            <li><a href="<?php echo esc_url($login_url); ?>"><?php echo esc_html($login_title); ?></a></li>
                                        <?php endif; ?>
                                        <?php if (!empty($registration_url)) : ?>
                                            <li><a href="<?php echo esc_url($registration_url); ?>"><?php echo esc_html($registration_title); ?></a></li>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                    <?php if (is_user_logged_in()) : ?>
                                        <li><a href="<?php echo esc_url(wp_logout_url(home_url('/'))); ?>"><?php _e('Logout', 'omexo'); ?></a></li>
                                        <?php if (function_exists('tutor')) : ?>
                                            <?php if (!empty($dashboard_text)) : ?>
                                                <li><a href="<?php echo esc_url(tutils()->get_tutor_dashboard_page_permalink()); ?>"><?php echo esc_html($dashboard_text) ?></a></li>
                                            <?php endif; ?>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                </ul>
                            </li>
                        </ul>
                    </div>
                <?php endif; ?>
                <!-- start mobile menu wrap -->
                <div class="mobile-menu-wrap">
                    <button class="header-menu-bar"><i class="fa-solid fa-bars"></i></button>
                </div>
                <!-- end mobile menu wrap -->
            </div>
        </div>
    </div>
</div>
<!-- end header bottom area -->