<?php
require_once "_header.php";
?>
    <input type="hidden" value="1" id="numProjet" name="numProjet">
    <form action="" method="post" role="form">
        <p class="float-right" id="FM_infos"></p>
        <div class="form-row ">
            <div class="col-2">
                <label for="projet">Projet</label>
                <select class="custom-select form-control" id="projet" name="projet">
                    <option value="1" selected>One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                </select>
            </div>
            <div class="col-2">
                <label for="operateur">Opérateur</label>
                <select class="custom-select form-control" id="operateur" name="operateur">
                    <option value="1" selected>One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                </select>
            </div>
        </div>
        <br>
        <div class="form-row">
            <table class="table col-12 table-bordered">
                <thead class="thead-dark">
                <tr>
                    <th scope="col">Equipe</th>
                    <th scope="col">Mission</th>
                    <th scope="col">Véhicules à utiliser</th>
                    <th scope="col">Site description</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div class="form-group">
                            <label for="dtlead">DT Lead</label>
                            <input type="text" class="form-control" id="dtlead" name="dtlead">
                            <label for="dt">DT</label>
                            <select class="custom-select form-control" id="dt" name="dt">
                                <option value="1" selected>One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                            </select>
                            <label for="driver">Driver</label>
                            <select class="custom-select form-control" id="driver" name="driver">
                                <option value="1" selected>One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                            </select>
                        </div>
                    </td>
                    <td>
                        <label>durée prévue</label>
                        <div class="row">
                            <div class="form-group col-6">
                                <label for="datedebut">Du</label>
                                <input type="date" class="form-control" id="datedebut1" name="datedebut1">
                                <label for="heuredebut">à</label>
                                <input type="time" class="form-control" id="heuredebut1" name="heuredebut1">
                            </div>
                            <div class="form-group col-6">
                                <label for="datefin">Au</label>
                                <input type="date" class="form-control" id="datefin1" name="datefin1">
                                <label for="heurefin">à</label>
                                <input type="time" class="form-control" id="heurefin1" name="heurefin1">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-6">
                                <label for="datedebut2">Du</label>
                                <input type="date" class="form-control" id="datedebut2" name="datedebut2">
                                <label for="heuredebut2">à</label>
                                <input type="time" class="form-control" id="heuredebut2" name="heuredebut2">
                            </div>
                            <div class="form-group col-6">
                                <label for="datefin2">Au</label>
                                <input type="date" class="form-control" id="datefin2" name="datefin2">
                                <label for="heurefin2">à</label>
                                <input type="time" class="form-control" id="heurefin2" name="heurefin2">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="row">
                            <div class="form-group col-md-4 offset-md-2">
                                <b>Véhicule 1</b>
                                <br>
                                <label for="nature">Nature</label>
                                <select class="custom-select form-control" id="nature" name="nature">
                                    <option value="1" selected>One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                                <label for="type">Type</label>
                                <select class="custom-select form-control" id="type" name="type">
                                    <option value="1" selected>One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                                <label for="matricule">Matricule</label>
                                <input type="text" class="form-control" id="matricule" name="matricule">
                                <label for="kmavant">Kmavant</label>
                                <input type="text" class="form-control" id="kmavant" name="kmavant">
                            </div>
                            <div class="form-group col-md-4 offset-md-2">
                                <b>Véhicule 2</b>
                                <br>
                                <label for="nature">Nature</label>
                                <select class="custom-select form-control" id="nature" name="nature">
                                    <option value="1" selected>One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                                <label for="type">Type</label>
                                <select class="custom-select form-control" id="type" name="type">
                                    <option value="1" selected>One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                                <label for="matricule">Matricule</label>
                                <input type="text" class="form-control" id="matricule" name="matricule">
                                <label for="kmavant">Kmavant</label>
                                <input type="text" class="form-control" id="kmavant" name="kmavant">
                            </div>
                        </div>
                    </td>
                    <td>
                        <table class="table table-bordered">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">Région</th>
                                <th scope="col">Cluster Name</th>
                                <th scope="col">Site Name</th>
                                <th scope="col">Nbre Visites</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="description">
                                <td><input type="text" class="form-control" id="region1" name="region1"></td>
                                <td><input type="text" class="form-control" id="clustername1" name="clustername1"></td>
                                <td><input type="text" class="form-control" id="sitename1" name="sitename1"></td>
                                <td><input type="text" class="form-control" id="nbrevisites1" name="nbrevisites1"></td>
                            </tr>
                            <tr class="description">
                                <td><input type="text" class="form-control" id="region2" name="region2"></td>
                                <td><input type="text" class="form-control" id="clustername2" name="clustername2"></td>
                                <td><input type="text" class="form-control" id="sitename2" name="sitename2"></td>
                                <td><input type="text" class="form-control" id="nbrevisites2" name="nbrevisites2"></td>
                            </tr>
                            <tr class="description">
                                <td><input type="text" class="form-control" id="region3" name="region3"></td>
                                <td><input type="text" class="form-control" id="clustername3" name="clustername3"></td>
                                <td><input type="text" class="form-control" id="sitename3" name="sitename3"></td>
                                <td><input type="text" class="form-control" id="nbrevisites3" name="nbrevisites3"></td>
                            </tr>
                            </tbody>
                        </table>
                        <button type="button" class="btn btn-secondary btn-lg btn-block add">add a Line</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div>
            <table class="table table-bordered">
                <thead class="thead-dark">
                <tr>
                    <th scope="col" class="text-center">Frais Previsionnels</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <table class="table">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">Carburant</th>
                                <th scope="col">Péage Autoroute</th>
                                <th scope="col">Repas</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Coût</th>
                                            <th scope="col">Paiement</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="carburant">
                                            <td><input type="text" class="form-control" id="cout_carburant1"
                                                       name="cout_carburant1"></td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_carburant1"
                                                        name="paiement_carburant1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="carburant">
                                            <td><input type="text" class="form-control" id="cout_carburant2"
                                                       name="cout_carburant2"></td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_carburant2"
                                                        name="paiement_carburant2">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="carburant">
                                            <td><input type="text" class="form-control" id="cout_carburant3"
                                                       name="cout_carburant3"></td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_carburant3"
                                                        name="paiement_carburant3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Coût</th>
                                            <th scope="col">Paiement</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="peage">
                                            <td><input type="text" class="form-control" id="cout_peage1"
                                                       name="cout_peage1">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="payement_peage1"
                                                        name="payement_peage1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="peage">
                                            <td><input type="text" class="form-control" id="cout_peage2"
                                                       name="cout_peage2">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="payement_peage2"
                                                        name="payement_peage2">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="peage">
                                            <td><input type="text" class="form-control" id="cout_peage3"
                                                       name="cout_peage3">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="payement_peage3"
                                                        name="payement_peage3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Nature</th>
                                            <th scope="col">Nbre P</th>
                                            <th scope="col">Nbre J</th>
                                            <th scope="col">Coût</th>
                                            <th scope="col">Paiement</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="repas">
                                            <td>
                                                <select class="custom-select form-control" id="nature1" name="nature1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_p_repas1"
                                                       name="nb_p_repas1">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_repas1"
                                                       name="nb_j_repas1">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_repas1"
                                                       name="cout_repas1">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_repas1"
                                                        name="paiement_repas1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="repas">
                                            <td>
                                                <select class="custom-select form-control" id="nature2" name="nature2">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_p_repas2"
                                                       name="nb_p_repas2">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_repas2"
                                                       name="nb_j_repas2">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_repas2"
                                                       name="cout_repas2">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_repas2"
                                                        name="paiement_repas2">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="repas">
                                            <td>
                                                <select class="custom-select form-control" id="nature3" name="nature3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_p_repas3"
                                                       name="nb_p_repas3">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_repas3"
                                                       name="nb_j_repas3">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_repas3"
                                                       name="cout_repas3">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="paiement_repas3"
                                                        name="paiement_repas3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <button type="button" class="btn btn-secondary btn-lg btn-block add">add a Line</button>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class="table table-bordered">
                <thead class="thead-dark">
                <tr>
                    <th scope="col" class="text-center">Frais Previsionnels</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <table class="table">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">Hôtel</th>
                                <th scope="col">Autres Frais</th>
                                <th scope="col">Total</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Nbre P</th>
                                            <th scope="col">Nbre J</th>
                                            <th scope="col">PU</th>
                                            <th scope="col">Coût</th>
                                            <th scope="col">Paiement</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="hotel">
                                            <td><input type="text" class="form-control" id="nb_p_hotel1"
                                                       name="nb_p_hotel1">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_hotel1"
                                                       name="nb_j_hotel1">
                                            </td>
                                            <td><input type="text" class="form-control" id="pu1" name="pu1">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_hotel1"
                                                       name="cout_hotel1">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="Paiement_hotel1"
                                                        name="Paiement_hotel1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="hotel">
                                            <td><input type="text" class="form-control" id="nb_p_hotel2"
                                                       name="nb_p_hotel2">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_hotel2"
                                                       name="nb_j_hotel2">
                                            </td>
                                            <td><input type="text" class="form-control" id="pu2" name="pu2">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_hotel2"
                                                       name="cout_hotel2">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="Paiement_hotel2"
                                                        name="Paiement_hotel2">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="hotel">
                                            <td><input type="text" class="form-control" id="nb_p_hotel3"
                                                       name="nb_p_hotel3">
                                            </td>
                                            <td><input type="text" class="form-control" id="nb_j_hotel3"
                                                       name="nb_j_hotel3">
                                            </td>
                                            <td><input type="text" class="form-control" id="pu3" name="pu3">
                                            </td>
                                            <td><input type="text" class="form-control" id="cout_hotel3"
                                                       name="cout_hotel3">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="Paiement_hotel3"
                                                        name="Paiement_hotel3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Coût</th>
                                            <th scope="col">Description</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="autres">
                                            <td>
                                                <input type="text" class="form-control" id="cout_autres1"
                                                       name="cout_autres_1">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="description_autres1"
                                                        name="description_autres1">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="autres">
                                            <td>
                                                <input type="text" class="form-control" id="cout_autres2"
                                                       name="cout_autres2">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="desciption_autres3"
                                                        name="desciption_autres3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr class="autres">
                                            <td><input type="text" class="form-control" id="cout_autres3"
                                                       name="cout_autres3">
                                            </td>
                                            <td>
                                                <select class="custom-select form-control" id="desciption_autres3"
                                                        name="desciption_autres3">
                                                    <option value="1" selected>One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table class="table">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>=</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="total">
                                            <td>
                                                <input type="text" class="form-control" id="total1" name="total1">
                                            </td>
                                        </tr>
                                        <tr class="total">
                                            <td>
                                                <input type="text" class="form-control" id="total2" name="total2">
                                            </td>
                                        </tr>
                                        <tr class="total">
                                            <td>
                                                <input type="text" class="form-control" id="total3" name="total3">
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                            <tr>
                                <td colspan="2">
                                    <button type="button" class="btn btn-secondary btn-lg btn-block add">add a Line</button>
                                </td>
                                <td>
                                    <table class="table">
                                        <tbody>
                                        <tr>
                                            <th scope="row">Total en espèces</th>
                                            <td><input type="text" class="form-control" id="total3" name="total"></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Montant Avancé</th>
                                            <td><input type="text" class="form-control" id="montant_avance"
                                                       name="montant_avance">
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            </td>
                            </tr>
                            </tbody>
                        </table>
                </tbody>
            </table>

        </div>
        <br>
        <input type="hidden" name="token" value="<?php echo Token::generate(); ?>">
        <button type="submit" class="btn btn-primary  btn-lg btn-block">Create</button>
    </form>
<?php
require_once('_footer.php');
?>