@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 -->
  <div class="blog-single py-120">
    <div class="container">
      <div class="row g-4">
        <div class="col-lg-8">
          <div class="blog-single-wrap">
            <div class="blog-single-content">
              <div class="blog-thumb-img">
                <img src="/assets/uploads/{{ $actualite->image }}" alt="thumb">
              </div>
              <div class="blog-info">
                <div class="blog-details">
                  <h3 class="blog-details-title mb-20">{{ $actualite->titre }}</h3>
                  {!! $actualite->texte !!}
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <aside class="blog-sidebar">
            <!-- recent post -->
            <div class="widget recent-post">
              <h5 class="widget-title">Autres articles</h5>
              @foreach($actualites as $data)
                @php
                  $url = $data->id . '-' . Str::slug($data->titre, '-');
                @endphp
              <div class="recent-post-item">
                <div class="recent-post-img">
                  <img src="/assets/uploads/{{ $data->image }}" alt="thumb">
                </div>
                <div class="recent-post-info">
                  <h6><a href="/actualites/{{ $url }}">{{ $data->titre }}</a></h6>
                  <span><i class="far fa-clock"></i>{{ Myhelper::formatDate($data->dates_at) }}</span>
                </div>
              </div>
              @endforeach
            </div>

          </aside>
        </div>
      </div>
    </div>
  </div>
</main>
@endsection