@extends('layouts.app')

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

    <!-- Start Section -->
    <section class="section pt-40">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <!-- Start blog listing 01 -->
                    <div class="blog__listing blog__single-post">
                        <div class="blog__listing-thumbnail">
                            <div class="image_post 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->body !!}
                            </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>
                    <!-- End blog listing 01 -->
                </div>
                <div class="col-lg-4">
                    <x-menu-blog></x-menu-blog>
                </div>
            </div>
        </div>
    </section>
    <!-- End Section -->

    <x-banner></x-banner>

@endsection