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

@stop
@section('meta')
    <!-- ===========================
         Primary Meta Tags
         =========================== -->
    <meta name="description" content="{{ $defaultsetblog->metadescr }}">
    <link rel="canonical" href="{{ config('app.url').'/blog' }}" />

    <!-- ===========================
         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="{{ $defaultsetblog->metatitle }}" />
    <meta property="og:description" content="{{ $defaultsetblog->metadescr }}" />
    <meta property="og:url" content="{{ config('app.url').'/blog' }}" />

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

    <!-- ===========================
         JSON-LD Structured Data (Homepage / CollectionPage)
         =========================== -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "CollectionPage",
      "name": "{{ $defaultsetblog->metatitle }}",
      "description": "{{ $defaultsetblog->metadescr }}",
      "url": "{{ config('app.url').'/blog' }}",
      "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="gap-20 visible-xs"></div>
    @if(count($fes) > 3)
		<section class="featured-post-area no-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-xs-12 pad-r">
						<div id="featured-slider" class="owl-carousel owl-theme featured-slider content-bottom twoNewsBox-style">
              @foreach($fes as $key => $value)
                  @if($key != 1 && $key != 2)
    							<div class="item">
    								<img src="{{asset($value->thumbnails)}}" alt="{{$value->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
    									
    								<div class="featured-post">
    									<div class="post-content">