From ce94d71198d52db573c4909a5b367a9a2e9f5b84 Mon Sep 17 00:00:00 2001
From: Pierr0 <pierrerenaudot21@gmail.com>
Date: Tue, 19 Dec 2023 22:54:21 +0100
Subject: [PATCH] finission page Nouvelle Fiche

---
 vues/v_newFiche.php | 54 ++++++++++++++++++++++++++++-----------------
 1 file changed, 34 insertions(+), 20 deletions(-)

diff --git a/vues/v_newFiche.php b/vues/v_newFiche.php
index 4c64732..d79938b 100644
--- a/vues/v_newFiche.php
+++ b/vues/v_newFiche.php
@@ -1,11 +1,13 @@
-<h1>Nouvelle Fiche de frais</h1>
+<center>
+    <h1>Nouvelle Fiche de frais</h1>
+    <br>
+    <p>Mois de Novembre 2023</p>
+</center>
 <br>
-<p>Mois de Novembre 2023</p>
-<br>
-<p>Fais forfaitaire</p>
-<div class="col-11 d-flex mx-auto">
-    <table class="table table-striped">
-        <thead>
+<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>
@@ -13,20 +15,22 @@
                 <th scope="col">Total</th>
             </tr>
         </thead>
-        <tbody>
+        <tbody class="table-group-divider border-secondary-subtle">
             <tr>
                 <th scope="row">Hotel</th>
-                <td><input type="text"></td>
+                <td><input type="text" class="form-control"></td>
                 <td>20 €</td>
                 <td>400€</td>
             </tr>
         </tbody>
     </table>
 </div>
-<p>Hors Forfait</p>
-<div class="col-11 d-flex mx-auto">
-    <table class="table table-striped">
-        <thead>
+<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>
@@ -35,21 +39,31 @@
                 <th>Valider</th>
             </tr>
         </thead>
-        <tbody>
+        <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>Supprimer</button></td>
+                <td><button type="button" class="btn btn-outline-primary">Supprimer</button></td>
             </tr>
             <tr>
-                <td scope="row"><input type="date"></td>
-                <td><input type="text" placeholder="saisir un titre"></td>
-                <td><input type="text" placeholder="Saisir un Montant"></td>
-                <td><input type="file"></td>
-                <td><button>Valider</button></td>
+                <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>
\ No newline at end of file