@extends('layout')
@section('title', isset($post->title)?$post->title:'Web&Ad')
@section('content')
<section class="top-banner">
  <div class=" top-banner__body top-banner__body--bottom">
    <div class="container">
      <div class="row relative">
        <img class="service-rect-left wow fadeIn" data-wow-delay="1.5s" src="/images/rect1.png">
        <h1 class=" top-banner__title-left">blog</h1>
      </div>
    </div>
  </div>
  <div class="breadcrumb-wrap">
    <div class="my-breadcrumb">
      <li class="my-breadcrumb__item"><a href="/">home</a></li>
      <li class="my-breadcrumb__item"><a href="{{ route('blog') }}">Blog</a></li>
      <li class="my-breadcrumb__item active">{{ $post->title }}</li>
    </div>
  </div>
</section>
<main id="blog">
  <div class="blog-detail">
    <div class="container-fluid">
      <div class="row">
        <div class="col-xs-12">
          <div class="blog-detail__item  wow fadeIn" data-wow-delay="1.5s">
            <div class="blog-detail__top">
              <h2 class="blog-detail__title">{{ $post->title }}</h2>
              <ul class="blog-detail__list">
                <li class=""><span>{{ date('d/m/y', strtotime($post->date)) }}</span></li>
              </ul>
            </div>
			 @if(!empty($post->image))
			<figure class="blog-detail__figure"><img class="blog-detail__img" src="/{{ $post->image }}" alt="{{ $post->title }}"></figure>
			@endif
            <div class="blog-detail__body ">
			<p class="blog-detail__desc">{!! $post->content !!}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
@endsection