@php
    use App\Models\Country;
    $countries = Country::all();
@endphp
<div class="row">
    <form action="{{ route('workflow.informations.client') }}" method="POST">
        @csrf
        <input type="hidden" name="id_vente_workflow_instance_tache" value="{{ $tache['id_vente_workflow_instance_tache'] }}">
        <input type="hidden" name="option_id" value="{{ $option->id }}">
        <div class="col-12">
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_civilite">Civilité</label>
                        <select name="client_id_civilite" class="form-select pt-1 pb-1" id="client_id_civilite" required onchange="if($(this).val() == 1){$('#client_nom_jeune_fille').removeAttr('required')}else{$('#client_nom_jeune_fille').attr('required', 'required')}">
                            <option value="1">Mr</option>
                            <option value="2">Mme</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_nom">Nom</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_nom" id="client_nom" value="@if(Auth::user()->lastname) {{ Auth::user()->lastname }} @endif" placeholder="Votre nom" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_nom_jeune_fille">Nom de jeune fille</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_nom_jeune_fille" id="client_nom_jeune_fille" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_prenom">Prénom</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_prenom" id="client_prenom" value="@if(Auth::user()->firstname) {{ Auth::user()->firstname }} @endif" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_de_naissance">Date de naissance</label>
                        <input class="form-control pt-1 pb-1 datepicker" type="text" name="client_date_de_naissance" id="client_date_de_naissance" placeholder="JJ/MM/AAAA" value="" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_lieu_de_naissance">Lieu de naissance</label>
                        <input class="form-control pt-1 pb-1" type="text" id="client_lieu_de_naissance" name="client_lieu_de_naissance" value="" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="client_id_pays_nationalite">Nationalité</label>
                        <select name="client_id_pays_nationalite" id="client_id_pays_nationalite" class="form-select pt-1 pb-1" required>
                            @if ($countries)
                                @foreach ($countries as $country)
                                    <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->nationality }}</option>
                                @endforeach
                            @endif
                        </select>					
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_profession">Profession</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_profession" value="" id="client_profession" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_adresse1">Adresse</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_adresse1" value="" id="client_adresse1" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_adresse2">Complément</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_adresse2" value="" id="client_adresse2">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_code_postal">Code Postal</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_code_postal" value="" id="client_code_postal" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_ville">Ville</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_ville" value="" id="client_ville" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center"></div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_pays">Pays</label>
                        <select class="form-select pt-1 pb-1" id="client_id_pays" name="client_id_pays" required>
                            @if ($countries)
                                @foreach ($countries as $country)
                                    @if($country->is_active === 1)
                                        <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->name }}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_telephone">Téléphone</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_telephone" placeholder="06XXXXXXXX" value="@if(Auth::user()->phone) {{ Auth::user()->phone }} @endif" id="client_telephone" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_email">Email</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_email" value="@if(Auth::user()->email) {{ Auth::user()->email }} @endif" id="client_email" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_situation_matrimoniale">Situation matrimoniale</label>
                        <select name="client_id_situation_matrimoniale" class="form-select pt-1 pb-1" id="client_id_situation_matrimoniale" required>
                            <option value='1'>célibataire</option>
                            <option value='4'>divorcé(e)</option>
                            <option value='2'>marié(e)</option>
                            <option value='5'>pacsé(e)</option>
                            <option value='3'>veuf,veuve</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_union">Date de mariage ou pacs</label>
                        <input class="form-control datepicker pt-1 pb-1" type="text" name="client_date_union" placeholder="JJ/MM/AAAA" value="" id="client_date_union">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_divorce">Date de divorce</label>
                        <input class="form-control datepicker pt-1 pb-1" type="text" name="client_date_divorce" placeholder="JJ/MM/AAAA" value="" id="client_date_divorce">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_lieu_union">Lieu de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_lieu_union" value="" id="client_lieu_union">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_regime_matrimonial">Régime matrimonial</label>
                        <select name="client_id_regime_matrimonial" class="form-control pt-1 pb-1" id="client_id_regime_matrimonial">
                            <option value=""></option>
                            <option value='2'>Communauté de meubles et acquêts</option>
                            <option value='1'>Communauté réduite aux acquêts</option>
                            <option value='3'>Communauté universelle</option>
                            <option value='4'>Participation aux acquêts</option>
                            <option value='5'>Séparation de biens</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-12 text-center">
                    <div class="border border-muted rounded pt-1 pb-1 ps-2 pe-2 d-inline-block">
                        <input class="form-check-input" type="checkbox" value="1" id="conjoint" name="conjoint" onclick="if($('#informations-conjoint').hasClass('show-info-conjoint')) { $('#informations-conjoint').slideUp(100); $('#informations-conjoint').removeClass('show-info-conjoint'); $('.required-conjoint').removeAttr('required') } else { $('#informations-conjoint').slideDown(200); $('#informations-conjoint').addClass('show-info-conjoint'); $('.required-conjoint').attr('required', 'required') }">
                        <label class="form-check-label" for="conjoint">
                            Achat avec conjoint
                        </label>
                      </div>
                </div>
            </div>
        </div>
        <div class=" col-12" id="informations-conjoint" style="display: none">
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_civilite">Civilité</label>
                        <select name="conjoint_id_civilite" id="conjoint_id_civilite" class="form-control pt-1 pb-1 required-conjoint">
                            <option value="1">Mr</option>
                            <option value="2">Mme</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_nom">Nom</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" type="text" name="conjoint_nom" id="conjoint_nom"  value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="">Nom de jeune fille</label>
                        <input class="form-control pt-1 pb-1" type="text" name="conjoint_nom_jeune_fille" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_prenom">Prénom</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_prenom" type="text" name="conjoint_prenom"  value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_de_naissance">Date de naissance</label>
                        <input class="form-control pt-1 pb-1 datepicker required-conjoint" id="conjoint_date_de_naissance" type="text" name="conjoint_date_de_naissance" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_lieu_de_naissance">Lieu de naissance</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_lieu_de_naissance" type="text" name="conjoint_lieu_de_naissance" value="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_pays_nationalite">Nationalité</label>
                        <select name="conjoint_id_pays_nationalite required-conjoint" id="conjoint_id_pays_nationalite" class="form-control pt-1 pb-1">
                            @if ($countries)
                                @foreach ($countries as $country)
                                    <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->nationality }}</option>
                                @endforeach
                            @endif
                        </select>					
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_profession">Profession</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_profession" type="text" name="conjoint_profession" value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_adresse1 ">Adresse</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_adresse1" type="text" name="conjoint_adresse1" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_adresse2">Complément</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_adresse2" type="text" name="conjoint_adresse2" value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_code_postal">Code Postal</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_code_postal" type="text" name="conjoint_code_postal" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_ville">Ville</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_ville" type="text" name="conjoint_ville" value="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center"></div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_pays">Pays</label>
                        <select class="form-control pt-1 pb-1 required-conjoint" id="pays" name="conjoint_id_pays">
                            @if ($countries)
                                @foreach ($countries as $country)
                                    @if($country->is_active === 1)
                                        <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->name }}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_telephone">Téléphone</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_telephone" type="text" name="conjoint_telephone" placeholder="0612345678" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_email">Email</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_email" type="text" name="conjoint_email" value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_situation_matrimoniale">Situation matrimoniale</label>
                        <select name="conjoint_id_situation_matrimoniale" id="conjoint_id_situation_matrimoniale" class="form-control pt-1 pb-1">
                            <option value='1'>célibataire</option>
                            <option value='4'>divorcé(e)</option>
                            <option value='2'>marié(e)</option>
                            <option value='5'>pacsé(e)</option>
                            <option value='3'>veuf,veuve</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_union">Date de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1 datepicker" id="conjoint_date_union" type="text" name="conjoint_date_union" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_divorce">Date de divorce</label>
                        <input class="form-control pt-1 pb-1 datepicker" id="conjoint_date_divorce" type="text" name="conjoint_date_divorce" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_lieu_union">Lieu de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_lieu_union" type="text" name="conjoint_lieu_union" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_regime_matrimonial">Régime matrimonial</label>
                        <select name="conjoint_id_regime_matrimonial" id="conjoint_id_regime_matrimonial" class="form-control pt-1 pb-1">
                            <option value=""></option>
                            <option value='2'>Communauté de meubles et acquêts</option>
                            <option value='1'>Communauté réduite aux acquêts</option>
                            <option value='3'>Communauté universelle</option>
                            <option value='4'>Participation aux acquêts</option>
                            <option value='5'>Séparation de biens</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="row pt-5">
            <div class="col-12 mb-3 text-center">
                <button type="submit" class="btn btn-primary btn-primary-hover">Valider</button>
            </div>
        </div>

    </form>
</div>

@section('datepicker.js')
    <script src="{{ asset('libs/jquery-ui/js/datepicker.js') }}?t={{ config('app.js_version') }}"></script>
@endsection