@extends('Layouts.frontLayout',['classBody'=>"container-max-width show-bottom-nav"])
@section('title')
   {{$data['blog']->title}}
@endsection
@section('metaData')
       <meta name="meta_title" content="{{(isset($data['blog']->meta_data->meta_title) and $data['blog']->meta_data->meta_title!="")?$data['blog']->meta_data->meta_title:''}}">
       <meta name="meta_tags" content="{{(isset($data['blog']->meta_data->meta_tags) and $data['blog']->meta_data->meta_tags!="")?$data['blog']->meta_data->meta_tags:''}}">
       <meta name="meta_description" content="{{(isset($data['blog']->meta_data->meta_description) and $data['blog']->meta_data->meta_description!="")?$data['blog']->meta_data->meta_description:''}}">
       <meta property="og:url"content="{{url()->current()}}" >
       <meta property="og:type"content="{{(isset($data['blog']->meta_data->facebook_meta_data) and $data['blog']->meta_data->facebook_meta_data!="")?$data['blog']->meta_data->facebook_meta_data:''}}" >
       <meta property="og:title"content="{{(isset($data['blog']->meta_data->meta_title) and $data['blog']->meta_data->meta_title!="")?$data['blog']->meta_data->meta_title:''}}" >
       <meta property="og:description"content="{{(isset($data['blog']->meta_data->facebook_meta_description) and $data['blog']->meta_data->facebook_meta_description!="")?$data['blog']->meta_data->facebook_meta_description:''}}" >
       <meta property="og:image"content="/{{(isset($data['blog']->meta_data->facebook_meta_image) and $data['blog']->meta_data->facebook_meta_image!="")?$data['blog']->meta_data->facebook_meta_image:''}}">
       <meta name="twitter:card" content="{{(isset($data['blog']->meta_data->twitter_meta_data) and $data['blog']->meta_data->twitter_meta_data!="")?$data['blog']->meta_data->twitter_meta_data:''}}" >
       <meta name="twitter:site" content="{{url()->current()}}" >
       <meta name="twitter:title" content="{{(isset($data['blog']->meta_data->meta_title) and $data['blog']->meta_data->meta_title!="")?$data['blog']->meta_data->meta_title:''}}" >
       <meta name="twitter:description" content=" {{(isset($data['blog']->meta_data->twitter_meta_description) and $data['blog']->meta_data->twitter_meta_description!="")?$data['blog']->meta_data->twitter_meta_description:''}}">
       <meta name="twitter:image" content="{{url('/')}}/{{(isset($data['blog']->meta_data->twitter_meta_image) and $data['blog']->meta_data->twitter_meta_image!="")?$data['blog']->meta_data->twitter_meta_image:''}}">
