@extends('layouts.app')

@section('content')
    <x-menu></x-menu>

    <!-- Start Section -->
    <section class="section pt-40 mb-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <!-- Start blog listing  -->
                    @foreach($posts as $post)
                        <div class="blog__listing">
                            <div class="blog__listing-thumbnail">
                                <div class="image_posts rounded-top rounded-bottom"
                                     style="background: url('{{ asset($post->image) }}')">
                                </div>
                            </div>
                            <h3 class="blog__listing-title">
                                <a href="/blog/post/{{ $post->category->slug }}/{{ $post->slug }}">{{ $post->title }}</a>
                            </h3>
                            <ul class="blog__listing-meta">
                                <li>
                                    <label><i class="fa fa-user"></i> Autor: </label>
                                    <label class="text-black-50">{{ $post->user->name }}</label>
                                </li>
                                <li>
                                    <label>
                                        <i class="fa fa-calendar"></i> Publicado:
                                    </label>
                                    <label class="text-black-50">
                                        {{ Carbon\Carbon::make($post->created_at)->format('d-m-Y') }}
                                    </label>
                                </li>
                            </ul>
                            <div class="blog__listing-content">
                                <div class="blog__listing-content--text">
                                    {!! $post->intro !!}
                                    <a href="/blog/post/{{ $post->category->slug }}/{{ $post->slug }}" class="btn-link">
                                        Leer Más
                                    </a>
                                </div>
                                <ul class="blog__listing-content--tags">
                                    @foreach($post->tags as $tag)
                                        <li>
                                            <a href="/blog/tag/{{ $tag->slug }}">{{ $tag->name }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endforeach
                    <!-- End blog listing  -->
                    {!! $posts->onEachSide(1)->links() !!}
                </div>
                <div class="col-lg-4">
                    <x-menu-blog></x-menu-blog>
                </div>
            </div>
        </div>
    </section>
    <!-- End Section -->

    <x-banner></x-banner>

@endsection