@extends('layouts.master')
@section('title', 'Annonces')
@section('accueilactive', 'active') 
@section('content')

<!-- Breadcrumb section --> 
<section class="breadcrumb__section section--padding">
    <div class="container">
        <div class="breadcrumb__content text-center" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
            <h1 class="breadcrumb__title h2">Annonces</h1>
            <ul class="breadcrumb__menu d-flex justify-content-center">
                <li class="breadcrumb__menu--items"><a class="breadcrumb__menu--link" href="{{url('/')}}">Accueil</a></li>
                <li><span><svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.22321 4.65179C5.28274 4.71131 5.3125 4.77976 5.3125 4.85714C5.3125 4.93452 5.28274 5.00298 5.22321 5.0625L1.0625 9.22321C1.00298 9.28274 0.934524 9.3125 0.857143 9.3125C0.779762 9.3125 0.71131 9.28274 0.651786 9.22321L0.205357 8.77679C0.145833 8.71726 0.116071 8.64881 0.116071 8.57143C0.116071 8.49405 0.145833 8.4256 0.205357 8.36607L3.71429 4.85714L0.205357 1.34821C0.145833 1.28869 0.116071 1.22024 0.116071 1.14286C0.116071 1.06548 0.145833 0.997023 0.205357 0.9375L0.651786 0.491071C0.71131 0.431547 0.779762 0.401785 0.857143 0.401785C0.934524 0.401785 1.00298 0.431547 1.0625 0.491071L5.22321 4.65179Z" fill="#706C6C"/>
                    </svg>
                    </span></li>
                <li><span class="breadcrumb__menu--text">Annoncess </span></li>
            </ul>
        </div>
    </div>
</section>
<!-- Breadcrumb section .\ -->

<!-- Blog page section -->
<section class="blog__page--section section--padding">
    <div class="container">
        <div class="row">
            @foreach(post() as $posts)
            

                        <div class="col-lg-6">
                <div class="blog__page--wrapper">
                    
                    <article class="blog__items mb-40" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
                        <div class="blog__thumbnail position-relative">
                            <a href="{{url('detail_post/'.$posts->idpost)}}"><img class="blog__thumbnail--media" src="{{asset($posts->photo)}}" alt="blog-img"></a>
                            <span class="blog__date--badge" style="color: #333333;">
                                {{$day}} 
                                <br>
                                {{$months[$month-1]}}
                                <br>
                                {{$year}}
                                
                            </span>
                        </div>
                        <div class="blog__content">
                            
                            <h3 class="blog__content--title " style="height: 120px; overflow: hidden;"><a href="{{url('detail_post/'.$posts->idpost)}}">{{$posts->title}} </a></h3>
                            <p class="blog__desc">
                                {!! Str::limit($posts->body, 100, '...') !!}
                            </p>
                            <a class="blog__link--btn" href="{{url('detail_post/'.$posts->idpost)}}">Lire la suite <svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_1_2454)">
                                <path d="M9.94799 0C8.0102 0 6.15183 0.758842 4.78163 2.10963C3.41138 3.46032 2.6416 5.2924 2.6416 7.20262C2.6416 9.11285 3.41138 10.9449 4.78163 12.2956C6.15178 13.6464 8.01025 14.4052 9.94799 14.4052C11.2305 14.4052 12.4904 14.0724 13.6012 13.4403C14.7119 12.8081 15.6342 11.8989 16.2755 10.8039C16.9168 9.70896 17.2544 8.46688 17.2544 7.20262C17.2544 5.29235 16.4846 3.46037 15.1144 2.10963C13.7442 0.758842 11.8857 0 9.94799 0ZM13.6012 7.21698C13.6036 7.37353 13.5414 7.52435 13.4287 7.63478L11.0235 9.99863C10.8749 10.1453 10.6583 10.2027 10.4552 10.1493C10.2522 10.0958 10.0934 9.93955 10.0387 9.73948C9.98418 9.53932 10.0421 9.3257 10.1906 9.17899L11.5992 7.78892H6.87935C6.6706 7.78892 6.47764 7.6791 6.37318 7.50085C6.26881 7.32249 6.26881 7.10283 6.37318 6.92459C6.47766 6.74633 6.6706 6.63651 6.87935 6.63651H11.6126L10.1907 5.23489C10.0419 5.08819 9.98383 4.87446 10.0383 4.6741C10.0928 4.47373 10.2515 4.31718 10.4547 4.26352C10.658 4.20987 10.8749 4.26714 11.0236 4.41385L13.4289 6.7777C13.5398 6.88633 13.6018 7.03414 13.6013 7.18828V7.21711L13.6012 7.21698Z" fill="currentColor"/>
                                </g>
                                <defs>
                                <clipPath >
                                <rect width="18.2593" height="14.7588" fill="white" transform="translate(0.815186)"/>
                                </clipPath>
                                </defs>
                                </svg>
                            </a>
                        </div>
                    </article>
                    
                    
                </div>

                
            </div>
            @endforeach

            {{post()->links()}}
            
        </div>
    </div>
</section>
<!-- Blog page section . -->



@endsection