@extends('admin')

@section('title')
    NotaireApp - Créer Nouveau Client
@endsection



@section('menu-title')
    <!-- BEGIN: Breadcrumb -->
    <link rel="stylesheet" href="{{ asset('dist/css/boots.css') }}">
    <div class="-intro-x breadcrumb mr-auto hidden sm:flex"> <a href="{{ url('/admin') }}" class="">NotairesApp</a> <i
            data-feather="chevron-right" class="breadcrumb__icon"></i> <a href="#/" class="breadcrumb--active">Créer
            Nouveau
            Client</a> </div>
    <!-- END: Breadcrumb -->
@endsection

@section('content')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">
            Créer Nouveau Client
        </h2>
    </div>

    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-12">
            <div class="intro-y box">
                <div class="p-5" id="form-validation">
                    <div class="preview" style="display: block; opacity: 1;">

                        <form role="form" method="post" action="{{ url('/admin/client/create') }}"
                            enctype="multipart/form-data" name="myform" novalidate>
                            {{ csrf_field() }}

                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Type de client</label>
                                <div class="col-sm-6" style="display: flex;margin: auto;">
                                    @if (session('type') == null)
                                        <center style="margin: auto;">
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype " type="radio"
                                                        name="type" value="0">
                                                    Société Ou Entreprise/مقولة او شركة</label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype " name="type"
                                                        type="radio" value="1">
                                                    Particulier / فرد</label>
                                            </div>

                                        </center>
                                    @elseif(session('type') == 0)
                                        <center style="margin: auto;">
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype entr" checked type="radio"
                                                        name="type" value="0">
                                                    Société Ou Entreprise/مقولة او شركة</label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype cli" name="type"
                                                        type="radio" value="1">
                                                    Particulier / فرد</label>
                                            </div>

                                        </center>
                                    @else
                                        <center style="margin: auto;">
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype entr" type="radio"
                                                        name="type" value="0">
                                                    Entreprise / شركة</label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-clienttype cli" checked name="type"
                                                        type="radio" value="1">
                                                    Individuel / فرد</label>
                                            </div>

                                        </center>
                                    @endif

                                </div>
                                <label class="col-sm-3 col-form-label" style="text-align: right;">نوع الزبون</label>
                            </div>

                            <br>

                            <div class="divindividuel" id="divindividuel" style="display: none;">

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Nom </label>
                                            <input class="form-control" name="name" data-error="Please input your Nom "
                                                placeholder=" " required="required" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group" style="text-align: right;">
                                            <label for="">الاسم العائلي</label>
                                            <input class="form-control" name="nom_ar" data-error="Please input your Nom "
                                                placeholder="" required="required" type="text" style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Prenom </label>
                                            <input class="form-control" name="prenom" data-error="Please input your Nom "
                                                placeholder=" " required="required" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group" style="text-align: right;">
                                            <label for="">الاسم الشخصي</label>
                                            <input class="form-control" name="prenom_ar"
                                                data-error="Please input your Nom " placeholder="" required="required"
                                                type="text" style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>


                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Genre </label>
                                            <select name="genre" class="input w-full border-2 genre" required>
                                                <option value="" selected>Sélectionner Un Genre</option>
                                                <option value="Homme">Homme</option>
                                                <option value="Femme">Femme</option>
                                            </select>

                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group " style="text-align: right;">
                                            <label for="">جنس</label>
                                            <select name="genre_ar" class="input w-full border-2 genre_ar" required
                                                style="direction: RTL;">
                                                <option value="" selected>حدد نوع الجنس</option>
                                                <option value="Homme">رجل</option>
                                                <option value="Femme">امراة</option>
                                            </select>

                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>

                                <!--<div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label for=""> Mot de Passe</label>
                                                                <input class="form-control" name="password" data-minlength="6" placeholder="Mot de Passe" required="required" type="password">
                                                                <div class="help-block form-text text-muted form-control-feedback">Minimum of 6 characters</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label for=""> Confirmer votre mot de passe</label>
                                                                <input class="form-control" data-match-error="Passwords don&#39;t match" placeholder="Confirmer mot de passe" required="required" type="password">
                                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                                            </div>
                                                        </div>
                                                    </div>-->


                                <div class="form-group">
                                    <label for=""> Date Naissance</label><label style="float: right;"
                                        for="">تاريخ
                                        الازدياد</label>
                                    <input class="form-control" name="datenaiss"
                                        data-error="Votre email n'est pas valide" placeholder="" required="required"
                                        type="date" style="text-align:center" value="2024-09-20">
                                    <div class="help-block form-text with-errors form-control-feedback"></div>
                                </div>

                                <div class="row">


                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for=""> Profession </label>
                                            <input class="form-control" name="profession"
                                                data-error="Please input your Nom " placeholder="" required="required"
                                                type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for=""> CIN</label><label style="float: right;"
                                                for=""> رقم البطاقة
                                                الوطنية </label>
                                            <input class="form-control" name="cin"
                                                data-error="Votre email n'est pas valide" placeholder=""
                                                required="required" type="text" style="text-align:center">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for="">Passeport</label><label style="float: right;"
                                                for=""> جواز سفر </label>
                                            <input class="form-control" name="passeport"
                                                data-error="Votre email n'est pas valide" placeholder=""
                                                required="required" type="text" style="text-align:center">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>


                                    <div class="col-sm-3">
                                        <div class="form-group" style="text-align: right;">
                                            <label for=""> المهنة </label>
                                            <input class="form-control" name="profession_ar"
                                                data-error="Please input your Nom " placeholder="" required="required"
                                                type="text" style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>


                                </div>


                                <div class="form-group">
                                    <label for=""> Email</label><label style="float: right;" for="">
                                        البريد
                                        الإلكتروني</label>
                                    <input class="form-control" name="email" data-error="Votre email n'est pas valide"
                                        placeholder="" required="required" type="email" style="text-align:center">
                                    @if (session('message') != null)
                                        <i class="text-red-600">{{ session('message') }}</i>
                                    @endif
                                    <div class="help-block form-text with-errors form-control-feedback"></div>
                                </div>

                                <div class="row">

                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for=""> Adresse</label>
                                            <input class="form-control" name="adresse"
                                                data-error="Votre email n'est pas valide" placeholder=""
                                                required="required" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>

                                    </div>

                                    <div class="col-sm-12">
                                        <div class="form-group" style="text-align: right;">
                                            <label for=""> العنوان</label>
                                            <input class="form-control" name="adresse_ar"
                                                data-error="Votre email n'est pas valide" placeholder=""
                                                required="required" type="text" style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>

                                    </div>


                                </div>

                                <div class="form-group">
                                    <label for=""> Nationalité</label><label style="float: right;"
                                        for=""> الجنسية</label>
                                    <input class="form-control" name="nationalite"
                                        data-error="Votre email n'est pas valide" placeholder="" type="text"
                                        style="text-align:center">
                                    <div class="help-block form-text with-errors form-control-feedback"></div>
                                </div>


                                <div class="row">
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for=""> Code Postal </label>
                                            <input class="form-control" name="codepostal"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for=""> Commune </label>
                                            <input class="form-control" name="commune"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group" style="text-align: right;">
                                            <label for=""> البلدية </label>
                                            <input class="form-control" name="commune_ar"
                                                data-error="Please input your Nom " placeholder="" type="text"
                                                style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group" style="text-align: right;">
                                            <label for=""> الرمز البريدي </label>
                                            <input class="form-control" name="codepostal_ar"
                                                data-error="Please input your Nom " placeholder="" type="text"
                                                style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>



                                </div>



                                <div class="row">

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Ville</label>
                                            <input class="form-control" name="ville"
                                                data-error="Please input your Nom " placeholder="" required="required"
                                                type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group" style="text-align: right;">
                                            <label for=""> المدينة</label>
                                            <input class="form-control" name="ville_ar"
                                                data-error="Please input your Nom " placeholder="" required="required"
                                                type="text" style="direction: RTL;">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                </div>


                                <!--<div class="form-group">
                                                        <label for="">Image</label>
                                                        <input class="form-control" name="image" data-error="Photo is invalid" required="required" type="file">
                                                    </div>-->
                                <div class="row">

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Téléphone Domicile</label><label style="float: right;"
                                                for="">
                                                هاتف المنزل </label>
                                            <input class="form-control" name="teledomicile"
                                                data-error="Votre email n'est pas valide" placeholder="" type="text"
                                                style="text-align:center">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>

                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Téléphone professionnel</label><label
                                                style="float: right;" for="">
                                                هاتف العمل </label>
                                            <input class="form-control" name="teletravail"
                                                data-error="Votre email n'est pas valide" placeholder="" type="text"
                                                style="text-align:center">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>

                                    </div>


                                </div>

                                <div class="form-group">
                                    <label for=""> Téléphone Portable</label><label style="float: right;"
                                        for=""> هاتف محمول
                                    </label>
                                    <input class="form-control" name="phone" data-error="Votre email n'est pas valide"
                                        placeholder="" type="text" style="text-align:center">
                                    <div class="help-block form-text with-errors form-control-feedback"></div>
                                </div>


                                <br>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">État civil</label>
                                    <div class="col-sm-6" style="display: flex;margin: auto;">
                                        <center style="margin: auto;">
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input checked="" class="form-check-input-etat" name="etat"
                                                        type="radio" value="non"> Célibataire </label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-etat" name="etat" type="radio"
                                                        value="oui"> Marié(e) </label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-etat" name="etat" type="radio"
                                                        value="veuf"> Veuf (Veuve)
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input class="form-check-input-etat" name="etat" type="radio"
                                                        value="divorc"> Divorcé (e)
                                                </label>
                                            </div>
                                        </center>

                                    </div>
                                    <label class="col-sm-3 col-form-label" style="text-align: right;">الحالة
                                        المدنية</label>
                                </div>

                                <br>

                                <div id="divconjoint" style="display: none;">

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for=""> Nom du Conjoint </label>
                                                <input class="form-control" name="nomconjoint"
                                                    data-error="Please input your Nom " placeholder="" type="text">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group" style="text-align: right;">
                                                <label for="">الاسم العائلي</label>
                                                <input class="form-control" name="nomconjoint_ar"
                                                    data-error="Please input your Nom " placeholder="" type="text"
                                                    style="direction: RTL;">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for=""> Prenom du Conjoint </label>
                                                <input class="form-control" name="prenomconjoint"
                                                    data-error="Please input your Nom " placeholder="" type="text">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group" style="text-align: right;">
                                                <label for="">الاسم الشخصي</label>
                                                <input class="form-control" name="prenomconjoint_ar"
                                                    data-error="Please input your Nom " placeholder="" type="text"
                                                    style="direction: RTL;">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <label for=""> Lieu Naissance du Conjoint </label>
                                                <input class="form-control" name="lieunaiconjoint"
                                                    data-error="Please input your Nom " placeholder="" type="text">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for=""> Date Naissance du Conjoint </label><label
                                                    style="float: right;" for=""> تاريخ ولادة الزوج(ة)</label>
                                                <input class="form-control" name="datenaiconjoint"
                                                    data-error="Please input your Nom " placeholder="" type="date"
                                                    value="2024-09-20" style="text-align:center">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group" style="text-align: right;">
                                                <label for="">مكان ولادة الزوج(ة)</label>
                                                <input class="form-control" name="lieunaiconjoint_ar"
                                                    data-error="Please input your Nom " placeholder="" type="text"
                                                    style="direction: RTL;">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for=""> Date de Mariage </label>
                                                <input class="form-control" name="datemariage"
                                                    data-error="Please input your Nom " placeholder="" type="date"
                                                    value="2024-09-20">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for=""> Lieu de Mariage </label>
                                                <input class="form-control" name="lieumariage"
                                                    data-error="Please input your Nom " placeholder="" type="text">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label for=""> Date du Contrat</label><label style="float: right;"
                                            for=""> تاريخ
                                            العقد</label>
                                        <input class="form-control" name="datecontrat" value="2024-09-20"
                                            data-error="Votre email n'est pas valide" placeholder="" required="required"
                                            type="date" style="text-align:center">
                                        <div class="help-block form-text with-errors form-control-feedback"></div>
                                    </div>


                                    <br>

                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Contrat de Mariage</label>
                                        <div class="col-sm-6" style="display: flex;margin: auto;">
                                            <center style="margin: auto;">
                                                <div class="form-check">
                                                    <label class="form-check-label">
                                                        <input checked="" class="form-check-input-contrat"
                                                            name="contratmariage" type="radio" value="non"> Non / لا
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <label class="form-check-label">
                                                        <input class="form-check-input-contrat" name="contratmariage"
                                                            type="radio" value="oui"> Oui /نعم </label>
                                                </div>
                                            </center>

                                        </div>
                                        <label class="col-sm-3 col-form-label" style="text-align: right;">عقد
                                            الزواج</label>
                                    </div>

                                    <br>

                                    <div id="divcontrat" style="display: none;">



                                        <div class="form-group">
                                            <label for=""> CF</label><label style="float: right;"
                                                for="">بمحافظة </label>
                                            <input class="form-control" name="cf"
                                                data-error="Votre email n'est pas valide" placeholder=""
                                                style="text-align:center" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>

                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for="">Opération Demande </label>
                                                    <input class="form-control" name="operation"
                                                        data-error="Please input your Nom " placeholder=""
                                                        type="text">
                                                    <div class="help-block form-text with-errors form-control-feedback">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for=""> Regime Adopté </label>
                                                    <input class="form-control" name="regime"
                                                        data-error="Please input your Nom " placeholder=""
                                                        type="text">
                                                    <div class="help-block form-text with-errors form-control-feedback">
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="form-group">
                                            <label for=""> N° de titre foncier </label><label
                                                style="float: right;" for="">رقم الرسم العقاري</label>
                                            <input class="form-control" name="numfoncier"
                                                data-error="Please input your Nom " placeholder=""
                                                style="text-align:center" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>


                                </div>

                            </div>

                            <div id="diventreprise" style="display: none;">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Raison Sociale </label>
                                            <input class="form-control" name="raisonsocial"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Email </label>
                                            <input class="form-control" name="email_sos"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            @if (session('message') != null)
                                                <i class="text-red-600">{{ session('message') }}</i>
                                            @endif
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Téléphone </label>
                                            <input class="form-control" name="phone_sos"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6 hidden">
                                        <div class="form-group">
                                            <label for=""> FAX </label>
                                            <input class="form-control" name="fax"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Téléphone portable</label>
                                            <input class="form-control" name="phone"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for=""> RC </label>
                                            <input class="form-control" name="rc"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for=""> IF </label>
                                            <input class="form-control" name="iff"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for=""> Taxe professionnelle </label>
                                            <input class="form-control" name="patente"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> ICE </label>
                                            <input class="form-control" name="ice"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for=""> Forme Juridique </label>
                                            <input class="form-control" name="formJurid"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>

                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for=""> Adresse </label>
                                            <input class="form-control" name="adresse_sos"
                                                data-error="Please input your Nom " placeholder="" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>


                            </div>

                            <div class="intro-y box mt-5" id="piecejointes" style="display:none;">
                                <div
                                    class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                                    <h2 class="font-medium text-base mr-auto">
                                        Ajouter des pièces jointes
                                    </h2>



                                </div>

                                <select class="input w-full " name="id_typefichier">
                                    <option value="0">Séléctionner un type de fichier</option>
                                    @foreach ($typefichiers as $type_fichier)
                                        <option value="{{ $type_fichier->id }}">{{ $type_fichier->nom }}
                                        </option>
                                    @endforeach
                                </select><br>

                                <div class="p-5" id="multiple-file-upload">
                                    <div class="preview">
                                        <div class="fallback">
                                            <input type="file" name="file[]" multiple />
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <div class="w-full remarque hidden">
                                <label for="">Remarque</label>
                                <textarea name="remarque" class="w-full input border" placeholder="Remarque..."></textarea>
                            </div>
                            <div class="form-buttons-w">
                                <button class="button bg-theme-1 text-white mt-5" type="submit"> Enregistrer</button>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script type="text/javascript">
        $(document).ready(function() {
            $("#bord").attr('class', 'side-menu');
            $("#client").attr('class', 'side-menu side-menu--active');
            $('#propr').attr('class', 'side-menu side-menu');
        });
        if ($('.entr').is(":checked")) {
            var x = document.getElementById("divindividuel");
            x.style.display = "none";

            var x = document.getElementById("diventreprise");
            x.style.display = "block";

        }
        if ($('.cli').is(":checked")) {

            var x = document.getElementById("divindividuel");
            x.style.display = "block";

            var x = document.getElementById("diventreprise");
            x.style.display = "none";



        }

        $('.form-check-input-clienttype').change(function() {
            $('.remarque').show();
            if ($(this).val() == 1) {
                var x = document.getElementById("divindividuel");
                x.style.display = "block";

                var x = document.getElementById("diventreprise");
                x.style.display = "none";



            } else {

                var x = document.getElementById("divindividuel");
                x.style.display = "none";

                var x = document.getElementById("diventreprise");
                x.style.display = "block";

            }

            var pj = document.getElementById("piecejointes");
            pj.style.display = "block";


        });

        $('.form-check-input-etat').change(function() {
            if ($(this).val() == 'oui') {
                var x = document.getElementById("divconjoint");


                x.style.display = "block";

            } else {
                var x = document.getElementById("divconjoint");

                x.style.display = "none";

            }

        });

        $('.form-check-input-contrat').change(function() {
            if ($(this).val() == 'oui') {
                var x = document.getElementById("divcontrat");



                x.style.display = "block";

            } else {
                var x = document.getElementById("divcontrat");


                x.style.display = "none";

            }

        });
    </script>
    <script>
        $('.genre').change(function() {
            $('.genre_ar').val($(this).val());
        });
        $('.genre_ar').change(function() {
            $('.genre').val($(this).val());
        });
    </script>
@endsection