{{-- Formulaire de demande d'information (solutions et innovation) --}}
<div class="sidebar-widget quote-sidebar-widget p-4 p-md-5 mb-0" id="formulaire">
    <div class="text-center mb-4">
        <h2 class="widget-title">Formulaire rapide</h2>
        <p class="mb-0">Décrivez votre besoin, nous revenons vers vous rapidement.</p>
    </div>
    <x-alertes />
    <form class="row g-4" action="{{ $action }}" method="POST" novalidate>
        @csrf
        <x-champ nom="nom" libelle="Nom" requis />
        <x-champ nom="prenom" libelle="Prénom" />
        <x-champ nom="adresse" libelle="Adresse" requis col="col-12" />
        <x-champ nom="code_postal" libelle="Code postal" requis />
        <x-champ nom="ville" libelle="Ville" requis />
        <x-champ nom="email" libelle="Email" type="email" requis />
        <x-champ nom="telephone" libelle="Téléphone" type="tel" />
        <div class="col-12">
            <label class="form-label" for="typeSolution">Choix de la solution <span class="text-danger">*</span></label>
            <select name="typeSolution" id="typeSolution" @class(['form-select', 'is-invalid' => $errors->has('typeSolution')]) required>
                <option value="">Choix de la solution</option>
                @foreach ($solutions as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(old('typeSolution', request('solution')) === (string) $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
            @error('typeSolution')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-12">
            <label class="form-label" for="message">Message</label>
            <textarea name="message" id="message" class="form-control" rows="5" placeholder="Votre demande ...">{{ old('message') }}</textarea>
        </div>
        <div class="col-12"><x-recaptcha /></div>
        <div class="col-12 text-center">
            <button type="submit" class="btn btn-primary" data-hover="Transmettre"><span>Transmettre</span></button>
            <p class="small text-muted mt-3 mb-0"><span class="text-danger">*</span> Champs requis</p>
        </div>
    </form>
</div>