@extends('layouts.site')

@section('description', "Contactez AGC Assistance du lundi au vendredi au +33 9 74 19 01 90 ou via notre formulaire : réponse sous 24h pour vos projets d'assurance.")
@section('image', 'equipe.jpg')

@section('titre', 'Nous contacter')

@section('contenu')
    <x-page-header titre="Nous contacter" image="equipe.jpg" />

    <section class="process-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 mb-5 mb-lg-0">
                    <h2 class="widget-title">Contactez AGC</h2>
                    <p class="mb-4">Contacter les services d'AGC n'a jamais été aussi simple. Nos équipes sont à votre écoute du lundi au vendredi pour toute question technique ou élaboration de projet.</p>
                    <p class="mb-4">N'hésitez pas à nous donner des détails concernant votre site, votre application ou votre activité afin que nous puissions établir avec vous un diagnostic rapide de vos besoins. AGC vous recontactera sous 24h.</p>
                    <div class="contact-info-item mb-3">
                        <i class="fa-solid fa-location-dot"></i>
                        <div><strong>Siège social</strong>{{ config('agc.societe.adresse') }}</div>
                    </div>
                    <div class="contact-info-item mb-3">
                        <i class="fa-solid fa-phone"></i>
                        <div><strong>Téléphone</strong><a href="tel:{{ config('agc.societe.telephone_lien') }}">{{ config('agc.societe.telephone') }}</a></div>
                    </div>
                    <div class="contact-info-item mb-3">
                        <i class="fa-regular fa-clock"></i>
                        <div><strong>Horaires</strong>{{ config('agc.societe.horaires') }}</div>
                    </div>
                    <div class="contact-info-item">
                        <i class="fa-solid fa-car-burst"></i>
                        <div><strong>Sinistre</strong><a href="mailto:sinistre@agc-assistance.com">sinistre@agc-assistance.com</a></div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <h2 class="widget-title">Formulaire rapide</h2>
                    <x-alertes />
                    <form class="row g-3" action="{{ route('contact.envoyer') }}" method="POST" novalidate>
                        @csrf
                        <x-champ nom="name" libelle="Nom" requis />
                        <x-champ nom="email" libelle="Email" type="email" requis />
                        <x-champ nom="phone" libelle="Téléphone" type="tel" col="col-12" />
                        <div class="col-12">
                            <label class="form-label" for="comment">Message <span class="text-danger">*</span></label>
                            <textarea name="comment" id="comment" rows="6" @class(['form-control', 'is-invalid' => $errors->has('comment')]) required>{{ old('comment') }}</textarea>
                            @error('comment')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        {{-- champ piège anti-spam --}}
                        <input type="text" name="tokenb" value="" class="agc-piege" tabindex="-1" autocomplete="off" aria-hidden="true">
                        <div class="col-12"><x-recaptcha /></div>
                        <div class="col-12">
                            <button type="submit" class="btn-hero btn-primary mt-2" 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>
            </div>
        </div>
    </section>
@endsection