@csrf
<div class="row g-3">

    <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Reférence Automatique</label>
        <input class="form-control  ReferenceReglementPrestataire" id="ReferenceReglementPrestataire" name="ReferenceReglementPrestataire" type="text" readonly />
        <input  class="form-control ReferenceReglementNumeriquePrestataire" id="ReferenceReglementNumeriquePrestataire" name="ReferenceReglementNumeriquePrestataire" type="hidden" readonly />
    </div>

    <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Reférence Externe</label>
        <input  class="form-control ReferenceReglementExternePrestataire" id="ReferenceReglementExternePrestataire" name="ReferenceReglementExternePrestataire" type="text" />
           
    </div>

    <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Date de règlement</label>
        <input value="04/10/2026" class="form-control datetimepicker dateReglement" name="dateReglement"
            id="datepicker" type="text" placeholder="dd/mm/yyyy"
            data-options='{"disableMobile":true,"dateFormat":"d/m/Y"}' required="required" />
        <div class="invalid-dateDeb">
        </div>
    </div>
    <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Prestataire</label>
        <select class="form-select PrestataireSelects Pselect2X" id="PrestataireSelect" name="prestataire" required>
            <option selected disabled value="">Choisir...</option>
        </select>
        <div class="invalid-feedback">
            Prestataire obligatoire
        </div>
    </div>

    <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Mode de règlement</label>
        <select class="form-select ModeReglementSelect" id="ModeReglementSelect" name="ModeReglement" required>
            <option selected disabled value="">Choisir...</option>
        </select>
        <input type="hidden" class="form-control VerifyChequeChoose" id="VerifyChequeChoose" name="VerifyChequeChoose">
        <div class="invalid-feedback">
            Mode de règlementre obligatoire
        </div>
    </div>

        <div class="col-md-4 col-lg-4 col-sm-4 col-xl-4">
        <label class="FormLabel">Montant règlement</label>
        <input type="text" min="0" class="form-control montantReglement" id="montantReglement" name="montantReglement" required>
        <div class="invalid-feedback">
            Montant obligatoire
        </div>
    </div>

    <input type="hidden" value="0" class="form-control IDreglementprestataire" id="IDreglementprestataire" name="IDreglementprestataire">

        <div id="chequeComposant" class="chequeComposant" style="display:none">
            <div class="row g-3">
            
                <div class="col-md-12 col-sm-6 col-lg-6 col-xl-6">
                        <label class="FormLabel">Numéro de chèque</label>
                        <input type="text" id="NumeroCheque" name="NumeroCheque" class="form-control NumeroCheque">
                </div>

                <div class="col-md-12 col-sm-6 col-lg-6 col-xl-6">
                        <label class="FormLabel">Banque</label>
                        <select class="form-select NomBanque" id="NomBanque" name="NomBanque" >
                            <option selected disabled value="">Choisir...</option>
                        </select>
                </div>
            </div>
        </div>

    <div class="">
        <label for="" class="FormLabel">Observation</label>
        <textarea class="form-control ObservationReglement" id="ObservationReglement" name="ObservationReglement" id="" rows="3"></textarea>
    </div>


        <div class="row g-3">
            <div class="col-md-3">
                <label for="iban" class="FormLabel">Type document</label>
                <select class="form-select TypepieceSelect TypeDocumentSelect" id="DocumentSelect" required>
                        <option selected style="color:gray" value="0">Choisir...</option>
                 </select>
                  <small class="text-danger" style="font-size:10x;" id="typefichierRequired"></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">
                <div class="invalid-feedback">
                </div>
            </div>

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

            <div class="col-md-2" style="margin-top:30px;">
            <div style="float:right" class="d-flex">     
                <button  class="btn btn-danger rounded-pill animate__animated animate__wobble" id="btn-FichierDeletePrestataire" 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-ajoutFichierPrestataire" title="Choisir un fichier" type="button"><i data-feather="file"></i></button>
                <button  type="button" class="btn btn-secondary rounded-pill" id="btn-AjouterDocumentsPrestataire"  title="Ajouter"><i data-feather="plus-circle"></i></button>
            </div>
             
            </div>
        </div>

         <div class="table-responsive">
            <table id="FormTableDocumentTablereglementPrestataire" class="table table-bordered mt-4">
                <thead>
                <tr>
                <th>#</th>
                <th>Type document</th>
                <th>Référence document</th>
                <th>Document</th>
                </tr>
                </thead>
            </table> 
       </div> 



     {{-- <div class="col-md-12">
            <input type="file" class="filepond" name="media[]" data-BienAddFille="FichierAjoutDeBien" multiple data-allow-reorder="true"
                data-max-file-size="3MB" data-max-files="3">
        </div> --}}

</div>