@extends('components.quiz.layouts.default', ['title' => "Pour que nous puissions vous recontacter"])

@section('quiz.content')
    <div class="flex flex-col gap-4 text-start max-w-sm w-full mx-auto">
        @includeWhen($client_type == "particulier",'components.quiz.public.forms.inputs.default', [
            'label' => 'Votre prénom',
            'placeholder' => 'Prénom',
            'name' => 'client_firstname',
            'wireModelNotLive' => 'client_firstname',
            'required' => true,
        ])

        @includeWhen($client_type == "particulier",'components.quiz.public.forms.inputs.default', [
            'label' => 'Votre nom de famille',
            'placeholder' => 'Nom de famille',
            'name' => 'client_lastname',
            'wireModelNotLive' => 'client_lastname',
            'required' => true
        ])

        @includeWhen($client_type == "professionnel",'components.quiz.public.forms.inputs.default', [
            'label' => "Nom de votre entreprise",
            'placeholder' => 'Nom',
            'name' => 'company_name',
            'wireModelNotLive' => 'company_name',
            'required' => true,
        ])

        @include('components.quiz.public.forms.inputs.default', [
            'label' => 'Votre email',
            'placeholder' => 'Email',
            'type' => 'email',
            'name' => 'client_email',
            'wireModelNotLive' => 'client_email',
            'required' => true
        ])

        @include('components.quiz.public.forms.inputs.default', [
            'label' => 'Votre numéro de téléphone',
            'placeholder' => 'Téléphone',
            'type' => 'tel',
            'name' => 'client_phone',
            'wireModelNotLive' => 'client_phone',
            'required' => true,
            'maxLength' => 10
        ])

        <div class="flex justify-center">
            @include('components.quiz.public.forms.inputs.checkbox', [
                'id' => 'client_accepts_cgu',
                'label' => "J'accepte les <a href=\"https://www.lockit.fr/cgv\" class=\"text-blue-500 underline underline-offset-2 font-medium\" target=\"_blank\" rel=\"noopener noreferrer\">CGU</a>",
                'required' => true,
                'checked' => true,
                'wireModelNotLive' => "client_accepts_cgu"
            ])
        </div>


        <button type="submit" class="px-4 py-2 bg-blue-500 text-white border-2 border-blue-500 font-semibold rounded-lg text-lg
            transition-all duration-300 hover:bg-transparent hover:text-blue-500">
            Valider
        </button>
    </div>
@overwrite