@php($title = setting('title_'.lang()))
@php($desc = view()->yieldContent('desc', setting('desc_'.lang())))
@php($logo = setting('logo'))
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@hasSection('title') {{ $title }} - @yield('title') @else {{ $title }} @endif</title>
<link rel="canonical" href="{{ url()->full() }}">
<link rel="sitemap" href="/sitemap.xml" title="Sitemap" type="application/xml">
<link href="{{ asset($title) }}" rel="shortcut icon">
<meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<meta name="description" content="{{ strip_tags($desc) }}">
<meta name="keywords" content="{{ strip_tags(setting('keywords_'.lang())) }}">
<meta name="author" content="{{ $title }}">
<meta name="image" content="{{ asset($title) }}">
<meta property="og:title" content="{{ $title }}">
<meta property="og:description" content="{{ strip_tags($desc) }}">
<meta property="og:locale" content="en">
<meta property="og:image" content="{{ asset($logo) }}">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:site_name" content="{{ $title }}">
<meta property="og:type" content="website">
<meta name="twitter:card" content="{{ $title }}">
<meta name="twitter:title" content="{{ $title }}">
<meta name="twitter:description" content="{{ strip_tags($desc) }}">
<meta name="twitter:site" content="{{ $title }}">
<link rel="sitemap" href="/sitemap.xml" title="Sitemap" type="application/xml">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="apple-touch-icon" sizes="180x180" href="{{ asset($logo) }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset($logo) }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset($logo) }}">

<meta name="google-site-verification" content="Px_0ReUeNPUb4kjBLSpUMtjcGdCQN0iUHwY1pEFjxRk" />

{!! setting('snapchat_services') !!}
{!! setting('twitter_services') !!}
{!! setting('facebbok_services') !!}
{!! setting('google_services') !!}
{!! setting('tiktok_services') !!}
{!! setting('instagram_services') !!}

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Menu",
  "name": "{{ $title }}",
  "url": "{{ env('APP_URL') }}",
  "description": "{{ $desc }}",
  "logo": "{{ asset($logo) }}",
  "sameAs": [
    "{{ setting('facebook') }}",
    "{{ setting('instagram') }}",
    "{{ setting('snapchat') }}",
    "{{ setting('twitter') }}"
  ],
  "potentialAction": {
    "@type": "SearchAction",
    "target": "{{ env('APP_URL') }}/search?s={search_term_string}",
    "query-input": "required name=search_term_string"
  },
  @if (Categories()->isNotEmpty())
  "hasMenuSection": [
      @foreach(Categories() as $Category)
      {
        "@type": "MenuSection",
        "name": "{{ $Category->title() }}",
        "description": "{{ $Category->desc() }}",
        "url": "{{ route('client.categories', ['title' => str_replace(' ', '-', $Category->title())]) }}"
      }@if(!$loop->last),@endif
      @endforeach
    ]
   @endif
  
},
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "{{ $title }}",
  "url": "{{ env('APP_URL') }}",
  "logo": "{{ asset($logo) }}",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "{{ setting('phone') }}",
    "contactType": "Customer Service"
  },
}
</script>


<style> 
    :root {--main--color: {{ setting('main_color') }};} 
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css" integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{ asset('new_assets/css/'.lang().'.css') }}">
<link rel="stylesheet" href="{{ asset('new_assets/css/newcss.css') }}">
<link rel="stylesheet" href="{{ asset('new_assets/css/media.css') }}">
<link rel="stylesheet" href="{{ asset('new_assets/nav/nav-'.lang().'.css') }}?v=1.1">
@stack('css')

@if (lang('ar'))
    <style>
        .form-check .form-check-input {
            float: right;
            margin-right: -1.5em;
        }
        .breadcrumb-item+.breadcrumb-item::before {
            float: {{ lang('en') ? 'left' : 'right' }};
        }
    </style>
        
@endif

