@extends('frontend.master')

@section('content')

<main class="main">
    <!-- hero area -->
    <div class="hero-section">
        <div class="hero-slider owl-carousel">
        @foreach($slides as $data)
            <div class="hero-single" style="background-image: url(/assets/uploads/{{ $data->image_slide }});">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-12 col-lg-6">
                            <div class="hero-content">
                                <h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
                                    <span>{{ $data->titre }} </span> <br>{{ $data->texte }}
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
        </div>
    </div>
    <!-- hero area end -->

    <!-- partner area -->
    <div class="partner-area pt-negative">
        <div class="container-fluid">
            <div class="col-lg-8">
                <div class="partner-wrap">
                    <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>
        </div>
    </div>
    <!-- partner area end -->

    @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-1" src="/assets/frontend/img/about/01.jpg" alt="">
                            <img class="img-2" src="/assets/uploads/{{ $presentation->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>
                            <!-- <h2 class="site-title">OFFRES DE SERVICE DE <span>AFRIC-A</span></h2> -->
                        </div>
                        {!! $presentation->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($metiers->count() != 0))
    <div class="service-area bg py-80">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="site-heading mb-0">
                        <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> Nos <span>domaines d'intervention</span></span>
                    </div>
                </div>
                <div class="col-lg-3">

                </div>
                <div class="col-lg-3 text-end">
                    <a href="#" class="theme-btn">Tous nos domaines<i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
            <div class="service-slider owl-carousel mt-4">
                @php
                    $i = 1;
                @endphp                
                @foreach($metiers as $data)
                    @php
                        $url = $data->id . '-' . Str::slug($data->titre, '-');
                    @endphp
                <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>
                    @php $i++; @endphp
                @endforeach
            </div>
        </div>
    </div>
    @endif

    @if(!empty($activites->count() != 0))
    <div class="portfolio-area pa-bg pt-70 pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> Nos activités</span>
                        <h2 class="site-title text-white">Nos projets <span>en images</span></h2>
                    </div>
                </div>
            </div>
            <div class="row popup-gallery pb-20">
                <div class="portfolio-slider owl-carousel">
                    @foreach($activites as $data)
                    @php
                        $url = $data->id . '-' . Str::slug($data->titre, '-');
                    @endphp
                    <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>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @endif

    @if(!empty($actualites->count() != 0))
    <div class="blog-area py-100">
        <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">
                        <span class="site-title-tagline"><i class="far fa-helmet-safety"></i> Informations</span>
                        <h2 class="site-title">Nos <span>actualités</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>
            <div class="row g-4">
                @foreach($actualites as $data)
                    @php
                        $url = $data->id . '-' . Str::slug($data->titre, '-');
                    @endphp
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="blog-item-img">
                            <img src="/assets/uploads/{{ $data->image }}" alt="{{ $data->titre }}">
                            <div class="blog-date">
                                <span>{{ Myhelper::formatDate($data->dates_at) }}</span>
                            </div>
                        </div>
                        <div class="blog-item-info">
                            <h4 class="blog-title">
                                <a href="/actualites/{{ $url }}">{{ $data->titre }}</a>
                            </h4>
                            {!! Str::words($data->texte, 25) !!}
                            <br/>
                            <a class="theme-btn" href="/actualites/{{ $url }}">Lire la suite<i class="fas fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif
</main>

@endsection