projet_php/app/views/connexion.php

<!-- Contenu principal de la page -->
<main class="container py-5">

    <!-- Centrage horizontal du formulaire -->
    <div class="row justify-content-center">
    <!-- 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-8 col-lg-5">

            <!-- Carte contenant le formulaire de connexion -->
            <div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">

            <!-- Titre principal -->
            <h1 class="h3 fw-bold mb-1">Connexion</h1>

            <!-- Texte descriptif -->
            <p class="text-secondary mb-4">
                Connectez-vous à votre compte.
            </p>

            <!-- Formulaire de connexion -->
            <!-- Le traitement sera effectué en PHP via la méthode POST -->
            <form method="POST">

                <div class="row g-3">

                <!-- Champ : adresse e-mail de l'utilisateur -->
                <div class="col-12">
                    <label for="user_mail" class="form-label">
                        Adresse e-mail
                    </label>
                    <input
                        type="email"
                        class="form-control"
                        id="user_mail"
                        name="user_mail"
                        required
                       
                    >
                </div>

                <!-- Champ : mot de passe -->
                <div class="col-12">
                    <label for="user_password" class="form-label">
                        Mot de passe
                    </label>
                    <input
                        type="password"
                        class="form-control"
                        id="user_password"
                        name="user_password"
                        required
                      
                    >
                </div>

                <!-- Option "Se souvenir de moi" (fonctionnalité optionnelle côté PHP) -->
                <div class="col-12">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="remember_me" name="remember_me">
                        <label class="form-check-label" for="remember_me">
                            Se souvenir de moi
                        </label>
                    </div>
                </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">
                        Se connecter
                    </button>
                </div>

                <!-- Lien vers la page d'inscription -->
                <div class="col-12 text-center">
                    <small class="text-secondary">
                        Pas encore de compte ?
                        <a href="inscription.php" class="link-primary">Créer un compte</a>
                    </small>
                </div>

                <!-- Lien pour la récupération du mot de passe -->
                <div class="col-12 text-center">
                    <small>
                        <a href="#" class="link-primary">
                            Mot de passe oublié ?
                        </a>
                    </small>
                </div>

                </div>
            </form>

            </div>

        </div>
        </div>
    </main>
                <h1 class="h3 fw-bold mb-1">Connexion</h1>

                <p class="text-secondary mb-4">
                    Connectez-vous à votre compte.
                </p>

                <?php
                // Affichage des erreurs (validation côté serveur)
                if (!empty($arrError)) { ?>
                    <div class="alert alert-danger" role="alert">
                        <?php foreach ($arrError as $strError) { ?>
                            <p class="mb-0"><?php echo htmlspecialchars($strError); ?></p>
                        <?php } ?>
                    </div>
                <?php } ?>

                <!-- Formulaire de connexion -->
                <form method="POST" action="index.php?ctrl=user&action=login">

                    <div class="row g-3">

                        <!-- Champ : adresse e-mail -->
                        <div class="col-12">
                            <label for="mail" class="form-label">
                                Adresse e-mail
                            </label>
                            <input
                                type="email"
                                class="form-control <?php if (isset($arrError['mail'])) { echo 'is-invalid'; } ?>"
                                id="mail"
                                name="mail"
                                value="<?php echo htmlspecialchars($strMail ?? ''); ?>"
                            >
                        </div>

                        <!-- Champ : mot de passe -->
                        <div class="col-12">
                            <label for="pwd" class="form-label">
                                Mot de passe
                            </label>
                            <input
                                type="password"
                                class="form-control <?php if (isset($arrError['pwd'])) { echo 'is-invalid'; } ?>"
                                id="pwd"
                                name="pwd"
                            >
                        </div>

                        <!-- Option "Se souvenir de moi"  -->
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="remember_me" name="remember_me">
                                <label class="form-check-label" for="remember_me">
                                    Se souvenir de moi
                                </label>
                            </div>
                        </div>

                        <!-- Bouton -->
                        <div class="col-12 d-grid mt-2">
                            <button type="submit" class="btn btn-primary btn-lg rounded-3">
                                Se connecter
                            </button>
                        </div>

                        <!-- Liens -->
                        <div class="col-12 text-center">
                            <small class="text-secondary">
                                Pas encore de compte ?
                                <a href="index.php?ctrl=user&action=signin" class="link-primary">Créer un compte</a>
                            </small>
                        </div>

                        <div class="col-12 text-center">
                            <small>
                                <a href="#" class="link-primary">
                                    Mot de passe oublié ?
                                </a>
                            </small>
                        </div>

                    </div>
                </form>

            </div>
        </div>
    </div>

</main>