<!doctype html>
<?php global $parsa_opt; ?>
<html <?php language_attributes(); ?> >
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <?php if($parsa_opt['fav_icon']['url']) { ?>
          <link rel="icon" type="image/png" href="<?php echo $parsa_opt['fav_icon']['url']; ?>">
      <?php } else { ?>
      <link rel="icon" href="<?php echo get_template_directory_uri().'/img/favicon.png'; ?>"
      <?php } ?>
    <meta name="viewport"
          content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0">
          <meta name="theme-color" content="<?php echo $parsa_opt['mobile_addressbar_color']; ?>">
    <?php wp_head(); ?>
    <script>
        var $ = jQuery;
        let statusDarkmode = <?php echo !empty($parsa_opt['status_darkmode']) ? 'true' : 'false'; ?>;
    </script>
</head>
<body <?php body_class(); ?>>

<?php if($parsa_opt['active_preloader']){ 
    $preloader_template = $parsa_opt['select_preloader'];
    get_template_part( "template/preloader/$preloader_template" ); 
} ?>

<script>
  let minTimePassed = false;
  let domLoaded = false;
  let forceTimeout = false;
  function hidePreloader() {
    if ((minTimePassed && domLoaded) || forceTimeout) {
      document.body.classList.add('loaded');
      const preloader = document.getElementById('preloader');
      setTimeout(() => {
        preloader.style.display = 'none';
      }, 600);
    }
  }
  setTimeout(() => {
    minTimePassed = true;
    hidePreloader();
  }, 2000);
  document.addEventListener('DOMContentLoaded', () => {
    domLoaded = true;
    hidePreloader();
  });
  setTimeout(() => {
    if (!domLoaded) {
      console.warn('DOMContentLoaded took too long — forcing preloader to hide.');
      forceTimeout = true;
      hidePreloader();
    }
  }, 9000);
</script>

  <?php
  if (!is_user_logged_in()){
      include_once 'inc/popup-login-form.php';
  }

  if($parsa_opt['active_notifbar']){
    include_once 'inc/topbar-notification.php';
  }
  ?>
  
