From b4d746e6e016e1ecdb2155fbb431f20e7d7d68db Mon Sep 17 00:00:00 2001
From: Jean-Daniel Lamontagne <defendyourcastle@hotmail.fr>
Date: Tue, 1 Nov 2022 09:33:15 -0400
Subject: [PATCH] Formulaire commande front

---
 .../grosses-mitaines-ui/src/components/App.js |  2 +
 .../src/pages/FormulaireComande.js            | 41 +++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 GrossesMitaines/grosses-mitaines-ui/src/pages/FormulaireComande.js

diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
index 11de21f..4bc62bd 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
@@ -10,6 +10,7 @@ import Inventaire from "../pages/Inventaire";
 import Login from "../pages/Login";
 import Logout from "../pages/Logout";
 import Register from "../pages/Register";
+import Formulaire from "../pages/Formulaire";
 const App = () => {
   return (
     <BrowserRouter>
@@ -25,6 +26,7 @@ const App = () => {
           <Route path="login" element={<Login/>}/>
           <Route path="logout" element={<Logout/>}/>
           <Route path="register" element={<Register/>}/>
+          <Route path="formulaire" element={<Formulaire/>}/>
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/FormulaireComande.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/FormulaireComande.js
new file mode 100644
index 0000000..9f100ad
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/FormulaireComande.js
@@ -0,0 +1,41 @@
+import { useState } from "react";
+import { Button } from "react-bootstrap";
+
+const Formulaire = () => {
+
+    return (
+        <div className="inventaire-form-container">
+            <form className="form-horizontal" onSubmit={handleLogin}>
+                <h4 className="text-center">Nouvel utilisateur</h4>
+                <div className="form-group">
+                    <label>Prénom: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre prénom..."/>
+                </div>
+                <div className="form-group">
+                    <label>Nom: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre Nom..."/>
+                </div>
+                <div className="form-group">
+                    <label>Numéro de téléphone: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre numéro de téléphone..."/>
+                </div>
+                <div className="form-group">
+                    <label>Adresse civique: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre adresse..."/>
+                </div>
+                <div className="form-group">
+                    <label>Adresse courriel: </label>
+                    <input type='text' className="form-control form-input"
+                        placeholder="Votre adresse courrirel..."/>
+                </div>
+                <Button className="btn-primary btn-ajouter-morceau" type="submit" >Confirmer</Button>
+            </form>
+        </div>
+    )
+}
+
+export default Formulaire;
\ No newline at end of file