@extends('layouts.front.app')

@section('content')

<section>
  <div class="container">
    <nav class="navbar navbar-expand-lg navbar-dark primary mt-3">      
      
      <a class="navbar-brand white-text font-weight-bolder">{!! config('app.name') !!} - Blog</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>
  </div>
</section>

<section>
  <div class="container">
    <h2 class="font-weight-bold text-center font-abeezee my-5">Publicações recentes</h2>
    
    @php $i = 0 @endphp
    
    @foreach ($blogs as $blog)
    
    <div class="row @if($i % 2 == 0) flex-row-reverse @endif">
      
      <div class="col-lg-5">
        
        <div class="view overlay rounded z-depth-1">
          {!! $blog->image_default !!}
        </div>
        
      </div>
      
      <div class="col-lg-7">
        
        <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 font-abeezee">{!! $blog->categoria->icone !!} {{ $blog->categoria->nome }}</h6>
        </a>
        
        <h3 class="font-weight-bold mb-3 font-abeezee"><strong>{!! $blog->nome !!}</strong></h3>
        
        <p class="font-weight-bolder font-montserrat">{!! $blog->description !!}</p>
        
        <p class="font-nunito font-weight-bolder">por <strong>{!! config('app.name') !!}</strong>, 
          {!! \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 btn-md font-weight-bold" href="{{ route('blog.individual', [$blog->slug, $blog->id]) }}">
          Ler mais
        </a>
        
      </div>
      
    </div>
    
    @php $i++ @endphp
    
    <hr class="my-5">
    
    @endforeach
  </div>
</section>

@endsection

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