<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contactez-nous</title>
    <link rel="stylesheet" href="../styles/style.css">
</head>

<body>
    <header style="position: relative; background-color: #194e05;">
        <img src="/images/logo2.png" alt="Dynasty 8" class="logo">
        <nav class="menu">
            <ul>
                <li><a href="../index.html">Accueil</a></li>
                <li><a href="https://discord.gg/WmtuHAxbVU">Intranet</a></li>
                <li><a href="./contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section id="contact-section">
            <h1 style="text-align: center;">Contactez-nous</h1>

            <div id="message-sent" style="display: none; text-align: center;">
                <p>Votre message a été envoyé avec succès !</p>
            </div>

            <form id="contact-form">
                <label for="name">Nom :</label>
                <input type="text" id="name" name="name" required>

                <label for="name">Nom Discord :</label>
                <input type="text" id="email" name="email" required>

                <label for="name">Numéro de Téléphone :</label>
                <input type="tel" maxlength="8" id="phone" name="phone" autocomplete="off" required>

                <label for="message">Message :</label>
                <textarea id="message" name="message" rows="4" required></textarea>

                
                <label for="appointment-date">Date et Heure du Rendez-vous :</label>
                <input type="datetime-local" id="appointment-date" name="appointment-date" required>

                
                <label for="budget">Budget (en dollars) :</label>
                <input type="number" id="budget" name="budget" min="0" step="0.01" required>

                <button type="submit">Envoyer</button>
            </form>

            
            <div id="timer" style="color: red;text-align: center; margin-top: 30px;"></div>
        </section>
    </main>

    <footer>
        &copy; 2024 Dynasty 8 - Tous droits réservés. | Made with ❤️ by <a href="https://github.com/MandoDB" style="color:white;">MandoDB</a>
        <br>
        <span style="font-size: 0.9rem;">Ce site est la propriété exclusive de <a href="https://discord.gg/CHqxghp5Q7" style="color:white;">Melissya</a>, et de <a href="https://github.com/MandoDB" style="color:white;">MandoDB</a>. Toutes utilisation du code source est fortuite.</span>
    </footer>

    <script src="../js/contact.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>