{{-- @csrf
<div class="col-md-12">
    <div class="firstRoundPhoto">

        <div id="PhotoZone"
            style="display:block; margin: 0 auto; border:1px dashed #64C5B1; width:95px; height:95px; border-radius:60px; margin-top:5px;">
            <img class="imgPhoto" src="" alt="">
            <input type="file" id="photo" accept="image/*" class="inputPhoto" name="photoPrestataire" hidden>

        </div>

        <div id="RemovePicture" style="display:none;background:green"
            class="animate animated animate__bounceIn cursor-pointer"> <i class="fa fa-times"
                style="postion:absolute;margin-left:10px;margin-top:8px;color:#fff"></i> </div>

    </div>
</div>
<div class="col-md-6">
    <label for="nom" class="FormLabel">Nom prestataire</label>
    <input type="text" class="form-control nomPrestataire" id="nom" name="nom" required>
    <div class="invalid-feedback">
        Nom du prestataire obligatoire
    </div>
</div>
<div class="col-md-6">
    <label for="prenom" class="FormLabel">Prénom(s) prestataire</label>
    <input type="text" class="form-control prenomPrestataire" id="prenom" name="prenom" required>
    <div class="invalid-feedback">
        Prénom du prestataire obligatoire
    </div>
</div>


<div class="col-md-4">
    <label for="numero" class="FormLabel">Téléphone mobile</label>
    <input type="text" class="form-control numeroPrestataire" id="numero"  name="numero" required>
    <div class="invalid-feedback">
        Téléphone mobile obligatoire
    </div>
</div>
<div class="col-md-4">
    <label for="SituationGeo" class="FormLabel">Situation géographique</label>
    <input type="text" class="form-control SituationGeoPrestataire" id="SituationGeo" name="SituationGeo">
</div>

<div class="col-md-4">
    <label for="mail" class="FormLabel">Email</label>
    <input type="text" class="form-control mail" id="mail" name="mail" required>
    <div class="invalid-feedback">
        Email obligatoire
    </div>
</div>

<div class="col-md-12">
    <input type="hidden" class="form-control InputHiddenphotoUrlPrestataire" value="0" name="InputHiddenphotoUrlPrestataire">
</div>

<div class="col-md-12">
    <input type="hidden" class="form-control InputHiddenIDPrestataire" value="0" name="InputHiddenIDPrestataire">
    

    
</div>
 --}}