<?php if($parsa_opt['active_mobile_header']){ ?>
    <div class="mobile-header">
    <div class="container">
    <div class="row-mobile">
    <div class="mobile-col25">
        <div class="sitelogo">
        <?php if($parsa_opt['logo_img']['url']) { ?>
            <a href="<?php echo get_home_url(); ?>"> <img src="<?php echo $parsa_opt['mobile_logo_img']['url']; ?>"> </a>
            <?php } else { ?>
            <a href="<?php echo get_home_url(); ?>"><img src="<?php echo get_template_directory_uri().'/img/mobile-logo.png'; ?>" alt="<?php bloginfo('name'); ?>"></a>
            <?php } ?>
        </div>
    </div>
    <div class="mobile-col16">
        <div class="mobile-header-icon">
        <ul>
            <?php if ($parsa_opt['active_mobile_header_search']) { ?>
            <li class="show-search show-search-fixed"> <i class="fal fa-search"></i></li>
            <?php } ?>
        </div>
    </div>
    <div class="mobile-col16">
        <div class="mobile-header-icon">
        <?php if ($parsa_opt['active_mobile_header_cart']) { ?>
        <a class="mobile-cart-header" href="<?php echo wc_get_cart_url(); ?>"> <i class="fal fa-shopping-basket"></i>  <span class="cart-cont-mobile"><?php echo sprintf ( _n( '%d', '%d', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?></span>  </a>
        <?php } ?>
        </div>
    </div>
    <div class="mobile-col16">
        <?php if ($parsa_opt['active_mobile_header_login']) { ?>
        <?php if ($parsa_opt['type_button_header'] && !is_user_logged_in() ) { ?>
        <div class="mobile-header-icon">
                <a href="<?php echo $parsa_opt['link_button_header'] ?>"><i class="eicon-person"></i></a>
        </div>
    <?php }
    elseif (!$parsa_opt['type_button_header'] && !is_user_logged_in()) {
    ?>
    <div class="btn_login_mobile mobile-header-icon">
        <i class="fal fa-user-lock"></i>
    </div>
    <?php
    }
    else {
    ?>
    <div class="header-mobile-login-button">
    <div class="login-button">
        <div class="login-button-intro">
            <div class="box-user-head">
                <span><?php
                global $current_user;
                ?></span>
                <input id="user_arrow2" type="checkbox" hidden>	  			  
                <label for="user_arrow2">
                    <span class="userlogin-img"><img src="<?php echo get_template_directory_uri().'/img/user.jpg'; ?> "> </span>
                    <p class="userlogin-name"><?php echo $current_user->display_name; ?></p>
                    <i class="fas fa-chevron-down"></i>
                </label>
                <div class="box-user-content">
                    <?php
                    if (class_exists('WooCommerce')) {
                    $account_link = get_permalink( get_option('woocommerce_myaccount_page_id') );
                    ?>
                    <ul>
                        <li><a href="<?php echo esc_url( $account_link ); ?>"><i class="fal fa-tachometer-alt"></i>پنل کاربری</a> </li>
                        <li><a href="<?php echo esc_url( wc_get_account_endpoint_url('orders') ); ?>"><i class="fal fa-cart-arrow-down"></i>سفارش ها</a> </li>
                        <li><a href="<?php echo esc_url( wc_get_account_endpoint_url('downloads') ); ?>"><i class="fal fa-download"></i>دانلودها</a> </li>
                        <li><a href="<?php echo esc_url( wc_get_account_endpoint_url('edit-account') ); ?>"><i class="fal fa-cog"></i>اطلاعات حساب کاربری</a> </li>
                        <li><a href="<?php echo esc_url( wc_get_account_endpoint_url('customer-logout' ) ); ?>"> <i class="fal fa-power-off"></i> خروج </a> </li>
                    </ul>
                    <?php } else {echo "<p>لطفا افزونه ووکامرس را نصب کنید</p>" ; } ?>
                </div>
            </div>

        </div>
    </div>
    </div>
    <?php
    }
    }
    ?>
    </div>
        <div class="mobile-col25">
            <div class="responsive_menu_button fixed-menu">
                <div class="open-responsive-menu" onclick="myFunction(this)">
                    <div class="bar1"></div>
                    <div class="bar2"></div>
                    <div class="bar3"></div>
                </div>
                <script>
                    function myFunction(x) {
                        x.classList.toggle("change");
                    }
                </script>
            </div>
        </div>
    </div>
    </div>
    </div>
    <div class="search-area">
        <form action="<?php home_url('/'); ?>" method="get">
        <input type="text" data-swplive="true" name="s" value="<?php the_search_query(); ?>" placeholder="جست و جو کنید...">
        <button class="fas fa-search"></button>
        </form>
    </div>
    <nav class="navigation-menu">
    <div class="flex items-center">
        <div class="navigation-sitelogo">
                <?php if($parsa_opt['logo_mobile_menu']['url']) { ?>
                <a href="<?php echo get_home_url(); ?>"> <img src="<?php echo $parsa_opt['logo_mobile_menu']['url']; ?>" alt="site-logo"> </a>
                <?php } else { ?>
                <a href="<?php echo get_home_url(); ?>"><img src="<?php echo get_template_directory_uri().'/img/mobile-logo.png'; ?> " alt="<?php bloginfo('name'); ?>"></a>
                <?php } ?>
        </div>
        <div class="navigation-close">
                <i class="fal fa-times"></i>
        </div>
    </div>
        <div class="search-mobile-menu">
    <form action="<?php home_url('/'); ?>" method="get">
    <input type="text" data-swplive="true"  name="s" value="<?php the_search_query(); ?>" placeholder="جست و جو کنید...">
    <button class="fas fa-search"></button>
    </form>
    </div>
    	<?php if ($parsa_opt['btn_darkmode']) { ?>
		<div class="dark-mode-btn" style="gap: 12px;">
		<input type="checkbox" name="rules"  class="checkbox-dark-mode">
        <label class="toggle-dark-mode" for="rules">
            <i class="dark-toggle fas fa-moon"></i>
        </label>
		<span class="toggle-text">تم تاریک</span>
		</div>
		<?php } ?>
        <?php wp_nav_menu( array( 'theme_location' => 'main-menu' , 'container'  => '' ) ); ?>
        <?php if ($parsa_opt['btn_mobile_menu']) { ?>
            <div class="member-course-button">
                <a href="<?php echo $parsa_opt['url_btn_mobile_menu']; ?>"><i class="fa fa-plus"></i><?php echo $parsa_opt['text_btn_mobile_menu']; ?></a>
            </div>
        <?php } ?>
    </nav>
<?php  }  ?>

<?php if ($parsa_opt['active_elementor_header']) {
  get_template_part('template/headers/elementor-header');

} else { ?>

<?php
$header_template = 'parsa-' . $parsa_opt['header-template'];
get_template_part( "template/headers/$header_template" );
?>
<?php } ?>

<div class="element-divider">

	<?php
	$is_app = isset($_GET['Parsa_apk']);
	if ($is_app){ ?>
		<style>
		.header {
    		height: 70px;
		}
		.footer-elementor div{
			display: none;
		}
		.header .elementor-widget-wrap> .elementor-element{
			display: none;
		}
        .mobile-toolbar {
    		display: none !important;
		}
		</style>
	<?php } ?>

    <div class="ic-cart-sidebar-wrapper">
        <div class="ic-cart-sidebar-wrapper_header">
            <div class="navigation-sitelogo">
               <?php if($parsa_opt['logo_mobile_menu']['url']) { ?>
               <a href="<?php echo get_home_url(); ?>"> <img src="<?php echo $parsa_opt['logo_mobile_menu']['url']; ?>" alt="site-logo"> </a>
               <?php } else { ?>
               <a href="<?php echo get_home_url(); ?>"><img src="<?php echo get_template_directory_uri().'/img/mobile-logo.png'; ?>" alt="<?php bloginfo('name'); ?>"></a>
               <?php } ?>
            </div>
            <div class="ic-cart-header-btn-close"><i class="fal fa-times"></i></div>
        </div>
        <div class="ic-cart-sidebar-wrapper_body">
            <div class="cartcontents">
                <div class="widget_shopping_cart_content">
                    <?php if (class_exists('WooCommerce')) { ?>
                        <?php 
                            woocommerce_mini_cart( [ 'list_class' => 'my-css-class' ] );
                        ?>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
