@extends('layouts.blog')
@section('page_title')
@parent
@if($post->metatitle) {{$post->metatitle}} @else {{$post->title}} @endif
@endsection
@section('head-js')

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

    <!-- ===========================
         Open Graph / Facebook
         =========================== -->
    <meta property="og:type" content="article" />
    <meta property="og:title" content="@if($post->metatitle) {{$post->metatitle}} @else {{$post->title}} @endif" />
    <meta property="og:description" content="{{ $post->metadescr }}" />
    <meta property="og:url" content="{{ config('app.url').'/blog/'.$post->slug }}" />
    <meta property="og:site_name" content="{{ $defaultset->metatitle }}" />
    <meta property="og:locale" content="fa_IR" />
    <meta property="og:image" content="{{ asset($post->thumbnails) }}" />
    <meta property="og:image:width" content="400" />
    <meta property="og:image:height" content="400" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="article:published_time" content="{{ $post->created_at->tz('Asia/Tehran')->toAtomString() }}" />
    <meta property="article:modified_time" content="{{ $post->updated_at->tz('Asia/Tehran')->toAtomString() }}" />
    <meta property="article:author" content="{{ $post->author->name ?? $defaultset->author ?? 'Admin' }}" />
    <meta property="article:section" content="{{ $post->postcats->pluck('title')->implode(', ') }}" />
    <meta property="article:tag" content="{{ implode(',', $post->posttags->pluck('title')->toArray() ?? []) }}" />

    <!-- ===========================
         Twitter Card
         =========================== -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="@if($post->metatitle) {{$post->metatitle}} @else {{$post->title}} @endif" />
    <meta name="twitter:description" content="{{ $post->metadescr }}" />
    <meta name="twitter:image" content="{{ asset($post->thumbnails) }}" />
    <meta name="twitter:site" content="{{kv('twitterID')}}" />

    <!-- ===========================
         JSON-LD Structured Data (Article)
         =========================== -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "{{ config('app.url').'/blog/'.$post->slug }}"
      },
      "headline": "@if($post->metatitle) {{$post->metatitle}} @else {{$post->title}} @endif",
      "description": "{{ $post->metadescr }}",
      "image": "{{ asset($post->thumbnails) }}",
      "author": {
        "@type": "Person",
        "name": "{{ $post->users->fname ?? 'Aghayedaro' }}"
      },
      "publisher": {
        "@type": "Organization",
        "name": "{{ $defaultset->metatitle }}",
        "logo": {
          "@type": "ImageObject",
          "url": "{{ asset('/upload/general/'.$defaultset->darklogo) }}"
        }
      },
      "datePublished": "{{ $post->created_at->tz('Asia/Tehran')->toAtomString() }}",
      "dateModified": "{{ $post->updated_at->tz('Asia/Tehran')->toAtomString() }}",
      "keywords": "{{ implode(',', $post->posttags->pluck('title')->toArray() ?? []) }}"
    }
    </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>{{$post->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="single-post">

							<div class="post-title-area">
                @if($post->postcats)
                  @foreach($post->postcats as $cat)
								          <a class="post-cat" href="{{asset('/blog/category/'.$cat->slug)}}">{{$cat->title}}</a>
                  @endforeach
                @endif
								<h1 class="post-title">
									{{$post->title}}
								</h1>
								<div class="post-meta">
                  @if($post->users)
                  <span class="post-author"><a href="{{url('/blog/'.$post->slug)}}">{{$post->users->fname}} {{$post->users->lname}}</a></span>
                  @endif
									<span class="post-date"><i class="fa fa-clock-o"></i> {{\Morilog\Jalali\Jalalian::forge($post->created_at)->format('d F Y')}}</span>
									<span class="post-hits"><i class="fa fa-eye"></i> {{$post->ViewCount}}</span>
									<span class="post-comment"><i class="fa fa-comments-o"></i>
										<a href="#" class="comments-link"><span>{{$post->comments->count()}}</span></a></span>
										
									<span class="post-duration"><i class="fa fa-clock-o"></i>مدت زمان مطالعه: {{$post->duration}} دقیقه</span>
									<span class="post-likes"><i class="fa fa-heart"></i>تعداد لایک: {{$post->rate}} </span>
								</div>
							</div><!-- Post title end -->

							<div class="post-content-area">
								<div class="post-media post-featured-image">
									<a href="{{asset($post->imagesrc)}}" class="gallery-popup"><img src="{{asset($post->imagesrc)}}" class="img-responsive" alt="{{$post->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy"></a>
								</div>
								<div class="entry-content">