@extends('layouts.layout-inner')

@section('content')
<div class="container-fluid no-padding">
  <div class="inner-page-title-wrap">
    <div class="inner-page-title">
      <h2>{{ isset($pageTitle) ? $pageTitle : 'Untitled' }}</h2>
    </div>
    <div class="inner-page-title-pointer"></div>
  </div>
</div>

<div id="contentPage" class="container top-bot-spacer-40">
  <div class="row">
    <div class="col-md-9"> 
      <!-- blog list start -->
      @foreach ($posts as $post)
      <div class="blog-list">
        <div class="blog-list-ls">
          <div class="blg-date">{{ date('d', strtotime($post->created_at)) }}</div>
          <div class="blg-year">{{ date('M Y', strtotime($post->created_at)) }}</div>
        </div>
        <div class="blog-list-rs">
          <div class="blg-detail">
            <h2><a href="{{ route('frontend.blog.details', ['slug' => $post->slug]) }}">{{ $post->title }}</a></h2>
            <p>{{ str_limit(strip_tags($post->body), 385) }}</p>
          </div>
          <div class="blg-share">
            <div class="blg-share-ls">
              <div class="sharethis-inline-share-buttons" data-url="{{ route('frontend.blog.details', ['slug' => $post->slug]) }}" data-title="{{ $post->title }}"></div>
            </div>
            <div class="blg-share-rs"> <a href="{{ route('frontend.blog.details', ['slug' => $post->slug]) }}" class="blg-rd-more">Read More</a> </div>
          </div>
        </div>
      </div>
      @endforeach
      <!-- blog list end --> 
      
    </div>
    <div class="col-md-3">
      <!-- recent posts -->
        @widget('recentPosts')
      <!-- end -->

      <div class="blg-pg-spacer"></div>
      <!-- recent acchive years -->
        @widget('archiveYears')
      <!-- end -->
    </div>
  </div>
  <div class="clearfix"></div>
</div>
@endsection

@push('scripts')
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=59548e423b4e8e0012f0a681&product=inline-share-buttons"></script> 
@endpush