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

  @if(!empty($metiers->count() != 0))
  <div class="service-area bg 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">
            <h2 class="site-title">Nos <span>métiers</span></h2>
            <div class="heading-divider"></div>
          </div>
        </div>
      </div>
      <div class="row g-4 wow fadeInUp" data-wow-delay=".25s">
        @php
          $i = 1;
        @endphp

        @foreach($metiers as $data)
          @php
            $url = $data->id . '-' . Str::slug($data->titre, '-');
          @endphp
        <div class="col-lg-4">
          <div class="service-item">
            <span class="count">0{{ $i }}</span>
            <div class="service-img">
              <img src="/assets/uploads/{{ $data->image }}" alt="">
            </div>
            <div class="service-icon">
              <img src="/assets/frontend/img/icon/{{ $data->icone }}" alt="">
            </div>
            <div class="service-content">
              <h4 class="service-title">
              <a href="/metiers/{{ $url }}">{{ $data->titre }}</a>
              </h4>
              <p class="service-text">
                {!! Str::words($data->texte, 18) !!}
              </p>
              <a href="/metiers/{{ $url }}" class="theme-btn">En savoir plus<i class="fas fa-arrow-right"></i></a>
            </div>
          </div>
        </div>
        @php $i++ @endphp
        @endforeach
      </div>
    </div>
  </div>
  @endif

</main>
@endsection