@extends('layouts.app')
@section('title', 'Nos réalisations - L\'unique Création')
@section('meta_description', $meta_description)

@section('content')

    <!--Section ======================-->
    <section class="full-width-section pt-60">
        <div class="section-title-wrapper position-relative">
            <div class="scroll-move">
                <span class="scrolling-text display-1 fw-extra-bold stroke-title text-stroke stroke-opacity-20 stroke-width-1 stroke-primary lh-1">Archive</span>
            </div>

            <div class="container">
                <div class="section-title section-separator">
                    <h1 class="fw-extra-bold heading-title separator lh-1 display-3">Nos dernières réalisations</h1>
                    <div class="d-flex flex-column flex-lg-row gap-4 align-items-lg-end justify-content-lg-between">
                        <h2 class="fs-4 fw-semibold mb-0 subtitle subtitle-width">Explorez nos projets variés et inspirants</h2>
                    </div>
                </div>
            </div>
        </div>
        <!-- section-title-wrapper -->
    </section>
    <!--Section ======================-->


    <!--Project-Overview Section ======================-->
    <section class="team-section position-relative">
        <div class="container">
            <div class="row gx-30 gy-100 gy-lg-130 section-padding-lg">


                <div class="row">
                    @foreach($projets as $projet)
                        <div class="col-md-6 col-lg-4 my-5">
                            <div class="team-wrapper position-relative">
                                <ul class="contact-lists list-unstyled mb-0 d-inline-flex">
                                    <li><a href="/projets-realises/{{ $projet->url }}" class="link-hover-animation-1 text-decoration-none text-uppercase" aria-label="top-bar-link">Voir de plus près </a></li>
                                </ul>
                                <div class="team-author-image overflow-hidden">
                                    <img src="{{ asset('assets/images/projets-realises/' . $projet->url . '/listing-' . $projet->url . '.jpg') }}" alt="Projet réalisé {{ str_replace('-', ' ', $projet->url) }}">
                                </div>
                                <a href="/projets-realises/{{ $projet->url }}" class="text-decoration-none stretched-link">
                                    <div class="team-details">
                                        <div class="team-details-inner position-relative d-flex align-items-center justify-content-between">
                                            <div>
                                                <span class="team-line-horizontal"></span>
                                                <span class="team-line-vertical"></span>
                                                <h3 class="author-name display-8">{{ $projet->nom }}</h3>
                                                <br>
                                                <small class="mb-0"><b>{{ $projet->intervention }}</b></small>
                                                <div class="mt-n2"></div>
                                                <small class="mb-0 text-capitalize">{{ $projet->lieu }}</small>
                                            </div>
                                            <div class="team-arrow-icon">
                                                <svg width="35" height="22" viewBox="0 0 35 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.585815L34.4142 10.9999L24 21.4142L22.5858 20L30.5857 12L0 12L2.38419e-07 10L30.5858 10L22.5858 2.00003L24 0.585815Z"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>

            </div>
            <!-- row -->
        </div>
    </section>
    <!--Project-Overview Section ======================-->


    {{--<nav class="mt-5 mt-md-70 mt-lg-90" aria-label="Page navigation">
        <ul class="pagination justify-content-center align-items-end position-relative">
            <li class="page-item me-md-10">
                <a class="btn prev-btn prev-btn-sm me-10" href="#">
                    <svg class="arrow-reverse" width="35" height="22" viewBox="0 0 35 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.585815L34.4142 10.9999L24 21.4142L22.5858 20L30.5857 12L0 12L2.38419e-07 10L30.5858 10L22.5858 2.00003L24 0.585815Z"/>
                    </svg>
                </a>
            </li>
            <li class="page-item"><a class="page-link active fw-semibold next-btn next-btn-sm" href="#">01</a></li>
            <li class="page-item"><a class="page-link fw-semibold next-btn next-btn-sm" href="#">02</a></li>
            <li class="page-item me-2 me-md-3"><a class="page-link fw-semibold next-btn next-btn-sm" href="#">03</a></li>
            <li class="page-item mx-md-1">
                <svg width="29" height="5" viewBox="0 0 29 5" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="2.5" cy="2.5" r="2.5" fill="#253B2F"/>
                    <circle cx="14.5" cy="2.5" r="2.5" fill="#253B2F"/>
                    <circle cx="26.5" cy="2.5" r="2.5" fill="#253B2F"/>
                </svg>
            </li>
            <li class="page-item mx-2 mx-md-3"><a class="page-link fw-semibold next-btn next-btn-sm" href="#">37</a></li>
            <li class="page-item">
                <a class="btn btn-primary btn-lg d-inline-flex gap-10" href="#">Next
                    <svg width="35" height="22" viewBox="0 0 35 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.585815L34.4142 10.9999L24 21.4142L22.5858 20L30.5857 12L0 12L2.38419e-07 10L30.5858 10L22.5858 2.00003L24 0.585815Z"/>
                    </svg>
                </a>
            </li>
        </ul>
    </nav>--}}


    <!--Feedback Section ======================-->
    @include('feedback')
    <!--Feedback Section ======================-->


@endsection

@section('scripts')
    <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.29/bundled/lenis.min.js"></script>
    <script src="{{ asset('/assets/js/jquery-3.7.0.min.js') }}"></script>
    <script src="{{ asset('/assets/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('/assets/js/jquery.magnific-popup.min.js') }}"></script>
    <script src="{{ asset('/assets/js/wow.min.js') }}"></script>
    <script src="{{ asset('/assets/js/jquery.progressScroll.min.js') }}"></script>
    <script src="{{ asset('/assets/js/script.js') }}"></script>
@endsection