@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 Références</h2>
      <ul class="breadcrumb-menu">
        <li><a href="/">Accueil</a></li>
        <li class="active">Nos Références</li>
      </ul>
    </div>
  </div>
  <!-- breadcrumb end -->

  <!-- portfolio area -->
  <div class="portfolio-area py-120">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 mx-auto">
          <div class="site-heading text-center">
            <h2 class="site-title">Nos <span>Références</span></h2>
          </div>
        </div>
      </div>
      <div class="row g-4 popup-gallery">
      @foreach($activites as $data)
        @php
          $url = $data->id . '-' . Str::slug($data->titre, '-');
        @endphp
        <div class="col-lg-4">
          <div class="portfolio-item">
            <div class="portfolio-img">
              <img class="img-fluid" src="/assets/uploads/{{ $data->image }}" alt="">
              <a class="popup-img portfolio-link" href="assets/uploads/{{ $data->image }}"> <i
                  class="far fa-plus"></i></a>
            </div>
            <div class="portfolio-content">
              <div class="portfolio-info">
                <small>{{ $data->domaine }}</small>
                <h4><a href="/references/{{ $url }}">{{ $data->titre }}</a></h4>
              </div>
              <a href="/references/{{ $url }}" class="portfolio-arrow"><i class="fas fa-arrow-right"></i></a>
            </div>
          </div>
        </div>
        @endforeach        
      </div>
    </div>
  </div>
  <!-- portfolio area end -->

</main>
@endsection