@extends('layouts.blog')
@section('page_title')
@parent
{{$cat->title}}
@endsection
@section('head-js')

@stop
@section('meta')
    <!-- ===========================
         Primary Meta Tags
         =========================== -->
    <meta name="description" content="{{ $cat->title }}">

    <!-- Canonical & Pagination -->
    @if($posts->currentPage() == 1)
        <link rel="canonical" href="{{ config('app.url').'/blog/category/'.$cat->slug }}" />
        @if($posts->total() > $posts->perPage())
            <link rel="next" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page=2' }}" />
        @endif
    @elseif($posts->lastPage() == $posts->currentPage())
        <link rel="canonical" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page='.$posts->currentPage() }}" />
        <link rel="prev" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page='.($posts->currentPage()-1) }}" />
    @else
        <link rel="canonical" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page='.$posts->currentPage() }}" />
        <link rel="prev" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page='.($posts->currentPage()-1) }}" />
        <link rel="next" href="{{ config('app.url').'/blog/category/'.$cat->slug.'?page='.($posts->currentPage()+1) }}" /> 
    @endif

    <!-- ===========================
         Open Graph / Facebook
         =========================== -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="{{ $defaultset->metatitle }}" />
    <meta property="og:locale" content="fa_IR" />
    <meta property="og:title" content="{{ $cat->title }}" />
    <meta property="og:description" content="{{ $cat->title }}" />
    <meta property="og:url" content="{{ config('app.url').'/blog/category/'.$cat->slug }}" />

    <!-- ===========================
         Twitter Card
         =========================== -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ $cat->title }}" />
    <meta name="twitter:description" content="{{ $cat->title }}" />
    <meta name="twitter:site" content="@{{ kv('twitterID') }}" />

    <!-- ===========================
         JSON-LD Structured Data (Category Page / CollectionPage)
         =========================== -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "CollectionPage",
      "name": "{{ $cat->title }}",
      "description": "{{ $cat->title }}",
      "url": "{{ config('app.url').'/blog/category/'.$cat->slug }}",
      "publisher": {
        "@type": "Organization",
        "name": "{{ $defaultset->metatitle }}",
        "logo": {
          "@type": "ImageObject",
          "url": "{{ asset('/upload/general/'.$defaultset->darklogo) }}"
        }
      },
      "mainEntity": [
        @foreach($posts as $post)
        {
          "@type": "Article",
          "headline": "@if($post->metatitle) {{$post->metatitle}} @else {{$post->title}} @endif",
          "description": "{{ $post->metadescr }}",
          "url": "{{ config('app.url').'/blog/'.$post->slug }}",
          "datePublished": "{{ $post->created_at->tz('Asia/Tehran')->toAtomString() }}",
          "dateModified": "{{ $post->updated_at->tz('Asia/Tehran')->toAtomString() }}",
          "author": {
            "@type": "Person",
            "name": "{{ $post->users->fname ?? 'Aghayedaro' }}"
          },
          "image": "{{ $post->thumbnails ? asset($post->thumbnails) : asset('/no-image.jpg') }}"
        }@if(!$loop->last),@endif
        @endforeach
      ]
    }
    </script>
@stop
@section('main')
<div class="page-title">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <ol class="breadcrumb">
          <li><a href="#">خانه</a></li>
          <li><a href="{{asset('/blog')}}">{{$defaultsetblog->title}}</a></li>
          <li>{{$cat->title}}</li>
        </ol>
      </div><!-- Col end -->
    </div><!-- Row end -->
  </div><!-- Container end -->
</div><!-- Page title end -->

<section class="block-wrapper">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">

        <div class="block category-listing">
          <h3 class="block-title"><span>{{$cat->title}}</span></h3>
          <div class="row">
            @if(count($posts) > 0)
              @foreach($posts as $post)
              <div class="col-md-6 col-sm-6 post-blog">
                <div class="post-block-style post-grid clearfix">
                  <div class="post-thumb">
                    <a href="{{url('/blog/'.$post->slug)}}">
                      <img class="img-responsive" @if($post->thumbnails) src="{{url($post->thumbnails)}}" @else src="{{url('/no-image.jpg')}}" @endif alt="{{$post->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
                    </a>
                    @if($post->duration)
          			<span class="post-duration-abs">مدت زمان مطالعه: {{$post->duration}} دقیقه</span>
          			@endif
          			<span class="post-likes-count"> {{$post->rate}} <i class="fa fa-heart-o"></i></span>
                  </div>