@extends('frontend.layout.master')

@section('title'){{$tag->meta_title}}@endsection

@section('desc'){{$tag->meta_desc}}@endsection

@section('caninocal')https://www.jenikashop.com/{{$tag->slug}}@endsection
@section('robot','index, follow')


@section('schema')
<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "خانه",
    "item": "https://www.jenikashop.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "{{$tag->title}}",
    "item": "https://www.jenikashop.com/{{$tag->slug}}"  
  }]
}
</script>
@endsection

@section('content')
  <script type="text/javascript" src="/js/blazy.min.js"></script>

    <div class="kontainer backsefid">
        <div class="row-search">
            <ul class="breadcrumb">
            <li><a href="/">فروشگاه اینترنتی جنیکا</a></li>
            <li><a href="{{$tag->slug}}">{{$tag->title}}</a></li>
        </ul>

        
        <h1>{{@$tag->title}}</h1>

          @foreach($products as $product)
          <div class="col-md-3 col-xs-6 show-products">
                      <div class="vir">
                        <a href="{{route('product.single', ['slug'=> $product->slug])}}">
                          </a><div class="image-holder"><a href="{{route('product.single', ['slug'=> $product->slug])}}">
                              <div class="vm-img">

                                      <img data-src="/images/product/{{@$product->photos[0]->path}}" src="" class="b-lazy" alt="{{$product->title}} ">

                              </div>
                              @if($product->status == 0)
                              <span class="vm2-normalstock2"> ناموجود </span>
                              <div class="cover">
                                  <span>  {{$product->title}} </span>
                              </div>
                              @else

                              <span class="vm2-normalstock"> موجود </span>
                              <div class="cover">
                                  <span>  {{$product->title}} - {{$product->sku}} </span>
                              </div>
                              <div class="vm-price">
                                  <div class="price-takhfif">
                                      <span>
                                      </span>
                                  </div>
                                  @if($product->discount_price == NULL)
                                  <div class="price-normal">
                                      <span>  {{number_format($product->price)}}  تومان </span>
                                  </div>
                                  @else
                                  <div class="price-takhfif">
                                          <span>{{number_format($product->price)}} تومان</span>
                                    </div>

                                    <div class="price-normal">
                                        <span> {{number_format($product->discount_price)}} تومان</span>
                                    </div>
                                  @endif

                              </div>
                              @endif
                              </a>
                          </div>

                      </div>
                  </div>
                  @endForeach
                   </div>
                          {{$products->links()}}
                          
                   <article>
                  <div class="row-search">
                  <div class="col-md-12 searchse">
                      <div class="bgsefid">
                                      </div>
                </div>
                </div>
                </article>

                  


       
                    <script type="text/javascript">
                var bLazy = new Blazy({
     breakpoints: [{
   width: 420
       , src: 'data-src-small'
}]
   , success: function(element){
   setTimeout(function(){
 var parent = element.parentNode;
 parent.className = parent.className.replace(/\bloading\b/,'');
   }, 200);
     }
});
                </script>





    </div>

@endsection