@extends('layouts.master')
@section('page', 'Services')
@section('serviceactive', 'active')
@section('content')
  
  <!-- breadcrumb section -->
  <div class="breadcrumb-area">
    <div class="container">
      <!-- row -->
      <div class="row ">
        <!-- col -->
        <div class="col-12">
          <!-- breadcrumb -->
          <div class="breadcrumb-content">
            <h2>Services</h2>
            <ul>
              <li><a href="{{('/')}}">Accueil</a></li>
              <li><a href="{{('service')}}">Services</a></li>
            </ul>
          </div>
        </div>
      </div> 
    </div>
  </div>

  <section class="project-sec py-5">
    <div class="container">
      <div class="row mt-5">
        <div class="col-12 col-md-4">
          <!-- Left sidebar -->
          <div class="service-sidebar">
            <h4 class="title fs-5">Tous les services</h4>
            <ul class="list">
              @foreach(recupservice() as $services)
              <li><a href="{{url('service/'.$services->id)}}"><i class="bi bi-chevron-right"></i>{!! $services->title !!}</a></li>
              @endforeach
              
            </ul>
          </div>
          
        </div>
        <div class="col-12 col-md-8">
          <h2 class="fs-4 mb-5">{!! $service->title !!}</h2>
          <div class="row">
            <div class="col-12">
              <div class="mb-5">
                <img src="{{asset($service->picture)}}" alt="image"
                  class="img-fluid theme-border-radius">
              </div>
            </div>
            <div class="col-lg-12 col-md-12">
              
              <div class="features-text">
                {!! $service->body !!}
                
              </div>
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </section>








  

@endsection