@extends('layouts.main-layout')


@section('main')

    <section
            class="page-header page-header-modern bg-color-light-scale-1 page-header-md">
        <div class="container">
            <div class="row">
                <div class="col-md-12 align-self-center order-1">


                    <ul class="breadcrumb d-block text-center">
                        <li>
                            <a href="/">Početna</a>
                        </li>
                        <li>
                            <a href="/blog">Blog</a>
                        </li>
                        <li class="active">
                            <a  href="/blog/{{ $post->slug }}">{{ $post->title }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <div class="container py-4">

        <div class="row">
            <div class="col">
                <div class="blog-posts single-post">

                    <article
                            class="post post-large blog-single-post border-0 m-0 p-0">
                        <div class="post-image ml-0">
                            <img src="{{ asset('/images/posts/' . $post->image) }}"
                                 class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-0"
                                 alt="{{ $post->title }}"
                                 style="display: block; margin: 0 auto;"
                            />
                        </div>

                        <div class="post-date ml-0">
                            <span class="day">{{ $post->created_at->format('d') }}</span>
                            <span class="month">{{ $post->created_at->format('F') }}</span>
                            <span class="year">{{ $post->created_at->format('Y') }}</span>
                        </div>

                        <div class="post-content ml-0">

                            <h1 class="font-weight-semi-bold" style="margin-bottom: 70px">
                                {{ $post->title }}
                            </h1>
                            {!! $post->content !!}

                        </div>
                    </article>

                    @if($post->youtube)
                    <article>
                        <iframe width="80%" height="500" style="margin: 0 auto; display: block"
                                src="{{ $post->youtube }}">
                        </iframe>
                    </article>
                    @endif

                </div>
            </div>
        </div>

    </div>

    </div>

@endsection