@extends('layouts.master')
@section ('content')

<!-- Start of Breadcrumbs  section
    ============================================= -->
    <section id="ori-breadcrumbs" class="ori-breadcrumbs-section position-relative" data-background="{{url('template/assets/img/bg/bread-bg.png')}}">
        <div class="container">
            <div class="ori-breadcrumb-content text-center ul-li">
                <h1 style="color: #724b2c;">Posts</h1>
                <ul>
                    <li><a href="{{url('/')}}" style="color: #333333 !important;">Accueil</a></li>
                    <li style="color: #333333 !important;">Posts</li>
                </ul>
            </div>
        </div>
        
    </section>  
<!-- End of Breadcrumbs section
    ============================================= -->


    <!-- Start of Shop Feed Post section
        ============================================= -->
        <section id="ori-shop-feed" class="ori-shop-feed-section">
            <div class="container">
                <div class="ori-shop-feed-content">
                    <div class="row">
                        <div class="col-lg-9">
                            <div class="ori-shop-feed-post-content">
                                <!-- <div class="ori-shop-top-filter-bar d-flex align-items-center justify-content-between">
                                    <div class="ori-shop-select">
                                        <select name="#">
                                            <option value="#">Default sorting</option>
                                            <option value="#">Low To High</option>
                                            <option value="#">High to Low</option>
                                            <option value="#">New To Old</option>
                                        </select>
                                    </div>
                                    <div class="ori-filter-result">
                                        Showing 1-09 of 16 results
                                    </div>
                                </div> -->

                                <style type="text/css">
                                    .shop-img {
                                        height: 200px; /* Hauteur fixe */
                                        overflow: hidden; /* Cacher tout contenu excédentaire */
                                        background-color: #eee;
                                        
                                    }
                                    .shop-img img {
                                        width: 100% !important; /* Remplir la largeur de la div parente */
                                        height: auto !important; /* Maintenir le ratio d'aspect */
                                        display: block; /* Supprimer l'espace en bas de l'image */
                                    }
                                </style>
                                <div class="ori-shop-feed-post-items">
                                    <div class="row">
                                        @foreach($post as $posts)

                                                                                <div class="col-md-4">
                                            <a href="{{('detail_post/'.$posts->idpost)}}">
                                            <div class="ori-shop-inner-item text-center">
                                                <div class="shop-img-cart-btn position-relative">
                                                    <div class="shop-img">
                                                        <img src="{{asset($posts->picture)}}" alt="">
                                                    </div>
                                                    <div class="add-cart-btn text-uppercase text-center">
                                                        <a href="{{('detail_post/'.$posts->idpost)}}">{{$day }} {{ $months[$month-1]}} {{$year}} </a>
                                                    </div>
                                                </div>
                                                <div class="shop-text">
                                                    <h3 style="color: #333333"><a tyle="color: #333333" href="{{('detail_post/'.$posts->idpost)}}">{!! Str::limit($posts->title, 50, '...') !!}</a></h3>
                                                </div>
                                            </div>
                                            </a>
                                        </div>
                                        @endforeach
                                    </div>
                                    {{$post->links()}}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="ori-shop-sidebar-wrap">
                    
                                <div class="ori-shop-sidebar-widget">
                                    <div class="category-widget ul-li-block">
                                        <h3 class="widget-title" style="color: #333333 !important;">Catégories Posts</h3>
                                        <ul>
                                            @foreach($categorie as $categories)
                                            <li><a style="color: #333333 !important;" href="javascript:void(0)">{{$categories->LibelleCategorie}}</a></li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>  
    <!-- End of Shop Feed Post  section
        ============================================= -->   

  

        



    


@endsection