@extends('layouts.app')

@php $activePage = 'actualites'; @endphp

@section('content')
<!-- Breadcrumbs -->
<section class="breadcrumbs overlay">
    <div class="container">
        <div class="bread-inner">
            <div class="row">
                <div class="col-12">
                    <h3 class="text-white">Galerie</h3>
                    <ul class="bread-list">
                        <li>
                            <a href="{{ route('accueil') }}">
                                <i class="fa fa-chevron-left"></i> Accueil
                            </a>
                        </li>
                        <li>
                            <i class="fa fa-chevron-right"></i>
                        </li>
                        <li class="active" style="color:#ffe400;">Images &amp; Vid&eacute;os</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Section Galerie -->
<section class="team section single-page gallery" id="team">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/001.jpeg') }}" alt="Rencontre des referents Data-Collect">
                    </div>
                    <div class="t-bottom">
                        <p>Rencontre des r&eacute;f&eacute;rents Data-Collect</p>
                        <h2><a href="javascript:void(0);">R&eacute;f&eacute;rent OPCC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/002.jpeg') }}" alt="Rencontre des referents Data-Collect">
                    </div>
                    <div class="t-bottom">
                        <p>Rencontre des r&eacute;f&eacute;rents Data-Collect</p>
                        <h2><a href="javascript:void(0);">R&eacute;f&eacute;rent OPCC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/004.jpeg') }}" alt="Rencontre des referents Data-Collect">
                    </div>
                    <div class="t-bottom">
                        <p>Rencontre des r&eacute;f&eacute;rents Data-Collect</p>
                        <h2><a href="javascript:void(0);">R&eacute;f&eacute;rent OPCC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG_7284.JPG') }}" alt="Congres Untec Nancy 2024">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec, Nancy 2024</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale Extraordinaire IRIEC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG_7285.JPG') }}" alt="Congres Untec Nancy 2024">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec, Nancy 2024</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale Extraordinaire IRIEC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG_7290.JPG') }}" alt="Congres Untec 2024">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec 2024</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale Extraordinaire IRIEC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/Vidéo Replay webinaire Data-Collect .png') }}" alt="Webinaire Data-Collect">
                    </div>
                    <div class="t-bottom">
                        <p>Webinaire Data-Collect</p>
                        <h2><a href="javascript:void(0);">Webinaire aux adh&eacute;rents de l'IRIEC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/Présentation IRIEC AGE &AGO-2025.jpg') }}" alt="Congres Untec Le Havre 2025">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec, Le Havre 2025</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale IRIEC</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG-20250618-WA0026.jpg') }}" alt="Data-Collect a la FFB">
                    </div>
                    <div class="t-bottom">
                        <p>Data-Collect &agrave; la FFB</p>
                        <h2><a href="javascript:void(0);">Pr&eacute;sentation de Data-Collect &agrave; la FFB</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG-20250618-WA0032.jpg') }}" alt="Data-Collect a la FFB">
                    </div>
                    <div class="t-bottom">
                        <p>Data-Collect &agrave; la FFB</p>
                        <h2><a href="javascript:void(0);">Pr&eacute;sentation de Data-Collect &agrave; la FFB</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/IMG-20250618-WA0029.jpg') }}" alt="Data-Collect a la FFB">
                    </div>
                    <div class="t-bottom">
                        <p>Data-Collect &agrave; la FFB</p>
                        <h2><a href="javascript:void(0);">Pr&eacute;sentation de Data-Collect &agrave; la FFB</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/_DSC8784.jpg') }}" alt="Congres Untec Salon Actes 2025">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec - Salon Actes 2025</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/_DSC8786.jpg') }}" alt="Congres Untec Salon Actes 2025">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec - Salon Actes 2025</p>
                        <h2><a href="javascript:void(0);">Assembl&eacute;e G&eacute;n&eacute;rale</a></h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-team">
                    <div class="t-head">
                        <img src="{{ asset('img/_DSC0495.jpg') }}" alt="Congres Untec Salon Actes 2025">
                    </div>
                    <div class="t-bottom">
                        <p>Congr&egrave;s Untec - Salon Actes 2025</p>
                        <h2><a href="javascript:void(0);">Le Havre</a></h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Newsletter -->
<section class="newsletter section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-12">
                <div class="subscribe-text">
                    <h6>S'inscrire &agrave; la bo&icirc;te aux lettres</h6>
                    <p>
                        Recevez les derni&egrave;res actualit&eacute;s de l'IRIEC directement dans votre bo&icirc;te de r&eacute;ception en vous inscrivant d&egrave;s aujourd'hui.
                    </p>
                </div>
            </div>
            <div class="col-lg-6 col-12">
                <div class="subscribe-form">
                    <form method="POST" class="newsletter-inner">
                        @csrf
                        <input class="common-input" name="email" placeholder="Votre adresse E-mail" required type="email">
                        <button class="btn" type="submit">
                            <i class="fa fa-envelope"></i> S'inscrire maintenant
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection