@extends('layouts.front.app')

@section('content')

<section>
  <div class="container p-blog">
    
    <nav class="navbar navbar-expand-lg navbar-dark light-blue darken-3 my-2 rounded">
      
      <a class="navbar-brand" href="{{ route('blog') }}">Blog {!! config('app.name') !!}</a>
      
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menuBlog">
        <span class="navbar-toggler-icon"></span>
      </button>
      
      <div class="collapse navbar-collapse" id="menuBlog">
        
        <ul class="navbar-nav mr-auto">
          @foreach ($categorias->where('categoria_pai', '>', 0) as $categoria)
          <li class="nav-item @if(intval(request()->category_id) === intval($categoria->id)) active @endif">
            <a class="nav-link" href="{{ route('blog.categoria', $categoria->id) }}">{!! $categoria->nome !!}
              @if(request()->category_id === $categoria->id) <span class="sr-only">(current)</span> @endif
            </a>
          </li>
          @endforeach
        </ul>
        
      </div>
      
    </nav>
    
    <h2 class="font-weight-bold text-center my-5">Publicações recentes</h2>
    
    @php $i = 0; @endphp
    
    @foreach ($blogs->sortByDesc('created_at')->paginate(5) as $blog)
    
    <div class="row @if($i % 2 == 0)flex-row-reverse @endif">
      
      <div class="col-lg-5 my-auto">
        
        <div class="view z-depth-2 mb-4">
          {!! $blog->image_default !!}
        </div>
        
      </div>
      
      <div class="col-lg-7 my-auto">
        
        <a href="{{ route('blog.categoria', $blog->categoria->id) }}" class="@if($i % 2 == 0) green-text @else pink-text @endif">
          <h6 class="font-weight-bold mb-3">{!! $blog->categoria->icone !!} {{ $blog->categoria->nome }}</h6>
        </a>
        
        <h3 class="font-weight-bold font-abeezee mb-3"><strong>{!! $blog->nome !!}</strong></h3>
        
        <p>{!! $blog->description !!}</p>
        
        <p>por <a><strong>{!! config('app.name') !!}</strong></a>, {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $blog->created_at)->format('d/m/Y') !!}</p>
        
        <a class="btn @if($i % 2 == 0) btn-success @else btn-pink @endif ml-0 btn-md font-weight-bold" href="{{ route('blog.individual', [$blog->slug, $blog->id]) }}">
          Ler mais
        </a>
        
      </div>
      
    </div>
    
    @php $i++; @endphp
    
    <hr>
    
    @endforeach
    
    <div class="d-flex justify-content-center my-4">
      {!!$blogs->paginate(5)->links()!!}
    </div>
    
  </div>
</section>

@endsection

@section('js')
<script type="text/javascript">
  $(document).ready(function () {
    $('div.view.overlay>p>img').addClass('img-fluid')
  })
</script>
@endsection