plateforme-tfjm2/server_files/views/inscription.php

<?php if (isset($error_message) && $error_message) echo "<h2>Erreur : " . $error_message . "</h2>"; ?>

<?php
if (isset($error_message) && $error_message === FALSE) {
	?>
	Votre inscription est validée ! Merci désormais de confirmer votre boîte mail pour valider votre adresse.
<?php } else if (isset($_SESSION["user_id"])) { ?>
	<h2>Vous êtes déjà connecté !</h2>
<?php } else { ?>

<form method="POST">
	<input type="hidden" name="submitted" value="true" />
	<table style="width: 100%;">
		<tr>
			<td style="width: 30%;"><label for="email">E-mail :</label></td>
			<td style="width: 70%;"><input style="width: 100%;" type="email" id="email" name="email" value="<?php if (isset($_POST["email"])) echo $_POST["email"] ?>" required /></td>
		</tr>
		<tr>
			<td><label for="password">Mot de passe :</label></td>
			<td><input style="width: 100%;" type="password" id="password" name="password" required /></td>
		</tr>
		<tr>
			<td><label for="confirm_password">Confirmer le mot de passe :</label></td>
			<td><input style="width: 100%;" type="password" id="confirm_password" name="confirm_password" required /></td>
		</tr>
		<tr>
			<td><label for="surname">Nom :</label></td>
			<td><input style="width: 100%;" type="text" id="surname" name="surname" value="<?php if (isset($_POST["surname"])) echo $_POST["surname"] ?>" required /></td>
		</tr>
		<tr>
			<td><label for="firstname">Prénom :</label></td>
			<td><input style="width: 100%;" type="text" id="firstname" name="firstname" value="<?php if (isset($_POST["firstname"])) echo $_POST["firstname"] ?>" required /></td>
		</tr>
		<tr>
			<td><label for="birth_date">Date de naissance :</label></td>
			<td><input style="width: 100%;" type="date" id="birth_date" name="birth_date" value="<?php if (isset($_POST["birth_date"])) echo $_POST["birth-date"] ?>" required /></td>
		</tr>
		<tr>
			<td><label for="gender">Sexe :</label></td>
			<td><input type="radio" id="male" name="gender" value="M" required <?= isset($_POST["gender"]) && $_POST["gender"] == "M" ? "checked" : "" ?> /><label for="male">Homme</label>
				<input type="radio" id="female" name="gender" value="F" required <?= isset($_POST["gender"]) && $_POST["gender"] == "F" ? "checked" : "" ?> /><label for="female">Femme</label></td>
		</tr>
		<tr>
			<td><label for="address">Adresse :</label></td>
			<td><input style="width: 100%;" type="text" id="address" name="address" value="<?php if (isset($_POST["address"])) echo $_POST["address"] ?>" /></td>
		</tr>
		<tr>
			<td><label for="postal_code">Code postal :</label></td>
			<td><input style="width: 100%;" type="number" id="postal_code" name="postal_code" value="<?php if (isset($_POST["postal_code"])) echo $_POST["postal_code"] ?>" min="1000" max="95999" required /></td>
		</tr>
		<tr>
			<td><label for="city">Ville :</label></td>
			<td><input style="width: 100%;" type="text" id="city" name="city" value="<?php if (isset($_POST["city"])) echo $_POST["city"] ?>" /></td>
		</tr>
		<tr>
			<td><label for="country">Pays :</label></td>
			<td><input style="width: 100%;" type="text" id="country" name="country" value="<?= isset($_POST["country"]) ? $_POST["country"] : "France" ?>" required /></td>
		</tr>
		<tr>
			<td><label for="phone_number">Numéro de téléphone :</label></td>
			<td><input style="width: 100%;" type="text" id="phone_number" name="phone_number" value="<?php if (isset($_POST["phone_number"])) echo $_POST["phone_number"] ?>" /></td>
		</tr>
		<tr>
			<td><label for="role">Rôle :</label></td>
			<td><select style="width: 100%;" id="role" name="role" onchange="selectRole()">
					<option value="participant">Participant</option>
					<option value="encadrant">Encadrant</option>
				</select></td>
		</tr>
		<tr>
			<td><label id="school_label" for="school">Établissement dans lequel l'élève étudie :</label></td>
			<td><input style="width: 100%;" type="text" id="school" name="school" value="<?php if (isset($_POST["school"])) echo $_POST["school"] ?>" /></td>
		</tr>
		<tr>
			<td><label id="class_label" for="class">Classe :</label></td>
			<td><select style="width: 100%;" id="class" name="class">
					<option value="terminale">Terminale</option>
					<option value="premiere">Première</option>
					<option value="seconde">Seconde ou inférieur</option>
				</select></td>
		</tr>
		<tr>
			<td><label id="responsible_name_label" for="responsible_name">Nom du responsable légal :</label></td>
			<td><input style="width: 100%;" type="text" id="responsible_name" name="responsible_name" value="<?php if (isset($_POST["responsible_name"])) echo $_POST["responsible_name"] ?>" /></td>
		</tr>
		<tr>
			<td><label id="responsible_phone_label" for="responsible_phone">Téléphone du responsable légal :</label></td>
			<td><input style="width: 100%;" type="text" id="responsible_phone" name="responsible_phone" value="<?php if (isset($_POST["responsible_phone"])) echo $_POST["responsible_phone"] ?>" /></td>
		</tr>
		<tr>
			<td><label id="responsible_email_label" for="responsible_email">Email du responsable légal :</label></td>
			<td><input style="width: 100%;" type="text" id="responsible_email" name="responsible_email" value="<?php if (isset($_POST["responsible_email"])) echo $_POST["responsible_email"] ?>" /></td>
		</tr>
		<tr>
			<td><label id="description_label" for="description">Description :</label></td>
			<td><textarea style="width: 100%;" id="description" name="description"><?php if (isset($_POST["description"])) echo $_POST["description"] ?></textarea></td>
		</tr>
		<tr>
			<td colspan="2"><input style="width: 100%;" type="submit" value="S'inscrire" /></td>
		</tr>
	</table>
</form>

<script>
    function selectRole() {
        switch (document.getElementById("role").value) {
            case "participant":
                document.getElementById("school_label").style.display = "block";
                document.getElementById("school").style.display = "block";
                document.getElementById("school").require = "true";
                document.getElementById("class_label").style.display = "block";
                document.getElementById("class").style.display = "block";
                document.getElementById("responsible_name_label").style.display = "block";
                document.getElementById("responsible_name").style.display = "block";
                document.getElementById("responsible_phone_label").style.display = "block";
                document.getElementById("responsible_phone").style.display = "block";
                document.getElementById("responsible_email_label").style.display = "block";
                document.getElementById("responsible_email").style.display = "block";
                document.getElementById("description_label").style.display = "none";
                document.getElementById("description").style.display = "none";
                break;
            case "encadrant":
                document.getElementById("school_label").style.display = "none";
                document.getElementById("school").style.display = "none";
                document.getElementById("school").require = "false";
                document.getElementById("class_label").style.display = "none";
                document.getElementById("class").style.display = "none";
                document.getElementById("responsible_name_label").style.display = "none";
                document.getElementById("responsible_name").style.display = "none";
                document.getElementById("responsible_phone_label").style.display = "none";
                document.getElementById("responsible_phone").style.display = "none";
                document.getElementById("responsible_email_label").style.display = "none";
                document.getElementById("responsible_email").style.display = "none";
                document.getElementById("description_label").style.display = "block";
                document.getElementById("description").style.display = "block";
                break;
        }
    }

    selectRole();
</script>

<?php } ?>