@extends('layouts.admin')

@section('content')
    @include('admin._partials.breadcrumb')
    @include('admin.includes.alerts') 

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row justify-content-md-center">
            <div class="col-md-8">
                <div class="ibox"> 
                    @foreach ($posts as $post)                               
                        <div class="ibox-content mt30">                       
                            <div class="row">
                                <div class="col-lg-3 text-center">                               
                                    <div class="m-b-sm blog-img">
                                        <a href="{{ route('blog.post', $post->url) }}">
                                            <img  alt="{{ $post->title }}" class="rounded" src="{{ url("storage/{$post->image}") }}">
                                        </a>
                                    </div>                                  
                                </div>
                                <div class="col-lg-9">
                                    <a href="{{ route('blog.post', $post->url) }}" class="btn-link">
                                        <h2>{{ $post->title }}</h2>
                                    </a>
                                    <div class="small m-b-xs">
                                        {{-- <strong>
                                            {{$post->user->name}}
                                        </strong>  --}}
                                        <span class="text-muted">
                                            <i class="fa fa-clock-o"></i> 
                                            {{ \Carbon\Carbon::parse($post->created_at)->format('d/m/Y - H:i:s')}}
                                        </span>
                                    </div>
                                    {{-- <p>
                                        {!! substr($post->description, 30, 150) !!}
                                    </p> --}}
                                    <div class="row">
                                        <div class="col-md-6">
                                                {{-- <h5>Saiba mais</h5> --}}
                                                {{-- <button class="btn btn-primary btn-xs" type="button">Model</button> --}}
                                                <a href="{{ route('blog.post', $post->url) }}" class="btn btn-white btn-xs">mais informação</a>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="small text-right">
                                                <h5>Informações:</h5>
                                                <div> <i class="fa fa-user"></i>{{$post->user->name}}</div>
                                                <a href="{{url("blog/categoria/{$post->category->url}")}}">
                                                        <i class="fa fa-info-circle"></i>{{ $post->category->title }}
                                                </a>                                            
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                                
                        </div>              
                    @endforeach
                
                    
                 
                    <div class="pagination justify-content-center mb-4 mt30">
                        @if (isset($filters))
                            {!! $posts->appends($filters)->links() !!}
                        @else
                            {!! $posts->links() !!}
                        @endif
                    </div>
                    
                </div>
            </div>
            @include('site.blog._partials.sidebar')
        </div>




    </div>         
        
@endsection