<style>
    body,
    .form-control-up ,
    .bg-ccc,
    .form-control-up:focus+.placeholder-text, .form-control-up:not(:placeholder-shown)+.placeholder-text
    {
        background: #fff;
    }
    
    p,h1,h2,h3,h4,h5,h6,span,
    .placeholder-text,
    .text-primary
    {
        color: #796767 !important;
    }
    
    .fancybox__container {
        z-index: 9999999999;
    }
    
    .breadcrumb.wizard {
        font-size: 16px;
        padding: 0px;
        list-style: none;
        overflow: hidden;
        margin-top: 20px;
    }
    @media (max-width: 577px){
        .breadcrumb.wizard {
            font-size: 10px !important;
        }
    }
    .breadcrumb.wizard>li+li:before {
    	padding: 0;
    }
    .breadcrumb.wizard li {
    	float: {{ lang('en') ? 'left' : 'right' }};
    }
    .breadcrumb.wizard li.active a {
    	background: brown;                   /* fallback color */
    	background: #000 ;
    }
    .breadcrumb.wizard li.completed a {
    	background: brown;                   /* fallback color */
    	background: var(--main--color);
    }
    .breadcrumb.wizard li.not-completed a {
    	background: brown;                   /* fallback color */
    	background: #5d5858 ;
    }
    .breadcrumb.wizard li.active a:after {
    	border-{{ lang('en') ? 'left' : 'right' }}: 30px solid #000 ;
    }
    .breadcrumb.wizard li.completed a:after {
    	border-{{ lang('en') ? 'left' : 'right' }}: 30px solid var(--main--color);
    }
    
    .breadcrumb.wizard li a {
    	color: white;
    	text-decoration: none;
    	padding: 10px {{ lang('en') ? '0' : '45px' }} 10px {{ lang('ar') ? '0' : '45px' }};
    	position: relative;
    	display: block;
    	float: {{ lang('en') ? 'left' : 'right' }};
    }
    .breadcrumb.wizard li a:after {
    	content: " ";
    	display: block;
    	width: 0;
    	height: 0;
    	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    	border-bottom: 50px solid transparent;
    	border-{{ lang('en') ? 'left' : 'right' }}: 30px solid #5d5858 ;
    	position: absolute;
    	top: 50%;
    	margin-top: -50px;
    	{{ lang('en') ? 'left' : 'right' }}: 100%;
    	z-index: 2;
    }
    .breadcrumb.wizard li a:before {
    	content: " ";
    	display: block;
    	width: 0;
    	height: 0;
    	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    	border-bottom: 50px solid transparent;
    	border-{{ lang('en') ? 'left' : 'right' }}: 30px solid white;
    	position: absolute;
    	top: 50%;
    	margin-top: -50px;
    	margin-{{ lang('en') ? 'left' : 'right' }}: 1px;
    	{{ lang('en') ? 'left' : 'right' }}: 100%;
    	z-index: 1;
    }
    .breadcrumb.wizard li:first-child a {
    	padding-{{ lang('en') ? 'left' : 'right' }}: 15px;
    }
    .breadcrumb.wizard li a:hover { background: #000  ; }
    .breadcrumb.wizard li a:hover:after { border-{{ lang('en') ? 'left' : 'right' }}-color: #000   !important; }

    .Marquee {
        height: 30px; 
        overflow: hidden;
        position: relative;
        background-color: var(--main--color);
        color: #fff;
    }
    .Marquee .second {margin-left: 100%;}
    .Marquee p {
        color: #fff !important;
        font-weight: 600;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
  
    @media (max-width: 577px){
        .breadcrumb.wizard  li.not-completed  a:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 25px solid transparent;
            border-bottom: 19px solid transparent;
            border-{{ lang('en') ? 'left' : 'right' }}: 30px solid #5d5858;
            position: absolute;
            top: 100%;
            margin-top: -43px;
            {{ lang('en') ? 'left' : 'right' }}: 100%;
            z-index: 2;
        }
        
        .breadcrumb.wizard li a:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 25px solid transparent;
            border-bottom: 25px solid transparent;
            border-{{ lang('en') ? 'left' : 'right' }}: 15px solid #5d5858;
            position: absolute;
            top: 50px;
            margin-top: -55px;
            {{ lang('en') ? 'left' : 'right' }}: 100%;
            z-index: 2;
        }
        .breadcrumb.wizard li a:before{
            display: none;
        }
    }

</style>



<style>
    .vc {
        background: #ff0045;
        border-radius: 30px 0 0 30px;
        color: #fff !important;
        width: 108px;
        text-align: center;
        padding: 6.5px 18px;
        position: absolute;
        border-{{ lang('ar') ? 'left' : 'right' }}: 1px dashed #fff;
        top: 10px;
        {{ lang('en') ? 'left' : 'right' }}: 10px;
    }
  
</style>






<style>
    * {
        font-family: 'jenna', sans-serif;
    }
    h1,h2,h3,h4,h5,h6 {
        font-family: 'jenna', sans-serif !important;
    }
    
    
    .single_prouct{
        height: 350px;
    }

    @media (max-width: 877px){
        .single_prouct{
            height: 285px;
        }
    }
    @media (max-width: 577px){
        .single_prouct{
            height: 235px;
        }
    }

</style>



<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16719689563">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16719689563');
</script>


<!-- Event snippet for عملية شراء conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-16719689563/873tCO_a1tcZENvuyKQ-',
      'value': 1.0,
      'currency': 'SAR',
      'transaction_id': ''
  });
</script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '901270315411920');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=901270315411920&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->