<!DOCTYPE html>
<html lang="en">
<head>
    <title>Admin</title>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!-- CSS -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
      crossorigin="anonymous"
    />
</head>

<body class="m-3">
    <div>
        <a class="btn btn-primary m-3" href="index.php?action=goToAdmin" role="button">Retour</a>
        <h1 class="text-center">Ajouter un énigme</h1>
    </div>
    <form action="index.php?action=addNewEnigmeSolo" method="POST">
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Nom</label>
                <textarea class="form-control" name="nom" id="nom" rows="3" required></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Enigme</label>
                <textarea class="form-control" name="enigme" id="enigme" rows="3" required></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Rappel</label>
                <textarea class="form-control" name="rappel" id="rappel" rows="3"></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Aide</label>
                <textarea class="form-control" name="aide" id="aide" rows="3"></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Exemple</label>
                <textarea class="form-control" name="exemple" id="exemple" rows="3"></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Solution</label>
                <textarea class="form-control" name="solution" id="solution" rows="3" required></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Test</label>
                <textarea class="form-control" name="test" id="test" rows="3" required></textarea>
            </div>
        </div>
        <div class="col">
            <div class="mb-3">
                <label for="" class="form-label">Prompt, ce qu'il sera écrit par défaut dans l'éditeur</label>
                <textarea class="form-control" name="prompt" id="prompt" rows="3"></textarea>
            </div>
        </div>
        <button class="left" type="submit">
            Submit
        </button>
    </form>
</body>
   