@endsection
@section('css')
@endsection
@section('content')

    <main id="main">
      <div class="container container-single-post">
        <nav class="breadcrumb">
          <nav class="page-wrapper-breadcrumb breadcrumb">
            <a href="/">{{__('Home')}}</a>&nbsp;&#47;&nbsp; <a href="#">{{__('Blogs')}}</a>&nbsp;&#47;&nbsp;{{$data['blog']->title}}
          </nav>
        </nav>
        <div class="row">
		 
          <aside class="sidebar sidebar-post col-12 col-lg-3">
     
			  @if(count($data['categories'])>0)
            <div   class="widget widget-categories">
              <header class="widget-header">
                <h3 class="widget-title">
                  <span>{{__('Category')}}‌ </span>
				</h3>
              </header>
              <div class="widget-content">
                <ul>
				    @foreach($data['categories'] as $item)
                   <li class="cat-item " ><a href="{{route('Front.blogs.index',$item->slug) }}">{{$item->title}} </a> ({{count($item->Blog)}})</li>
                   @endforeach
                </ul>
              </div>
            </div>
			@endif
			
			@if(count($data['blogsPopular'])>0)
            <div   class="widget widget-posts">
              <header class="widget-header">
                <h3 class="widget-title">
                  <span>{{__('Popular Posts')}}</span>
                </h3>
                
              </header>
              <div class="widget-content">
                <div class="posts">
              @foreach($data['blogsPopular'] as $item)
                  <a href="{{route('Front.blogs.blogSingle',$item->slug)}}" class="post-item">
                    <img width="64" height="64" src="/File/blog/64_64/{{$item->image}}" class="post-img wp-post-image" alt="{{$item->title}}" decoding="async" loading="lazy" srcset="/File/blog/64_64/{{$item->image}} 64w, /File/blog/150_150/{{$item->image}} 150w" sizes="(max-width: 64px) 100vw, 64px" />
                    <div>
                      <h4 class="post-title">{{$item->title}}</h4>
                      <span class="post-date">{{timestampDateDay($item->created_at,true)['date']}}</span>
                    </div>
                  </a>
				  @endforeach
                </div>
              </div>
            </div>
			@endif
			  
          </aside>
		  
          <div class="col-12 col-lg-9 post-main-content">
            <article class="post-single   post type-post   format-standard has-post-thumbnail hentry">
              <header class="post-header">
                <h1 class="post-title">{{$data['blog']->title}}</h1>
                </h1>
              </header>
              <div class="post-meta">
                <div class="post-author">
                  
                  <span>{{$data['blog']->author_name}}</span>
                </div>
                <div class="separator"></div>
                <div class="post-date">{{timestampDateDay($data['blog']->created_at,true)['date']}}</div>
                <div class="separator"></div>
    
              </div>
			  <figure class="post-img">
                 <img width="822" height="522" src="/File/blog/{{$data['blog']->image}}" class="attachment-full size-full wp-post-image" alt="{{$data['blog']->title}}"  decoding="async" srcset="/File/blog/{{$data['blog']->image}} 822w, /File/blog/300_191/{{$data['blog']->image}} 300w, /File/blog/768_488/{{$data['blog']->image}} 768w, /File/blog/600_381/{{$data['blog']->image}} 600w" sizes="(max-width: 822px) 100vw, 822px" />
               </figure>
 
              <div class="post-content">
			  {!!$data['blog']->text!!}
			   
              </div>
			  
              <footer class="post-footer">
                <div class="post-share-comments">
                  <div class="post-comments-count">
                    <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                      <path fill-rule="evenodd" d="M10 21a1 1 0 001.6.8l6.92-5.198A8 8 0 0014 2h-4a8 8 0 100 16v3zm7.373-6.037l-.037.027L12 18.998V17a1 1 0 00-1-1h-1a6 6 0 010-12h4a6 6 0 013.373 10.963z" clip-rule="evenodd"></path>
                    </svg>
                    <span>{{count($data['comments'])}}</span>
                  </div>
                </div>
              </footer>
            </article>
            <div class="post-comment">
              <header class="post-comment-header">
                <span>{{__('Comments On The Article')}}</span>
              </header>
              
              <div id="respond" class="comment-respond">
            
                <form action="{{route('Front.blogs.commentProduct',$data['blog']->id)}}"  method="post" id="commentform"  >
				 @CSRF
				 <input type="hidden" name="type" value="0">
                  <p class="logged-in-as">{{__('Leave a Message')}}</p>
				 <div class="row">
                    <div class="col-6">
                      <label for="title">{{__('Title')}} <span class="required"> *</span> </label>
                      <input id="title" type="text" class="{{ $errors->has('title') ? ' is-invalid' : '' }}" name="title"   required  value="{{ old('title') }}"/>
					   @if ($errors->has('title')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('title') }}</strong> </span> @endif
                    </div>
				   <div class="col-6">
                      <label for="email">{{__('Email')}} <span class="required"> *</span> </label>
                      <input id="email" type="text" class="{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email"   required  value="{{ old('email') }}"/>
					   @if ($errors->has('email')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('email') }}</strong> </span> @endif
                    </div>
                  </div> 
				  
                  <div class="row">
                    <div class="col-12">
                      <label for="comment">{{__('Your Message')}} <span class="required"> *</span> </label>
                      <textarea id="comment" class="{{ $errors->has('comment') ? ' is-invalid' : '' }}" name="comment" aria-required="true" rows="6" required >{{ old('comment') }}</textarea>
					   @if ($errors->has('comment')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('comment') }}</strong> </span> @endif
                    </div>
                  </div> 
                  <p class="form-submit">
                    <input name="submit" type="submit" id="submit"  value="{{__('Submit Now')}}" />
                  </p>
                </form>
              </div>
              @foreach($data['comments'] as $comment)
			  <ol class="comment-list">         
			  <div class="comment even thread-even depth-1 comment " id="comment-8">
                <div class="comment-meta">
                  <span class="comment-date">{{timestampDateDay($comment->created_at,true)['date']}}</span>
                </div>
                <div class="comment-content">
                    <p>{!! $comment->text !!}</p>
                </div>
				</div>
                </ol>
				@endforeach
            </div>
          </div>
        </div>
      </div>
    </main>
	
@endsection