<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@include file = "jspf/enteteJSPF.jspf" %>
<h2>Création d'un nouveau Pompier</h2><!-- comment -->
<!-- <p>Page en cours de construction</p><!-- comment --> 
<img src="images/pageEnConstruction.jpg" alt="Page en construction"/>
<fieldset>
    <legend>Fiche Pompier</legend>
    <form name="fPompier" action="NouveauPompier" method="POST">
        
        
        <label for="ztPrenom"> Prénom </label>
        <input type="text" name="ztPrenom" id="ztPrenom" value="" />
        <label for="ztNom">Nom </label>
        <input type="text" name="ztNom" id="ztNom" value="" />
        <label for="ztPwd">Mot de passe </label>
        <input type="password" name="ztPwd" id="ztPwd" value="" />
        <label for="ztLogin">Login </label>
        <input type="text" name="ztLogin" id="ztLogin" value="" /><br><br>
        Adresse postale : 
        <input type="text" name="ztAdresse" value="" placeholder="Adresse"/>
        <input type="text" name="ztCP" value="" placeholder="Code postal"/>
        <input type="text" name="ztVille" value="" placeholder="Ville"/><br><br>
        <label for="ztMail">Adresse mail </label>
        <input type="email" name="ztMail" id="ztMail" value="" />
        <label for="ztTel">Téléphone </label>
        <input type="text" name="ztTel" id="ztTel" value="" />
        <label for="ztDateNais">Date de naissance </label>
        <input type="date" min="1921-01-01" name="ztDateNais" id="ztDateNais" value="" />
        <br><br><!-- comment -->
        Information Pompier:
        <input type="text" name="ztStatut" value="" placeholder="Statut"/>
        <input type="text" name="ztTypePersonne" value="" placeholder="Type personne"/>
        <input type="text" name="ztGrade" value="" placeholder="Grade"/>
        <input type="text" name="ztIdEquipe" value="" placeholder="Equipe"/><br>
        <label for="ztNbGarde"> Nombre de garde</label>
<form oninput="result.value=parseInt(NbGarde.value)">
    <input type="range" name="NbGarde" value="50" /> 
    <output name="result">60</output>
</form>

        <output ><br><br>
        
        <input type="submit" value="Valider" />
    </form>
</fieldset>
<br>

<p>
<c:choose>
    <c:when test="${idPompier >= 0}">        
        Le Pompier no ${id} a été créé avec succès
    </c:when>
    <c:when test="${idClient == -1}">
        E R R E U R : ${message}  
    </c:when>
    <c:otherwise>  
        Cliquez sur <em>"Valider"</em> après avoir renseigné les informations demandées 
    </c:otherwise> 
</c:choose>
</p>

<%@include file="jspf/menuJSPF.jspf" %>     
<article>
    <h3>Liste des numéros des clients récement créés :  </h3>
    <c:forEach items="${sessionScope.lesNvxClients}" var="unPompier">
        ${unClient} -
    </c:forEach>
</article>
</body>
</html>
