<center>
    <h1>Nouvelle Fiche de frais</h1>
    <br>
    <p>Mois de Novembre 2023</p>
</center>
<br>
<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">
            <tr>
                <th scope="row">Hotel</th>
                <td><input type="text" class="form-control"></td>
                <td>20 €</td>
                <td>400€</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">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>