@extends('souscription.layout', ['image' => 'signature.jpg'])

@section('description', "Mobitruck : assistance dépannage et assistance financière pour poids lourds partout en Europe. Simulation et souscription en ligne, 365 € + 20 € de frais par an.")
@section('image', 'signature.jpg')

@section('intro')
    Effectuez gratuitement votre simulation et votre devis pour le produit <b>Mobitruck</b>. Vous avez la possibilité de souscrire ou non votre devis suite à votre simulation si vous souhaitez obtenir au plus tôt l'assistance de notre réseau pour votre véhicule.
@endsection

@section('coordonnees')
    <x-champ nom="email_courtier" libelle="Si vous êtes courtier : votre adresse mail" type="email" />
@endsection

@section('champs')
    <x-champ nom="date_premiere_circulation" libelle="Date de première mise en circulation" requis placeholder="jj/mm/aaaa" />
    <x-champ nom="km_compteur" libelle="Km au compteur" requis />
    <x-champ nom="marque" libelle="Marque" />
    <x-champ nom="numero_immatriculation" libelle="Numéro d'immatriculation" requis />
    <div class="col-12">
        <label class="form-label">Type d'utilisation</label>
        <div class="d-flex flex-wrap gap-4">
            @foreach ([
                'transport_public' => 'Transport public',
                'transport_equestres' => 'Transport équestre',
                'transport_public_agricole_et_elevage' => 'Transport public agricole et élevage',
                'transport_particulier' => 'Transport particulier',
                'autre' => 'Autre',
            ] as $valeur => $libelle)
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="type_utilisation" id="usage{{ $loop->index }}" value="{{ $valeur }}" @checked(old('type_utilisation') === $valeur)>
                    <label class="form-check-label" for="usage{{ $loop->index }}">{{ $libelle }}</label>
                </div>
            @endforeach
        </div>
    </div>
    <x-champ nom="code_adhesion" libelle="Code adhésion" aide="Pour les véhicules concernés." data-tarif />
@endsection

@section('documents')
    @foreach (config('documents.documentations.Mobitruck assistance dépannage') as [$chemin, $libelle])
        <a href="{{ asset($chemin) }}" target="_blank" rel="noopener" class="brochure-btn @unless ($loop->first) mt-3 @endunless">
            <span class="icon"><i class="fa-regular fa-file-pdf"></i></span>
            <span class="text"><span class="title">{{ $libelle }}</span><span class="size">PDF</span></span>
            <span class="download"><i class="fa-solid fa-download"></i></span>
        </a>
    @endforeach
@endsection