@extends('base')
@section('title', 'Alerte | Plateforme Juridique des PME du Gabon')
@section('content')

    <!-- Bloc Newsletter -->
    {{-- <section class="bloc-newsletter" data-aos="fade-up">
        <div class="newsletter-container">
            <p class="small-text">ABONNEMENT</p>
            <h2>Abonnez-vous à notre <span>newsletter</span></h2>
            <div class="info-banner">
                <p>Restez informé des dernières mises à jour juridiques et institutionnelles. Recevez directement par email les nouveaux textes ajoutés et les informations essentielles pour les PME et TPE.</p>
            </div>
            <div class="input-container">
                <input type="email" placeholder="Votre adresse email">
                <button class="subscribe-btn">S'abonner</button>
            </div>
        </div>
    </section> --}}
    <section class="bloc-abonnement" data-aos="fade-up">
        <div class="abonnement-container">
            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            <p class="small-text">ABONNEMENT</p>
            <h2>Recevez les nouveaux textes de lois</h2>
            <div class="info-banner">
                <p>Restez informé des dernières mises à jour juridiques en recevant les nouveaux textes de lois par email. </p>
            </div>
            <!-- Formulaire stylisé -->
            {{-- <form action="{{ route('abonnement.store') }}" method="POST" id="abonnementForm" class="fade-in-form">
                @csrf
                <div class="input-container">
                    <div class="group-input">
                        <input type="text" id="name" name="nom" placeholder="Votre nom">
                    </div>

                    <div class="group-input">
                        <input type="email" id="email" name="email" placeholder="Votre adresse email" required>
                    </div>

                    <div class="group-input">
                        <input type="text" id="tel" name="tel" placeholder="Votre tél">
                    </div>

                    <div class="group-input">
                        <input type="text" id="fonction" name="fonction" placeholder="Votre fonction">
                    </div>

                    <div class="group-input">
                        <input type="text" id="ville" name="ville" placeholder="Votre ville">
                    </div>
                </div>

                <div class="select-container">
                    <label for="lawTypes" class="lawtype">Catégories de textes de lois :</label>
                    <select id="lawTypes" name="categories[]" multiple>
                        @if(!empty($categories))
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}">{{ $cat->nom }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>

                <button type="submit" class="subscribe-btn">S'abonner</button>
            </form> --}}

            <form class="container py-4 px-3 rounded form-style fade-in-form" action="{{ route('abonnement.store') }}" method="POST" id="abonnementForm">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <input type="text" id="name" name="nom" class="form-control" placeholder="Votre nom" required>
                    </div>
                    <div class="col-md-6">
                        <input type="email" id="email" name="email" class="form-control" placeholder="Votre adresse email" required>
                    </div>
                    <div class="col-md-6">
                        <input type="text" id="tel" name="tel" class="form-control" placeholder="Votre tél" required>
                    </div>
                    <div class="col-md-6">
                        <input type="text" id="fonction" name="fonction" class="form-control" placeholder="Votre fonction" required>
                    </div>
                    <div class="col-md-12">
                        <input type="text" id="ville" name="ville" class="form-control" placeholder="Votre ville" required>
                    </div>
                    <div class="col-md-12">
                        <label for="lawTypes" class="form-label fw-semibold">Catégories de textes de lois :</label>
                        <select id="lawTypes" name="categories[]" class="form-select" multiple required>
                            @if(!empty($categories))
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->id }}">{{ $cat->nom }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class="mt-4 text-end text-center">
                    {{-- <button type="submit" class="btn btn-success px-4">Envoyer</button> --}}
                    <button type="submit" class="subscribe-btn">S'abonner</button>
                </div>
            </form>




        </div>
    </section>





@stop