@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">Nos Références</h2>
            <ul class="breadcrumb-menu">
                <li><a href="/">Accueil</a></li>
                <li class="active">Nos Références</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->
    <div class="portfolio-single py-120">
        <div class="container">
            <div class="portfolio-single-wrap">
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="portfolio-sidebar">
                            <div class="widget">
                                <h4 class="title">Informations</h4>
                                <ul class="list">
                                    <li>
                                        Metier <span>{{ $activite->domaine }}</span>
                                    </li>
                                    <li>Date/Période <span>{{ $activite->dates_at }}</span>
                                    </li>
                                    <li>
                                        Maître d’Ouvrage/Client <span>{{ $activite->client }}</span>
                                    </li>
                                    <li>
                                        Montant <span>{{ $activite->montant }}</span>
                                    </li>
                                    <li>
                                        Lieu <span>{{ $activite->localisation }}</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-8 ">
                        <div class="portfolio-details mb-20">
                            <div class="mb-30">
                                <img src="/assets/uploads/{{ $activite->image }}" alt="{{ $activite->titre }}">
                            </div>
                            <div class="content">
                                <h3 class="mb-20">{{ $activite->titre }}</h3>
                                {!! $activite->texte !!}
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
                @if(!empty($photos->count() != 0))
                
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center wow fadeInDown" data-wow-delay=".25s">
                            <h2 class="site-title">Photos du projet</h2>
                        </div>
                    </div>
                </div>
                <div class="row g-4 popup-gallery">
                    @foreach($photos as $photo)
                    <div class="col-md-3">
                        <div class="gallery-item wow fadeInUp" data-wow-delay=".25s">
                            <div class="gallery-img">
                                <img src="/assets/uploads/{{ $photo->image }}" alt="">
                            </div>
                            <div class="gallery-content">
                                <a class="popup-img gallery-link" href="/assets/uploads/{{ $photo->image }}"><i
                                        class="fal fa-plus"></i></a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</main>
@endsection