@csrf

<div class="row g-2">

    <div class="col-md-12 col-lg-3 col-xl-3 ">

        <label for="datereevaluation" class="FormLabel">Référence</label>
        <input type="text" class="form-control refTravaux" id="refTravaux" name="refTravaux">
        <input type="hidden"  class="form-control refTravauxNumerique" id="refTravauxNumerique" name="refTravauxNumerique">
    
    </div>

    <div class="col-md-12 col-lg-3 col-xl-3 ">

        <label for="datereevaluation" class="FormLabel">Date début</label>
        <input value="04/10/2026" class="form-control datetimepicker dateDebutTravaux" name="dateDebutTravaux" id="datepicker" type="text" placeholder="dd/mm/yyyy" data-options='{"disableMobile":true,"dateFormat":"d/m/Y"}'/>
        <div class="invalid-dateDeb">
        </div>

    </div>

    <div class="col-md-12 col-lg-3 col-xl-3 ">

        <label for="datereevaluation" class="FormLabel">Date fin</label>
        <input value="04/10/2026" class="form-control datetimepicker dateFinTravaux" name="dateFinTravaux" id="datepicker" type="text" placeholder="dd/mm/yyyy" data-options='{"disableMobile":true,"dateFormat":"d/m/Y"}'/>
        <div class="invalid-dateDeb">
        </div>

    </div>

    <div class="col-md-12 col-lg-3 col-xl-3 ">

        <label for="datereevaluation" class="FormLabel">Titre</label>
        <input type="text" class="form-control" id="TitreTravaux" name="TitreTravaux" required>
        <div class="invalid-feedback">
        Titre de travaux obligatoire
        </div>

    </div>

</div>


<div class="row g-2">

    <div class="col-md-12 col-sm-3 col-lg-3 col-xl-3">

        <label for="" class="FormLabel">Type travaux</label>
        <select class="form-select TypeTravauxSelect" id="TypeTravauxSelect" name="TypeTravaux" required>
            <option selected disabled value="">Choisir...</option>
        </select>
        <div class="invalid-feedback">
            Type de travaux obligatoire
        </div>
            
    </div>

    <div class="col-md-12 col-sm-3 col-lg-3 col-xl-3">

        <label for="" class="FormLabel">Prestataire</label>
        <select class="form-select PrestataireSelect" id="PrestataireSelect" name="Prestataire" >
            <option selected disabled value="">Choisir...</option>
        </select>
        <div class="invalid-feedback">
            
        </div>
            
    </div>

     <div class="col-md-12 col-sm-3 col-lg-3 col-xl-3">

        <label for="" class="FormLabel">Statut</label>
        <select class="form-select StatutTravaux" id="StatutTravaux" name="StatutTravaux" >
            <option selected value="1">En cours</option>
            <option  value="2">Suspendre</option>
            <option  value="3">Terminer</option>
        </select>
        <div class="invalid-feedback">
            
        </div>
            
    </div>

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

    <div class="col-md-12 col-sm-3 col-lg-3 col-xl-3">

        <label for="" class="FormLabel">Montant</label>
        <input type="text" id="montantTravaux"  name="montantTravaux" class="form-control">
        <div class="invalid-feedback">
            
        </div>
            
    </div>

    <div class="col-md-12 col-sm-12 col-lg-12 col-xl-12">
    
        <label for="" class="FormLabel">Observation</label>
        <textarea type="text" id="observationTravaux"  name="observationTravaux" class="form-control"></textarea>
        <div class="invalid-feedback">
            
        </div>
            
    </div>

</div>