@extends('layouts.frontend.main')
@section('title','Service')
@section('styles')
    @include('pages.frontend.components.news_styles_links')
@endsection
@section('body')

    <!-- Page Header Start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Nos Services</h2>
                </div>
                <div class="col-12">
                    <a href="{{url('/')}}">Accueil</a>
                    <a href="{{ url('/service') }}">Nos Services</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- Service Start -->
    <div class="service">
        <div class="container">
            <div class="section-header text-center">
                <p>Nos Services</p>
                <h2>Nous Fournissons des Services</h2>
            </div>
            <div class="row">
                @foreach($services as $service)
                   <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="service-item">
                            <div class="service-img">
                                <img src="{{asset('storage/backend/images/services/' .$service->file)}}" alt="Image">
                                <div class="service-overlay">
                                    <p>
                                         {!! $service->description !!}
                                    </p>
                                </div>
                            </div>
                            <div class="service-text">
                                <h3>{{ $service->title }}</h3>
                                <a class="btn" href="{{ route('service-details', $service->id) }}">+</a>
                            </div>
                        </div>
                   </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- Service End -->


    <!-- FAQs Start -->
    <div class="faqs">
        <div class="container">
            <div class="section-header text-center">
                <p>Juridiction</p>
                <h2>Textes Lois</h2>
            </div>
            <div class="row">
                @foreach($textes as $texte)
                    <div class="col-md-6">
                        <div id="accordion-{{$texte->id}}">
                            <div class="card wow fadeInLeft" data-wow-delay="{{$texte->id}}">
                                <div class="card-header">
                                    <a class="card-link collapsed" data-toggle="collapse" href="#collapse{{$texte->id}}">
                                        {{$texte->title}}
                                    </a>
                                </div>
                                <div id="collapse{{$texte->id}}" class="collapse" data-parent="#accordion-{{$texte->id}}">
                                    <div class="card-body">
                                        <a href="{{asset('storage/backend/files/texts/'. $texte->file)}}">
                                            <i class="fa fa-file-text" aria-hidden="true"></i>
                                            Télécharger le PDF</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- FAQs End -->

@endsection
@section('scripts')
    @include('pages.frontend.components.news_scripts_links')
@endsection