@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">Qui sommes-nous?</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="/">Accueil</a></li>
                    <li class="active">Qui sommes-nous?</li>
                </ul>
            </div>
        </div>
        <!-- breadcrumb end -->

        @if(!empty($service->count() != 0))
        <div class="about-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                            <div class="about-img">
                                <img class="img-1" src="/assets/frontend/img/about/01.jpg" alt="">
                                <img class="img-2" src="/assets/uploads/{{ $service->image }}" alt="">
                            </div>
                            <div class="about-experience">
                                <h5>8<span>+</span></h5>
                                <p>Années d'experience</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-right wow fadeInUp" data-wow-delay=".25s">
                            <div class="site-heading mb-3">
                                <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> OFFRES DE SERVICE DE <span>AFRIC-A</span></span>
                            </div>
                            {!! $service->texte !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if(!empty($chiffres->count() != 0))
        <div class="counter-area pt-40 pb-40">
            <div class="container">
                <div class="row g-4 justify-content-center">
                @foreach($chiffres as $chiffre)
                    <div class="col-md-6 col-lg-4 col-xl-3">
                        <div class="counter-item wow fadeInDown" data-wow-delay=".25s">
                            <div class="icon">
                                <img src="/assets/frontend/img/icon/{{ $chiffre->icone }}" alt="">
                            </div>
                            <div class="content">
                                <div class="info">
                                <span class="counter" data-count="+" data-to="{{ $chiffre->valeur }}" data-speed="3000">{{ $chiffre->valeur }}</span>
                                    <span class="unit">+</span>
                                </div>
                                <h6 class="title">{{ $chiffre->titre }}</h6>
                            </div>
                        </div>
                    </div>
                @endforeach
                </div>
            </div>
        </div>
        @endif


        @if(!empty($presentation->count() != 0))
        <div class="about-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                            <div class="about-img">
                                <img class="img-2" src="/assets/uploads/{{ $presentation->image }}" style="width:100%; top:0; position:relative;" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-right wow fadeInUp" data-wow-delay=".25s">
                            <div class="site-heading mb-3">
                                <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> Présentation de <span>AFRIC-A</span></span>
                            </div>
                            {!! $presentation->texte !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if(!empty($references->count() != 0))
        <div class="partner-area bg pt-60 pb-60">
            <div class="container">
                <div class="partner-wrapper partner-slider owl-carousel owl-theme">
                    @foreach($references as $data)
                        <img src="/assets/uploads/{{ $data->image }}" alt="{{ $data->titre }}">
                    @endforeach
                </div>
            </div>
        </div>
        @endif
        
    </main>
@endsection