@extends('frontend.master')

@section('content')

<main class="main">

    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background: url(/assets/frontend/img/breadcrumb/01.jpg)">
        <div class="container">
            <h2 class="breadcrumb-title">Nos actualités</h2>
            <ul class="breadcrumb-menu">
                <li><a href="/">Accueil</a></li>
                <li class="active">Nos actualités</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->


    <!-- blog-area -->
    <div class="blog-area py-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center wow fadeInDown" data-wow-delay=".25s">
                        <!-- <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> Our Blog</span> -->
                        <h2 class="site-title">Nos <span>Actualités</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>
            <div class="row g-4">
                @foreach($actualites as $data)
                    @php
                        $url = $data->id . '-' . Str::slug($data->titre, '-');
                    @endphp
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="blog-item-img">
                            <img src="/assets/uploads/{{ $data->image }}" alt="{{ $data->titre }}">
                            <div class="blog-date">
                                <span>{{ Myhelper::formatDate($data->dates_at) }}</span>
                            </div>
                        </div>
                        <div class="blog-item-info">
                            <h4 class="blog-title">
                                <a href="/actualites/{{ $url }}">{{ $data->titre }}</a>
                            </h4>
                            {!! Str::words($data->texte, 25) !!}
                            <br/>
                            <a class="theme-btn" href="/actualites/{{ $url }}">Lire la suite<i class="fas fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <!-- pagination -->
            <!-- <div class="pagination-area">
                <ul class="pagination">
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Previous">
                            <span aria-hidden="true"><i class="fas fa-arrow-left"></i></span>
                        </a>
                    </li>
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Next">
                            <span aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
                        </a>
                    </li>
                </ul>
            </div> -->
            <!-- pagination end -->
        </div>
    </div>
    <!-- blog-area end -->

</main>
@endsection