@if ($article != null)
  <div class="section-header mt-3">
    <div class="mb-3">
      <div class="text-dark" style="font-size: 40px; letter-spacing: .5px; line-height: 1.3;">
        {{$article->title}}
      </div>
      <div class="mt-1">
        <small class="font-italic">Created At : {{date('d M Y', strtotime($article->created_at))}} |</small>
        @foreach($article->categories as $value)
            <a class="d-inline underline" href="{{route('blog', ['c' =>$value->name])}}">
                <small class="font-italic">
                  {{$value->name}},
                </small>
            </a>
        @endforeach
      </div>
    </div>
    <p class="mb-3 article text-justify"> 
      {!! $article->content !!}
    </p>
  </div>    
@else
  <style>
    .page {
        color: #636b6f;
        font-family: 'Nunito', sans-serif;
        font-weight: 100;
        height: 100vh;
    }

  </style>
  <div class="full-height bg-white mt-5 d-flex align-items-center justify-content-center" style="height: 10vh;">
    <div class="code font-weight-bold text-center" style="border-right: 3px solid; font-size: 60px; padding: 0 15px 0 15px;">
      404
    </div>
    <div class="text-center" style="padding: 10px; font-size: 46px;">
      Not Found
    </div>
  </div>    
@endif