From fd139148549480e9f8e6d2ba39fe5ba7440a3a44 Mon Sep 17 00:00:00 2001
From: Bess1k <bmehmeti@gmail.com>
Date: Thu, 15 Jan 2026 10:51:57 +0100
Subject: [PATCH] Create inscription.php

---
 app/views/inscription.php | 184 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 184 insertions(+)
 create mode 100644 app/views/inscription.php
diff --git a/app/views/inscription.php b/app/views/inscription.php
new file mode 100644
index 0000000..a10b2d2
--- /dev/null
+++ b/app/views/inscription.php
@@ -0,0 +1,184 @@
+
+<head>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/styles.css">
+    <title>Connexion — Folliow</title>
+</head>
+<body>
+
+    <!-- Contenu principal de la page -->
+    <main class="container py-5">
+
+        <!-- Centrage horizontal du formulaire -->
+        <div class="row justify-content-center">
+        <div class="col-12 col-md-10 col-lg-6">
+
+            <!-- Carte contenant le formulaire d'inscription -->
+            <div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">
+
+            <!-- Titre principal de la page -->
+            <h1 class="h3 fw-bold mb-1">Inscription</h1>
+
+            <!-- Texte descriptif -->
+            <p class="text-secondary mb-4">
+                Créez votre compte utilisateur.
+            </p>
+
+            <!-- Formulaire d'inscription -->
+            <!-- Les données seront traitées côté serveur en PHP via la méthode POST -->
+            <form method="POST">
+
+                <div class="row g-3">
+
+                <!-- Champ : prénom de l'utilisateur -->
+                <div class="col-md-6">
+                    <label class="form-label" for="user_firstname">
+                        Prénom *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_firstname"
+                        name="user_firstname"
+                        required
+                    >
+                </div>
+
+                <!-- Champ : nom de l'utilisateur -->
+                <div class="col-md-6">
+                    <label class="form-label" for="user_name">
+                        Nom *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_name"
+                        name="user_name"
+                        required
+                    >
+                </div>
+
+                <!-- Champ : pseudo (identifiant public de l'utilisateur) -->
+                <div class="col-12">
+                    <label class="form-label" for="user_pseudo">
+                        Pseudo *
+                    </label>
+                    <div class="input-group">
+                        <span class="input-group-text">@</span>
+                        <input
+                            class="form-control"
+                            type="text"
+                            id="user_pseudo"
+                            name="user_pseudo"
+                            required
+                        >
+                    </div>
+                </div>
+
+                <!-- Champ : adresse e-mail -->
+                <div class="col-12">
+                    <label class="form-label" for="user_mail">
+                        Adresse e-mail *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="email"
+                        id="user_mail"
+                        name="user_mail"
+                        required
+                    >
+                </div>
+
+                <!-- Champ : mot de passe -->
+                <div class="col-12">
+                    <label class="form-label" for="user_password">
+                        Mot de passe *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="password"
+                        id="user_password"
+                        name="user_password"
+                        required
+                    >
+                </div>
+
+                <!-- Champ optionnel : numéro de téléphone -->
+                <div class="col-12">
+                    <label class="form-label" for="user_phone">
+                        Téléphone
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_phone"
+                        name="user_phone"
+                    >
+                </div>
+
+                <!-- Champ optionnel : profession de l'utilisateur -->
+                <div class="col-12">
+                    <label class="form-label" for="user_work">
+                        Profession
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_work"
+                        name="user_work"
+                    >
+                </div>
+
+                <!-- Champ optionnel : localisation de l'utilisateur -->
+                <div class="col-12">
+                    <label class="form-label" for="user_location">
+                        Localisation
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_location"
+                        name="user_location"
+                    >
+                </div>
+
+                <!-- Champ optionnel : phrase d'accroche / description courte -->
+                <div class="col-12">
+                    <label class="form-label" for="user_description">
+                        Phrase d'accroche
+                    </label>
+                    <textarea
+                        class="form-control"
+                        id="user_description"
+                        name="user_description"
+                        rows="3"
+                    ></textarea>
+                </div>
+
+                <!-- Bouton de soumission du formulaire -->
+                <div class="col-12 d-grid mt-2">
+                    <button type="submit" class="btn btn-primary btn-lg rounded-3">
+                        Créer mon compte
+                    </button>
+                </div>
+
+                <!-- Lien vers la page de connexion -->
+                <div class="col-12 text-center">
+                    <small class="text-secondary">
+                        Déjà un compte ?
+                        <a href="connexion.php">Se connecter</a>
+                    </small>
+                </div>
+
+                </div>
+            </form>
+
+            </div>
+
+        </div>
+        </div>
+    </main>
+
+</body>
+
+
