@extends('layout.master')
@section('actualiteactive', 'active')
@section('content') 

        <!-- Start of .header-bottom-4 -->
        <header class="header-bottom-4">
            <img src="template/images/banner/banner4.jpg">
            <div class="header-bottom-4__bg">
                <div class="icon">
                    <img src="template/images/banner/banner-shape.png">
                </div>
            </div>
            <div class="container">
                <h1 class="section-title">Actualités</h1>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Accueil</a></li>
                    <li class="breadcrumb-item active">Actualités</li>
                </ol>
            </div>
        </header>
        <!-- End of .header-bottom-4 -->

       <section class="latest-news-4 main-blog">
                   <div class="main-blog__bg">
                       <div class="icon">
                           <img src="template/images/png-shapes/specialists__left-bottom-shape.png">
                       </div>

                   </div>
                   <div class="container">
                   <h1 class="section-title">A<span>ctualités</span></h1> <br>
                   </div>
                   <div class="container">
                    @foreach($actualite as $actualites)
                       <a href="{{url('detail_article/'.$actualites->IdArticle)}}" class="item">
                           <div class="img">
                               <img src="{{asset($actualites->ImageArticle)}}">
                                                              <span class="date">{{$day }} {{$months[$month-1] }} {{$year}}</span>
                           </div>
                           <h4 class="title">{{$actualites->TitreArticle}}</h4>
                           <div class="text">
                               {!! $actualites->ContenuArticle !!} 
                           </div>
                           <span class="read-more-2">Lire la suite</span>
                       </a>
                    @endforeach
                       
                   </div>
       </section>




@endsection