<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Balises META-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Angel XP">
<meta name="copyright" content="Angel XP ">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="expires" content="Never">
<meta name="description" content="Template gratuite">
<meta name="keywords" content="Template, gratuite, site, web">

<!-- Titre-->
<title>Restaurant Skyblue Classe Template gratuite</title>

<!-- Fichier CSS-->
<link rel="stylesheet" href="css/style.css">

<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="img/favicon.png" />

<!-- Fonts-->
<link href="fonts.googleapis.com" rel="stylesheet">

<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />

</head>

<body>




<section style="text-align: center; padding-top: 70px;">
<h2>Résevation ou message</h2>
<p>

Vous pouvez réservez une table via ce formulaire en indiquant l'heure et le nombres de personnes.<br>
Ou<br>
Laissez-nous un message.</p>

<!-- Message de confirmation/erreur (sera affiché si le fichier PHP renvoie un paramètre GET) -->
    <?php if(isset($_GET['status']) && $_GET['status'] == 'success'): ?>
        <p style="color: green;">Votre message a été envoyé avec succès !</p>
    <?php elseif(isset($_GET['status']) && $_GET['status'] == 'error'): ?>
        <p style="color: red;">Une erreur est survenue. Veuillez réessayer.</p>
    <?php endif; ?>
    <form action="traitement.php" method="POST">
        <div class="main-menu">
        <div>
        <label for="name"><font color="white">Nom :</font></label><br>
            <input type="text" id="name" name="name" required>
        </div>
        <br>
        <div>
            <label for="phone"><font color="white">Téléphone :</font></label><br>
            <input type="tel" id="phone" name="phone" required>
        </div>
        <br>
        <div>
            <label for="email"><font color="white">Email :</font></label><br>
            <input type="email" id="email" name="email" required>
        </div>
        <br>
        <div>
            <label for="message"><font color="white">Commentaire :</font></label><br>
            <textarea id="message" name="message" rows="5" required></textarea>
        </div>
       
<br>
        <button class="btn" type="submit">Envoyer</button>
    </form>
</p>
<br>
<a href="index.html" class="btn">Retour</font></a>

   <br><br><br>    
</section>


</body>
</html>
