<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
	  <meta charset="UTF-8">
	  
  <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>    
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  <meta name="generator" content="<?php bloginfo('version'); ?>" /> 
  
<meta name="description" content="There are many variations of passages of available but the majority have suffered alteration in some form, by injected humou or randomised words even slightly believable.">
<meta name="keywords" content="There,are,many,variations,of,passages,of,available,but,the,majority,have,suffered,alteration,in,some,form,,by,injected,humou,or,randomised,words,even,slightly,believable. Organic,food,contains,more,vitamins Eat,organic,because,supply,meets,demand Organic,food,is,never,irradiated" />  
<!-- <meta name="theme-color" content="#002328"/>  -->
  
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
  <link  href="<?php bloginfo('pingback url'); ?>" /> 
  <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> 
  
<link rel="shortcut icon" href="<?php the_field('favicon', 'option') ?>" />
<!-- 
<script  type="text/javascript" src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
 -->
 
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/js/jquery.min.js?ver=6.2' id='js-jquery-js'></script>
<script src="<?php bloginfo('template_directory'); ?>/js/bootstrap.bundle.min.js"></script>
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/js/owl.carousel.min.js?ver=6.2' id='js-owl-carousel-js'></script>
<script src="<?php bloginfo('template_directory'); ?>/js/custom.js"></script>

  
  <?php  wp_head();  ?>



<link href="<?php bloginfo('template_directory'); ?>/css/bootstrap.min.css" rel="stylesheet">
<!-- <link href="<?php bloginfo('template_directory'); ?>/css/font-awesome.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.6.0/css/all.css">

<link rel='stylesheet' id='css-owl-carousel-css' href='<?php bloginfo('template_directory'); ?>/css/owl.carousel.css?ver=6.2' type='text/css' media='all' />


<!-- <link href="<?php // bloginfo('template_directory'); ?>/<?php  echo $GLOBALS['css'] ?>" rel="stylesheet"> -->

 <link href="<?php bloginfo('template_directory'); ?>/style.css" rel="stylesheet"> 
</head>
<body>
<?php // dynamic_sidebar( 'lang' ); ?>
 


<div class="top col-12">
 <div class="container">

  <div>
    <!-- <ul>
      <li><a href="#">English</a></li>
    </ul> -->
  </div>
  

  <div class="block-center">
    <span><img src="<?php bloginfo('template_directory'); ?>/img/t1.svg" alt=""> أسعــــار تنـافسيــــة</span>
    <span><img src="<?php bloginfo('template_directory'); ?>/img/t2.svg" alt=""> تـوصيـــل آمـــن وســريــــع</span>
    <span><img src="<?php bloginfo('template_directory'); ?>/img/t3.svg" alt=""> خـدمـــة عـمـــلاء 24/7</span>
  </div>


 </div> 
</div>





 <header class="header">
    <div class="container">

      <a class="logo" title="<?php bloginfo('name'); ?>" href="<?php bloginfo('url'); ?>"><img alt="<?php bloginfo('name'); ?>"  src="<?php the_field('logo', 'option') ?>" ></a>


      <div class="icons">
        <i class="fa fa-bars"></i>
        <div class="s-but"></div>

          <div>
            <a class="cart" href="<?php the_field('cart', 'option') ?>">
              <div id="mini-cart-count">
                <?php $items_count = WC()->cart->get_cart_contents_count();
                echo $items_count; //use this function for print the value of cart items count?>
            </div>
          </a>
         </div>

      <div><a class="fav" href="<?php the_field('fav', 'option') ?>"></a></div>
      <div><a class="order" href="<?php the_field('order', 'option') ?>/orders"></a></div>

        <?php if ( !is_user_logged_in() ) { ?>
        <div><a class="login" href="<?php the_field('acount', 'option') ?>/edit-account/"></a> </div>
        <div class="text">
        تسجيل الدخول
        </div>
        <?php } ?>

        <?php if ( is_user_logged_in() ) { ?>
        <div><a class="logged" href="<?php the_field('acount', 'option') ?>/edit-account/"></a> </div>
        <div class="textuser">
                   <?php
                      $user_id = get_current_user_id();
                      $user    = wp_get_current_user();
                      // الاسم
                      $name = $user->display_name;
                      // رقم الهاتف (WooCommerce)
                      $phone = get_user_meta( $user_id, 'billing_phone', true );?>
                    <h4><?php echo esc_html($name) ?></h4>
                    <a href="<?php echo wp_logout_url( home_url() ); ?>"><i></i> تسجيل الخروج</a>

        </div>
        <?php } ?>

      </div>

        



       <form id="searchform" class="searchform" method="get" action="<?php bloginfo('url'); ?>/"> 
          <input type="text"  name="s" id="search-header" placeholder="ابحث هنا ..." />
          <button id="go" ></button>
          <input type="hidden" name="post_type" value="product" /> 
        </form> 



      </div>
      <div class="naav col-12">
  <div class="menu">
  <?php if ( has_nav_menu( 'topnav' ) ) { ?>
  <?php  wp_nav_menu ( array( 'menu_class' => 'topnav','container'=> '', 'theme_location' => 'topnav' )); ?>
  <?php } ?> 

  <a class="wa" href="https://wa.me/<?php the_field('wa', 'option') ?>">+<?php the_field('wa', 'option') ?></a>
  </div>
</div>
</header>









  





<script>
$(document).ready(function(){
  $(".fa-bars").click(function(){
    $(".menu").toggleClass("open");
  });

$(".s-but").click(function() {
    $(".searchform").fadeToggle(300);
});




});
</script>






