<center>
    <h1>Nouvelle Fiche de frais</h1>
    <br>
    <p>Mois de Novembre 2023</p>
</center>
<br>
<!-- 
    Liste des frais forfaitaires
 -->
<h3 class="fw-bold offset-1">Frais forfaitaires</h3>
<div class="col-11 d-flex mx-auto my-3">
    <table class="table table-striped-columns align-middle">
        <thead class="table-dark">
            <tr>
                <th scope="col">Intitulé</th>
                <th scope="col">Quantité</th>
                <th scope="col">Montant</th>
                <th scope="col">Total</th>
            </tr>
        </thead>
        <tbody class="table-group-divider border-secondary-subtle">
            <?php
            foreach ($typesFraisForfaitaires as $key => $value):
                ?>
                <tr>
                    <th scope="row">
                        <?= $value['fLibelle'] ?>
                    </th>
                    <td><input type="text" name="fraisForfait-<?= $value['fId'] ?>" class="form-control"></td>
                    <td>
                        <?= $value['fMontant'] ?> €
                    </td>
                    <td>0€</td>
                </tr>

                <?php
            endforeach;
            ?>

        </tbody>
    </table>
</div>
<span class="border-3 border-bottom border-black col-10 mx-auto my-5 d-flex"></span>

<!-- 
    Listes des frais Hors Forfaits
 -->
<h3 class="fw-bold offset-1">Hors forfait</h3>
<div class="col-11 d-flex mx-auto my-3">
    <table class="table table-striped-columns align-middle">
        <thead class="table-dark">
            <tr>
                <th>Date</th>
                <th>Libelle</th>
                <th>Montant</th>
                <th>Justificatif</th>
                <th>Valider</th>
            </tr>
        </thead>
        <tbody class="table-group-divider border-secondary-subtle">
            <tr>
                <td scope="row">23/12/2023</td>
                <td>Salle de réunion</td>
                <td>130 €</td>
                <td>facture.pdf</td>
                <td><button type="button" class="btn btn-outline-primary">Supprimer</button></td>
            </tr>
            <tr>
                <td scope="row"><input class="form-control" type="date"></td>
                <td><input type="text" class="form-control" placeholder="saisir un titre"></td>
                <td><input type="text" class="form-control" placeholder="Saisir un Montant"></td>
                <td><input type="file" class="form-control"></td>
                <td><button type="button" class="btn btn-outline-primary">Valider</button></td>
            </tr>
        </tbody>
    </table>
</div>
<span class="border-3 border-bottom border-black col-10 mx-auto my-5 d-flex"></span>

<h3 class="fw-bold offset-1">Commentaire (facultatif)</h3>

<div class="col-8 d-flex mx-auto">
    <textarea name="commentaireFiche" id="commentaireFiche" class="form-control border-black"></textarea>
</div>
<div class="col-3 d-flex mx-auto my-5 justify-content-center">
    <button type="button" class="btn btn-outline-primary">Envoyer la Fiche</button>
</div>