@extends('layouts.app')
@section('content')
<section id="content">
    <div class="content-wrap pt-3">

        <div class="container">

            <div class="si-sticky d-none d-lg-block">
                <a href="#" class="social-icon si-small text-white bg-facebook">
                    <i class="fa-brands fa-facebook-f"></i>
                    <i class="fa-brands fa-facebook-f"></i>
                </a>
                <a href="#" class="social-icon si-small text-white bg-x-twitter">
                    <i class="fa-brands fa-x-twitter"></i>
                    <i class="fa-brands fa-x-twitter"></i>
                </a>
                <a href="#" class="social-icon si-small text-white bg-linkedin">
                    <i class="fa-brands fa-linkedin"></i>
                    <i class="fa-brands fa-linkedin"></i>
                </a>
                <a href="#" class="social-icon si-small text-white bg-discord">
                    <i class="fa-brands fa-discord"></i>
                    <i class="fa-brands fa-discord"></i>
                </a>
                <a href="#" class="social-icon si-small text-white bg-vk">
                    <i class="fa-brands fa-vk"></i>
                    <i class="fa-brands fa-vk"></i>
                </a>
                <a href="#" class="social-icon si-small text-white bg-pocket">
                    <i class="fa-brands fa-get-pocket"></i>
                    <i class="fa-brands fa-get-pocket"></i>
                </a>
            </div>

            <ol class="breadcrumb op-05">
                <li class="breadcrumb-item"><a href="{{route('home')}}">Accueil</a></li>
                <li class="breadcrumb-item"><a href="demo-news-category.html">{{$breve->rubrique->titre}}</a></li>
            </ol>

            <div class="row mt-1">

                <!-- Posts Area
						============================================= -->
                <div class="col-lg-12">


                    <div class="entry">
                        <h2 class="mb-3 fw-bold h1">{{$breve->titre}}</h2>

                        <div class="entry-meta d-flex justify-content-between mb-4">
                            <ul>
                                <li><i class="bi-clock"></i><a href="#">{{ date('F Y', strtotime($breve->publish_at)) }}</a></li>
                            </ul>
                        </div>



                        <div class="entry-image">
                            <img src="{{ asset(ImageManager::getImagePath('storage/' . $breve->image, 900, 600, 'crop')) }}" alt="{{$breve->titre}}">
                            <div class="entry-categories"><a href="demo-news-category.html" class="bg-travel">{{$breve->rubrique->titre}}</a>
                            </div>
                        </div>

                        <div class="mb-4">
                            @include('banners.center')
                        </div>

                        <div class="entry-content mt-0">
                            {!! $breve->contenu !!}
                        </div>

                    </div>

                    @if($breve->synctags->count()>0)
                        <div class="tagcloud mb-5">
                            @foreach ($breve->synctags as $tag)
                                <a href="{{route('tag',$tag->id)}}">{{$tag->titre}}</a>
                            @endforeach
                        </div>
                    @endif
                </div>

            </div>
        </div> <!-- Container End -->
    </div>
</section>


@endsection