@extends('layouts.master2')

@section('content')

<!-- Inner Page Breadcrumb -->
<section class="inner_page_breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 offset-xl-3 text-center">
                <div class="breadcrumb_content">
                    <h4 class="breadcrumb_title">Actualités</h4>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Accueil</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Actualités</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="top-courses" class="top-courses pt0">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="main-title text-center">
                    <!-- <h3 class="mt0">Actualités</h3> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div id="options" class="alpha-pag full">
                    <div class="option-isotop">
                        <ul id="filter" class="option-set" data-option-key="filter">
                            <li class="list-inline-item"><a href="#all" data-option-value="*" class="selected">Tout</a></li>
                            @foreach($categorie as $index => $categories)
                            <li class="list-inline-item"><a href="#cat{{$categories->id}}" data-option-value=".cat{{$categories->id}}">{{$categories->LibelleCategorie}}</a></li>
                            @endforeach
                            
                        </ul>
                    </div>
                </div><!-- FILTER BUTTONS -->
                <div class="emply-text-sec">
                    <div class="row" id="masonry_abc">
                        @foreach($categorie as $index => $categories)

                        @foreach($post as $posts)
                        @if($posts->category_id == $categories->id)

                                                <div class="col-md-6 col-lg-4 col-xl-4 cat{{$categories->id}}" onclick="window.location.href='{{url('detail_post/'.$posts->idpost)}}'">
                            <div class="blog_post_home6 mb30">
                                <div class="thumb">
                                    <div class="iimg">
                                        <img class="img-fluid img-rounded" src="{{asset($posts->picture)}}" alt="h11-b1.jpg">
                                    </div>
                                    <h5 class="mt20">{{$posts->LibelleCategorie}}</h5>
                                    <div style="cursor: pointer; height: 32px !important; overflow: hiden !important;">
                                        <h4 class="mt0">{{ Str::limit($posts->title, 40, '...') }}</h4>
                                    </div>
                                    <a class="post_date" href="{{url('detail_post/'.$posts->idpost)}}">{{$day }} {{ $months[$month-1]}} {{$year}}</a>
                                </div>
                                <div class="details"></div>
                            </div>
                        </div>
                        @endif
                        @endforeach

                        
                        @endforeach
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="mbp_pagination mt20">
                    {{$post->links()}}
                </div>
            </div>
        </div>
    </div>
</section>



@endsection