@extends('layouts.layout')
@section('title') {{ $post->getTransTitle() }} @stop
@section('content')
<main class="container my-lg-5">
    <div class="row">
    <div class="col-md-8">
        <div class="my-3">
            <span class="bg-main rounded-2 font-white px-2 py-1" style="font-size:1.2rem">
                {{ $post->category }}
            </span>
        </div>
        <article class="blog-post">
        <h2 class="display-5 link-body-emphasis mb-1">{{ $post->getTransTitle() }}</h2>
        <hr>

        <p class="blog-post-meta font-open-sans">{{ $post->created_at->diffForHumans() }}, {{ $post->author }}</p>
        <hr>
        <div class="font-open-sans">
            {!! $post->getTransText() !!}
        </div>


    </div>

    <div class="col-md-4">
        <div class="position-sticky font-open-sans" style="top: 2rem;">
            <div>
                <h4 class="">{{ __('Poprzednie publikacje') }}</h4>
                <ul class="list-unstyled">
                @foreach ($last_three_posts as $last_post)
                    <li>
                        <a class="d-flex flex-column flex-lg-row gap-3 align-items-start align-items-lg-center py-3 link-body-emphasis text-decoration-none border-top" href="/blog/post/{{ $last_post->id }}">
                        <img class="bd-placeholder-img" src="{{ $last_post->thumbnail_base64 }}" style="max-height: 80px" alt="{{__('Post thumbnail')}}">
                        <div class="col-lg-8">
                            <h6 class="mb-0">{{ $last_post->getTransTitle() }}</h6>
                            <small class="text-body-secondary">{{ $last_post->created_at->diffForHumans() }}</small>
                        </div>
                        </a>
                    </li>
                @endforeach
                </ul>
            </div>
        </div>
    </div>
    </div>

</main>
@stop