@extends('front.layouts.app')
@section('content')
    <main class="container">
        <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
            aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('front.home') }}">Home</a></li>

                <li class="breadcrumb-item"><a
                        href="{{ route('front.category', ['category_slug' => $post->category->slug]) }}">{{ $post->category->name }}</a>
                </li>

                <li class="breadcrumb-item active" aria-current="page">{{ $post->title }}</li>

            </ol>
        </nav>
        <div class="row g-5">
            <div class="col-md-8">

                <article class="blog-post">
                    {!! $content !!}
                </article>

            </div>

            <div class="col-md-4">
                <div class="position-sticky" style="top: 2rem;">
                    @include('front.partials.about')
                </div>
            </div>
        </div>
    </main>
@endsection