@csrf

        <div class="row g-3">
                <div class="col-md-2">
                     <label for="" class="FormLabel">Matricule</label>
                    <input type="text" class="form-control matriculePrestataire" id="matriculePrestataire" name="matriculePrestataire" readonly>
                    <input type="hidden" class="form-control matriculeNumeriquePrestataire" id="matriculeNumeriquePrestataire" name="matriculeNumeriquePrestataire" readonly>
                </div>
                <div class="col-md-2">
                       <label for="CiviliteSelect" class="FormLabel">Civilité</label>
                        <select class="form-select CiviliteSelect" id="CiviliteSelect" name="Civilite" required>
                            <option selected disabled value="">Choisir...</option>
                        </select>
                    <div class="invalid-feedback">
                        Civilité obligatoire
                    </div>
                </div>

              <div class="col-md-3">
               <label for="nom" class="FormLabel">Nom</label>
                <input type="text" class="form-control nomPrestataire" id="nom" name="nom" required>
                <div class="invalid-feedback">
                    Nom obligatoire
                </div>

            </div>

            <div class="col-md-5">
                <label for="nom" class="FormLabel">Prénom(s)</label>
                <input type="text" class="form-control PrenomPrestataire" id="PrenomPrestataire" name="PrenomPrestataire" required>
                <div class="invalid-feedback">
                    Prénom obligatoire
                </div>
            </div>
           
          
        </div>
             <div class="row g-3">
            <div class="col-md-3">
                    <label for="" class="FormLabel">Pays</label>
                    <select class="form-select PaysSelectParticulier Pselect2X" id="PaysSelectParticulier" name="Pays" required>
                        <option selected disabled value="">Choisir...</option>

                    </select>
                    <div class="invalid-feedback">
                        Pays obligatoire
                </div>
            </div>

              <div class="col-md-3">
                 <label for="" class="FormLabel">Ville</label>
                    <select class="form-select VilleSelectParticulier Pselect2X" id="VilleSelectParticulier" name="Ville" required>
                        <option selected disabled value="">Choisir...</option>

                    </select>
                    <div class="invalid-feedback">
                        Ville obligatoire
                </div>
            </div>

            <div class="col-md-3">
                <label for="codePostal" class="FormLabel">Code postal</label>
                <input type="text" class="form-control prestataireCodePostal" id="codePostal" name="codePostal">
            </div>

            <div class="col-md-3">
                 <label for="AdressPostal" class="FormLabel">Adresse postale</label>
                <input type="text" class="form-control prestataireAdressePostal" id="AdressPostal" name="prestataireAdressePostal">
            </div>

          
        </div>

        <div class="row g-3">
            <div class="col-md-3">
                <label for="telephoneMobile" class="FormLabel">Téléphone mobile</label>
                <input type="text" class="form-control  prestatairetelephoneMobile" id="telephoneMobile" name="telephoneMobile" required>
                <div class="invalid-feedback">
                    Téléphone mobile obligatoire
                </div>
            </div>
            <div class="col-md-3">
                <label for="telephoneFix" class="FormLabel">Téléphone fixe</label>
                <input type="text" class="form-control prestatairetelephonefix" id="telephoneFix"
                    name="telephoneFix">
            </div>
            <div class="col-md-6">
                <label for="email" class="FormLabel">Email</label>
                <input type="text" class="form-control prestataireemail" id="email" name="email">

            </div>
        </div>

         <input type="hidden" class="form-control IDprestataireParticulier" value="0" id="IDprestataire" name="IDprestataireInputHidden">

        <div class="row g-3 mb-3">
            <div class="col-md-6">
                <label for="iban" class="FormLabel">IBAN</label>
                <input type="text" class="form-control prestataireIBAN" id="iban" name="iban">
                <div class="invalid-feedback">
                </div>
            </div>
            <div class="col-md-6">
                <label for="bic" class="FormLabel">BIC/SWIF</label>
                <input type="text" class="form-control prestataireBIC" id="bic" name="bic">
                <div class="invalid-feedback">
                </div>
            </div>
        </div><br>

       
        <div class="d-flex">
            <h5>::. Documents</h5>
            <div class="gradient-background1" style="width:90%;height:1px;margin-top:13px;margin-left:3px"></div>
        </div>
        <div class="row g-3 mt-2">
            <div class="col-md-3">
                <label for="iban" class="FormLabel">Type document</label>
                <select class="form-select TypepieceSelect" id="TypeDocument" name="TypeDocument">
                        <option selected style="color:gray" value="0">Choisir...</option>
                 </select>
                 <small class="text-danger" style="font-size:10x;" id="typefichierParticulierRequired"></small>
                 
                <input type="file" class="form-control"  id="fichierDocument" hidden>
            </div>
            <div class="col-md-3">
                <label for="bic" class="FormLabel">Référence document</label>
                <input type="text" class="form-control referenceDoc" id="referenceDoc" name="referenceDoc">
                <div class="invalid-feedback">
                </div>
            </div>

            <div class="col-md-4" style="margin-top:32px">
               <input type="text" class="form-control" id="nomFichierChoisirParticulier" value="Aucun fichier choisi..." readonly>
               <small class="text-danger" style="font-size:10x;" id="fichierParticulierRequired"></small>
            </div>

            <div class="col-md-2" style="margin-top:32px;">
            <div style="float:right" class="d-flex">
                
                <button  class="btn btn-danger rounded-pill animate__animated animate__wobble" id="btn-FichierDelete" style="display:none;margin-right:5px" title="Supprimer" type="button"><i data-feather="trash"></i></button>
                <button style="margin-right:5px" class="btn btn-warning rounded-pill" id="btn-ajoutFichier" title="Choisir un fichier" type="button"><i data-feather="file"></i></button>
                <button  type="button" class="btn btn-secondary rounded-pill" id="btn-AjoutBD"  title="Ajouter"><i data-feather="plus-circle"></i></button>
            </div>
             
            </div>
        </div>
            <br>
            <div class="table-responsive"></div>
        <table id="tableFormDocumentPrestataireParticulier" class="table table-bordered">
            <thead>
            <tr>
              <th>#</th>
              <th>Type document</th>
              <th>Référence document</th>
              <th>Document</th>
            </tr>
            </thead>
           
        </table>