@extends('layouts.public')
@section('title', $article->title)
@section('metatags')

<meta property="og:title" content="{{$article->title}}" />
<meta property="og:type" content="article"/>
<meta property="og:url" content="{{route('blogDetail', $article->slug)}}" />
<meta property="og:site_name" content="Gigminds Marketplace | Delivering Salesforce Talent." />
<meta property="og:description" content="{{$article->description}}" />
<meta property="og:image" content="{{$article->image_1}}" />
@endsection


@section('content')
<link href="{{ asset('css/blog.css') }}" rel="stylesheet">
<section style="background-color: white;">
   <div class="container">
      <div class="row">
         <div class="single-content mt-5">
            <div class="cont">
               <div class="cont_row">
                  <div class="col_lg_8 col_xs_12">
                     <div class="post-single">
                        <article class="post type-post">
                           
                           <figure class="entry-thumb">
                              <div class="post-thumbnail">
                                 <img src="{{$article->image_1}}" class="wp-post-image">	
                              </div>
                           </figure>
                           <div class="entry-meta clearfix">
                              <span class="entry_txt">
                              {{$article->provider_name}}
                              </span>                    
                           </div>
                           <div class="entry-cont">
                              <h1 class="post-title">{{$article->title}}</h1>
                              <p>{!!$article->content!!}</p>
                           </div>
                        </article>
                     </div>
                  </div>
                  <div class="col_lg_4 col_xs_12">
                     <aside class="widget widget_pbr_recent_post">
                        <h3 class="widget-title">RELATED STORIES</h3>
                        <div class="post-widget media-post-layout widget-content">
                        @foreach($records as $record)
                           <article class="item-post media">
                              <a href="{{route('blogDetail', $record->slug)}}" class="image pull-left">
                              <img class="attachment-widget size-widget wp-post-image" alt="" src="{{$record->image_1}}">		</a>
                              <div class="media_body">
                                 <div class="entry-title">
                                    <a href="{{route('blogDetail', $record->slug)}}">{{$record->title}}</a>
                                 </div>
                                 <span class="aside_subtxt">{{$record->provider_name}}</span>
                              </div>
                           </article>
                           @endforeach
                        </div>
                     </aside>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   </div>
</section>
@endsection