src/main/java/fr/ldnr/starWars/services/PiloteService.java

@@ -9,7 +9,7 @@ import fr.ldnr.starWars.enumerations.EtatPilote;
 import fr.ldnr.starWars.enumerations.GradePilote;
 import fr.ldnr.starWars.enumerations.RacePilote;
 import fr.ldnr.starWars.enumerations.TypePilote;
-import java.util.Optional;
+import java.util.List;
 
 /**
  *
@@ -19,16 +19,24 @@ public interface PiloteService {
 
     public Iterable<Pilote> findAll();
 
-    public Pilote trouverParNom(String nom);
+    public Pilote findByNom(String nom);
 
-    public Iterable<Pilote> trouverParEtat(EtatPilote etat);
+    public List<Pilote> findByEtat(EtatPilote etat);
 
-    public Iterable<Pilote> trouverParGrade(GradePilote grade);
+    public List<Pilote> findByGrade(GradePilote grade);
 
-    public Iterable<Pilote> trouverParType(TypePilote type);
+    public List<Pilote> findByType(TypePilote type);
+
+    public List<Pilote> findByRace(RacePilote race);
 
     public Iterable<RacePilote> listRace();
 
+    public Iterable<TypePilote> listType();
+
+    public Iterable<GradePilote> listGrade();
+
+    public Iterable<EtatPilote> listEtat();
+
     public Pilote save(Pilote pilote);
 
     public Pilote findById(Integer id_pilote);

src/main/java/fr/ldnr/starWars/services/PiloteServiceImpl.java

@@ -12,11 +12,8 @@ import fr.ldnr.starWars.enumerations.TypePilote;
 import fr.ldnr.starWars.repositories.PiloteRepository;
 import jakarta.persistence.EntityManager;
 import jakarta.persistence.PersistenceContext;
-import java.util.ArrayList;
 import java.util.Arrays;
-import static java.util.Collections.list;
 import java.util.List;
-import static org.springframework.data.util.TypeUtils.type;
 import org.springframework.stereotype.Service;
 
 /**
@@ -40,57 +37,66 @@ public class PiloteServiceImpl implements PiloteService {
     }
 
     @Override
-    public Pilote trouverParNom(String nom) {
-        return (Pilote) entityManager.createQuery("SELECT p FROM Pilote p WHERE p.nom = :nom")
-                .setParameter("nom", nom)
-                .getSingleResult();
-    }
-
-    @Override
-    public Iterable<Pilote> trouverParEtat(EtatPilote etat) {
-        List<Pilote> list = new ArrayList<>();
-        list = entityManager.createQuery("FROM Pilote p WHERE p.etat_pilote = :etat")
-                .setParameter("etat", etat)
-                .getResultList();
+    public Iterable<RacePilote> listRace() {
+        List<RacePilote> list = Arrays.asList(RacePilote.values());
         return list;
     }
 
     @Override
-    public Iterable<Pilote> trouverParGrade(GradePilote grade) {
-        List<Pilote> list = new ArrayList<>();
-        list = entityManager.createQuery("FROM Pilote p WHERE p.grade = :grade")
-                .setParameter("grade", grade)
-                .getResultList();
+    public Iterable<TypePilote> listType() {
+        List<TypePilote> list = Arrays.asList(TypePilote.values());
         return list;
     }
 
     @Override
-    public Iterable<Pilote> trouverParType(TypePilote type) {
-        List<Pilote> list = new ArrayList<>();
-        list = entityManager.createQuery("SELECT p FROM Pilote p WHERE p.grade = :type")
-                .setParameter("type", type)
-                .getResultList();
+    public Iterable<GradePilote> listGrade() {
+        List<GradePilote> list = Arrays.asList(GradePilote.values());
         return list;
     }
 
     @Override
-    public Iterable<RacePilote> listRace() {
-        List<RacePilote> list = Arrays.asList(RacePilote.values());
+    public Iterable<EtatPilote> listEtat() {
+        List<EtatPilote> list = Arrays.asList(EtatPilote.values());
         return list;
     }
 
     @Override
     public Pilote save(Pilote pilote) {
-        pilote.setType_pilote(TypePilote.APPRENTI);
+        pilote.setType(TypePilote.APPRENTI);
         return piloteRepository.save(pilote);
     }
 
     @Override
     public Pilote findById(Integer id_pilote) {
         Pilote pilote = new Pilote();
-        pilote = (Pilote) entityManager.createQuery("SELECT p FROM Pilote p WHERE p.id_pilote = :id")
+        pilote = (Pilote) entityManager.createQuery("SELECT p FROM Pilote p WHERE p.idPilote = :id")
                 .setParameter("id", id_pilote).getSingleResult();
         return pilote;
     }
 
+    @Override
+    public List<Pilote> findByEtat(EtatPilote etat) {
+        return piloteRepository.findByEtat(etat);
+    }
+
+    @Override
+    public Pilote findByNom(String nom) {
+        return piloteRepository.findByNom(nom);
+    }
+
+    @Override
+    public List<Pilote> findByGrade(GradePilote grade) {
+        return piloteRepository.findByGrade(grade);
+    }
+
+    @Override
+    public List<Pilote> findByType(TypePilote type) {
+        return piloteRepository.findByType(type);
+    }
+
+    @Override
+    public List<Pilote> findByRace(RacePilote race) {
+        return piloteRepository.findByRace(race);
+    }
+
 }

src/main/resources/static/style.css

+@font-face{
+font-family:'Star Wars', sans-serif;
+}
+
+h1 {
+    font-family: 'Star Wars', sans-serif;
+}
+
+body {
+    font-family: 'Star Wars', sans-serif;
+    background-image: url("https://p.turbosquid.com/ts-thumb/p4/gieJXZ/ZM/screenshot001/png/1650377346/1920x1080/fit_q99/cfea16e5fcc5a49514ffdb25a1eeb849c115d0eb/screenshot001.jpg");
+    background-size: 50%;
+    //background-position: bottom right;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+
 body{
     display: flex;
     flex-direction: column;
@@ -13,3 +31,42 @@ th{
 a{
     color: yellow;
 }
+
+.tri{
+    display: flex;
+    flex-direction: row;
+    width: 50%;
+    justify-content: space-between;
+}
+.box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+}
+
+
+.label {
+    width: 100px; /* Largeur souhaitée pour les labels */
+    text-align: right; /* Alignez le texte du label à droite */
+    margin-right: auto; /* Marge à droite pour l'espacement du texte du label */
+    margin-left : auto;
+}
+
+.bouton {
+    display: flex;
+    align-items : center;
+    justify-content : center;
+    margin-left : auto;
+    margin-right : auto;  
+}
+main::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.5); /* Adjust the last value (alpha) to control the transparency */
+    z-index: -1; /* Place the overlay behind the content */
+}
\ No newline at end of file

src/main/resources/templates/affectation.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html>
+    <head>
+        <title>Affectation</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="/style.css">
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
+    </head>
+    <body>
+        <header>
+            <h1>affecter un chasseur a un pilote</h1>
+        </header>
+        <main>
+            <form action="affectation">
+                <fieldset>  
+                    <legend>affecter un chasseur à un pilote</legend>
+                    <div>
+                        <label for="pilotes">choisir un pilote :</label>
+                        <select id="pilotes"  name="pilotes">
+                            <option th:each="pilotes : ${listePilotes}" th:value="${pilotes}" 
+                                    th:text="${pilotes.nom}"></option>
+                        </select>
+                    </div>
+                    <div>
+                        <label for="chasseurs">choisir un chasseur :</label>
+                        <select id="chasseurs"  name="chasseurs">
+                            <option th:each="chasseurs : ${listeChasseurs}" th:value="${chasseurs}" 
+                                    th:text="${chasseurs.type_chasseur}"></option>
+                        </select>
+                    </div>
+                </fieldset>
+                <input type="submit" value="Valider"/>
+                <input type="reset" value="Annuler"/>
+            </form>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">retour au menu</a>
+        </footer>
+    </body>
+</html>

src/main/resources/templates/clotureMission.html

@@ -5,35 +5,39 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Cloture Mission</title>
+        <title>cloture mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
                     <header>
-            <h1>Cloture Mission</h1>
+                        <h1>cloture mission</h1>
                     </header>
-        
+                    <main>
                         <form action="clotureMission" method="post">
                             <div>
-            <label for="clotureMission">Nombre d'heure</label>
+                                <label for="clotureMission">nombre d'heure</label>
                                 <input type="text" id="heures" name="heures"/>
                             </div>
                             <div>
-                <label for="resultat">Resultat Mission : </label>
+                                <label for="resultat">resultat mission : </label>
                                 <select id="resultat" name="resultats">
                                     <option th:each="resultat : ${resultatMission}" th:value="${resultat}" th:text="${resultat}"></option>
                                 </select>
                             </div>
                             <div>
-                <label>Détail</label>
+                                <label>detail</label>
                                 <div>
-                    <label for="pilote">Pilote</label>
+                                    <label for="pilote">pilote</label>
                                     <select id="pilote" name="pilote">
                                         <option th:each="pilote : ${etatPilote}" th:value="${etatPilote}" th:text="${etatPilote}"></option>
                                     </select>
-                    <label for="chasseur">Chasseur</label>
+                                    <label for="chasseur">chasseur</label>
                                     <select id="chasseur" name="chasseur">
                                         <option th:each="chasseur : ${etatChasseur}" th:value="${etatChasseur}" th:text="${etatChasseur}"></option>
                                     </select>
@@ -41,7 +45,8 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                             </div>   
                         </form>
                         <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+                            <a href="/menu"  class="menu">retour au menu</a>
                         </footer>
+                    </main>
                 </body>
                 </html>

src/main/resources/templates/ficheChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Chasseur</title>
+        <title>fiche chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
                     <header>
-            <h1>Fiche Chasseur</h1>
+                        <h1>fiche chasseur</h1>
                     </header>
+                    <main>
                     <table>
                         <tr>
-                <th>Identifiant</th>
-                <th>Type Chasseur</th>
-                <th>Etat Chasseur</th>
+                            <th>identifiant</th>
+                            <th>type chasseur</th>
+                            <th>etat chasseur</th>
                         </tr>
                         <tr th:each="chasseur: ${ficheChasseur}">
                             <td th:text="${chasseur.id_chasseur}"></td>
@@ -22,8 +27,10 @@
                             <td th:text="${chasseur.etat_chasseur}"></td>
                         </tr>
                     </table>
+                    <a th:href="@{/listeChasseur}">retour a la liste des chasseurs</a>
                     <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+                        <a href="/menu"  class="menu">retour au menu</a>
                     </footer>
+                    </main>
                 </body>
                 </html>

src/main/resources/templates/fichePilote.html

@@ -5,28 +5,34 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Pilote</title>
+        <title>fiche pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Fiche Pilote</h1>
+            <h1>fiche pilote</h1>
         </header>
-        <p>Prénom : <span th:text="${pilote.prenom}"></span></p>
-        <p>Nom : <span th:text="${pilote.nom}"></span></p>
-        <p>Race : <span th:text="${pilote.race}"></span></p>
-        <p>Age_inscription : <span th:text="${pilote.age_inscription}"></span></p>
-        <p>État : <span th:text="${pilote.etat_pilote}"></span></p>
+        <main>
+        <p>prenom : <span th:text="${pilote.prenom}"></span></p>
+        <p>nom : <span th:text="${pilote.nom}"></span></p>
+        <p>race : <span th:text="${pilote.race}"></span></p>
+        <p>age inscription : <span th:text="${pilote.age}"></span></p>
+        <p>etat : <span th:text="${pilote.etat}"></span></p>
         <!--besoin db des missions afin pouvoir afficher Missions-->
-        <p>Nombre d'heures de vol : </p>
-        <p>Grade : <span th:text="${pilote.grade}"></span></p>
+        <p>nombre d'heures de vol : </p>
+        <p>grade : <span th:text="${pilote.grade}"></span></p>
         <!--besoin db des missions afin pouvoir afficher Missions-->
-        <p>Liste des Missions</p>
-        <p>Type pilote : <span th:text="${pilote.type_pilote}"></span></p>
+        <p>liste des missions</p>
+        <p>type pilote : <span th:text="${pilote.type}"></span></p>
         <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+            <a href="/menu"  class="menu">retour au menu</a>
         </footer>
+        </main>
     </body>
 </html>

src/main/resources/templates/inscriptionPilote.html

@@ -5,40 +5,49 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Inscription Pilote</title>
+        <title>inscription pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <link rel="stylesheet" href="/style.css">
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Inscription Pilote</h1>
+            <h1>inscription pilote</h1>
         </header>
+        <main>
             <form action="inscriptionPilote" method="post">
-            <div>
-                <label for="prenom">Prenom</label>
+                <div class="box"/>
+                <label class="label"/>
+                <div class="form-prenom">
+                    <label for="prenom">prenom</label>
                     <input type="text" id="prenom" name="prenom"/>
                 </div>
-            <div>
-                <label for="nom">Nom</label>
+                <div class="form-nom">
+                    <label for="nom">nom</label>
                     <input type="text" id="nom" name="nom"/>
                     <!--th:value="${user.nomnom}"-->
                 </div>
                 <div>
-                <label for="races">Choose a race :</label>
+                    <label for="races">choisir une race :</label>
                     <select id="races"  name="races">
                         <option th:each="race : ${racePilotes}" th:value="${race}" th:text="${race}"></option>
                     </select>
                 </div>
-            <div>
-                <label for="age">Age</label>
+                <div class="form-age">
+                    <label for="age">age</label>
                     <input type="text" id="age" name="age"/>
                 </div>
-            <input type="submit" value="Submit"/>
+                <input type="submit" value="Valider"/>
                 <input type="reset" value="Annuler"/>
+                </div>
             </form>
             <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+                <a href="/menu"  class="menu">retour au menu</a>
             </footer>
+        </main>
     </body>
 </html>

src/main/resources/templates/listeChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Chasseur</title>
+        <title>liste chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <link rel="stylesheet" href="/style.css">
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Liste Chasseur</h1>
+            <h1>liste chasseur</h1>
         </header>
-        <form action="/nouveauChasseur" method="post">
+        <main>
         <table>
             <tr>
-                    <th>Identifiant chasseur</th>
-                    <th>Type chasseur</th>
-                    <th>Etat chasseur</th>
+                <th>identifiant</th>
+                <th>type chasseur</th>
+                <th>etat chasseur</th>
             </tr>
-                <tr>
-                    <td th:each="chasseur : ${chasseur}" th:text="${chasseur.id_chasseur}"></td>
-                    <td th:each="chasseur : ${chasseur}" th:text="${chasseur.type}"></td>
-                    <td th:each="chasseur : ${chasseur}" th:text="${chasseur.etat}"></td>
+            <tr th:each="chasseur: ${listeChasseur}">
+                <td> 
+                    <a th:href="'/ficheChasseur?id_chasseur=' + ${chasseur.idChasseur}" th:text="${chasseur.idChasseur}">
+                    </a>
+                </td>
+                <td th:text="${chasseur.type}"></td>
+                <td th:text="${chasseur.etat}"></td>
             </tr>
         </table>
-        </form>
         <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+            <a href="/menu"  class="menu">retour au menu</a>
         </footer>
+            </main>
     </body>
 </html>
 

src/main/resources/templates/listeMission.html

@@ -5,32 +5,38 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Mission</title>
+        <title>liste mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Liste Mission</h1>
+            <h1>liste mission</h1>
         </header>
+        <main>
         <div>
-            <label for="tri mission">sélection de mission :</label>
+            <label for="tri mission">selection de mission :</label>
 
             <select name="mission" id="tri-mission">
-                <option value="">--Please choose an option--</option>
-                <option value="Terminée">Terminée</option>
-                <option value="En cours">En Cours</option>
-                <option value="Victoire">Victoire</option>
-                <option value="Défaite">Défaite</option>
-                <option value="Entrainement">Entrainement</option>
-                <option value="Combat">Combat</option>
+                <option value="">-choisir une option-</option>
+                <option value="Terminée">terminee</option>
+                <option value="En cours">en cours</option>
+                <option value="Victoire">victoire</option>
+                <option value="Défaite">defaite</option>
+                <option value="Entrainement">entrainement</option>
+                <option value="Combat">combat</option>
             </select>
 
         </div>
         
         <footer>
-            <a href="/menu" class="menu">Retour au Menu</a>
+            <a href="/menu" class="menu">retour au menu</a>
         </footer>
+        </main>
     </body>
 </html>

src/main/resources/templates/listePilote.html

@@ -5,15 +5,25 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Pilote</title>
+        <title>liste pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <link rel="stylesheet" href="/style.css">
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Liste Pilote</h1>   
+            <h1>liste des pilotes</h1>   
         </header>
+        <main>
+            <div class="tri">
+                <a th:href="@{/listePiloteParType}"><p>Trier par rang de pilote</p></a>
+                <a th:href="@{/listePiloteParGrade}"><p>Trier par grade de pilote</p></a>
+                <a th:href="@{/listePiloteParEtat}"><p>Trier par état de pilote</p></a>
+            </div>
             <table>
                 <tr>
                     <th>Id pilote</th>
@@ -26,19 +36,23 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     <th>Etat</th>
                 </tr>
                 <tr th:each="pilote : ${pilotes}">
-                <td th:text="${pilote.id_pilote}"></td>
+                    <td th:text="${pilote.idPilote}"></td>
                     <td th:text="${pilote.nom}"></td>
                     <td th:text="${pilote.prenom}"></td>
-                <td th:text="${pilote.age_inscription}"></td>
+                    <td th:text="${pilote.age}"></td>
                     <td th:text="${pilote.race}"></td>
                     <td th:text="${pilote.grade}"></td>
-                <td th:text="${pilote.type_pilote}"></td>
-                <td th:text="${pilote.etat_pilote}"></td>
-                <td><a th:href="'/fichePilote?id_pilote=' + ${pilote.id_pilote}">Voir la fiche du Pilote</a></td>
+                    <td th:text="${pilote.type}"></td>
+                    <td th:text="${pilote.etat}"></td>
+                    <td>
+                        <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="'Fiche Pilote'">
+                        </a>
+                    </td>
                 </tr>
             </table>
+        </main>
         <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+            <a href="/menu"  class="menu">retour au menu</a>
         </footer>
     </body>
 </html>

src/main/resources/templates/listePiloteParEtat.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
+    </head>
+    <body>
+        <header>
+            <h1>liste des pilotes par etat</h1>
+        </header>
+        <main>
+            <form action="/listePiloteParEtat" method="post">
+                <div>
+                    <label for="etats">choisir un etat :</label>
+                    <select id="etats" name="etats">
+                        <option th:each="etat : ${etats}" th:value="${etat}" th:text="${etat}"></option>
+                    </select>
+                    <input type="submit" value="Trier"/>
+                </div>   
+            </form>
+
+            <table>
+                <tr>
+                    <th>Id pilote</th>
+                    <th>Nom</th>
+                    <th>Prenom</th>
+                    <th>Age</th>
+                    <th>Race</th>
+                    <th>Grade</th>
+                    <th>Type</th>
+                    <th>Etat</th>
+                </tr>
+                <tr th:each="pilote : ${pilotes}">
+                    <td>
+                        <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="${pilote.idPilote}">
+                        </a>
+                    </td>
+                    <td th:text="${pilote.nom}"></td>
+                    <td th:text="${pilote.prenom}"></td>
+                    <td th:text="${pilote.age}"></td>
+                    <td th:text="${pilote.race}"></td>
+                    <td th:text="${pilote.grade}"></td>
+                    <td th:text="${pilote.type}"></td>
+                    <td th:text="${pilote.etat}"></td>
+                </tr>
+            </table>
+            <p>
+                <a href="/listePilote">retour au liste pilote</a>
+            </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">retour au menu</a>
+        </footer>
+
+    </body>
+</html>

src/main/resources/templates/listePiloteParGrade.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
+    </head>
+    <body>
+        <header>
+            <h1>liste des pilotes par grades</h1>
+        </header>
+        <main>
+            <form action="/listePiloteParGrade" method="post">
+                <div>
+                    <label for="grades">choisir un grade :</label>
+                    <select id="grades" name="grades">
+                        <option th:each="grade : ${grades}" th:value="${grade}" th:text="${grade}"></option>
+                    </select>
+                    <input type="submit" value="Trier"/>
+                </div>   
+            </form>
+
+            <table>
+                <tr>
+                    <th>Id pilote</th>
+                    <th>Nom</th>
+                    <th>Prenom</th>
+                    <th>Age</th>
+                    <th>Race</th>
+                    <th>Grade</th>
+                    <th>Type</th>
+                    <th>Etat</th>
+                </tr>
+                <tr th:each="pilote : ${pilotes}">
+                    <td>
+                        <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="${pilote.idPilote}">
+                        </a>
+                    </td>
+                    <td th:text="${pilote.nom}"></td>
+                    <td th:text="${pilote.prenom}"></td>
+                    <td th:text="${pilote.age}"></td>
+                    <td th:text="${pilote.race}"></td>
+                    <td th:text="${pilote.grade}"></td>
+                    <td th:text="${pilote.type}"></td>
+                    <td th:text="${pilote.etat}"></td>
+                </tr>
+            </table>
+            <p>
+                <a href="/listePilote">retour a la liste pilote</a>
+            </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
+    </body>
+</html>

src/main/resources/templates/listePiloteParType.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
+    </head>
+    <body>
+        <header>
+            <h1>liste des pilotes par rang</h1>
+        </header>
+        <main>
+            <form action="/listePiloteParType" method="post">
+                <div>
+                    <label for="types">choisir un rang :</label>
+                    <select id="types" name="types">
+                        <option th:each="type : ${types}" th:value="${type}" th:text="${type}"></option>
+                    </select>
+                    <input type="submit" value="Trier"/>
+                </div>   
+            </form>
+
+            <table>
+                <tr>
+                    <th>Id pilote</th>
+                    <th>Nom</th>
+                    <th>Prenom</th>
+                    <th>Age</th>
+                    <th>Race</th>
+                    <th>Grade</th>
+                    <th>Type</th>
+                    <th>Etat</th>
+                </tr>
+                <tr th:each="pilote : ${pilotes}">
+                    <td>
+                        <a th:href="'/fichePilote?id_pilote=' + ${pilote.idPilote}" th:text="${pilote.idPilote}">
+                        </a>
+                    </td>
+                    <td th:text="${pilote.nom}"></td>
+                    <td th:text="${pilote.prenom}"></td>
+                    <td th:text="${pilote.age}"></td>
+                    <td th:text="${pilote.race}"></td>
+                    <td th:text="${pilote.grade}"></td>
+                    <td th:text="${pilote.type}"></td>
+                    <td th:text="${pilote.etat}"></td>
+                </tr>
+            </table>
+            <p>
+                <a href="/listePilote">retour au liste pilote</a>
+            </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
+    </body>
+</html>

src/main/resources/templates/menu.html

@@ -7,32 +7,35 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
     <head>
         <title>Menu</title>
         <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>ALLIANCE REBELLE</h1>
+            <h1>alliance rebelle</h1>
         </header>
         <main>
-        <h2>Pilote</h2>
+            <h2>pilote</h2>
             <ul>
-            <li><a href="/inscriptionPilote"  class="menu">Inscription d'un nouveau pilote</a></li>
-            <li><a href="/listePilote"  class="menu">Liste des pilotes actifs</a></li>
+                <li><a href="/inscriptionPilote"  class="menu">inscription d'un nouveau pilote</a></li>
+                <li><a href="/listePilote"  class="menu">liste des pilotes</a></li>
             </ul>
 
-        <h2>Chasseur</h2>
+            <h2>chasseur</h2>
             <ul>
-            <li><a href="/nouveauChasseur"  class="menu">Ajouter un chasseur à la flotte</a></li>
-            <li><a href="/listeChasseur"  class="menu">Liste des chasseurs</a></li>
+                <li><a href="/nouveauChasseur"  class="menu">ajouter un chasseur a la flotte</a></li>
+                <li><a href="/listeChasseur"  class="menu">liste des chasseurs</a></li>
             </ul>
-        <h2>Mission</h2>
+            <h2>mission</h2>
             <ul>
-            <li><a href="/nouvelleMission"  class="menu">Nouvelle mission</a></li>
-            <li><a href="/listeMission"  class="menu">Liste des missions</a></li>
-            <li><a href="/clotureMission"  class="menu">Clôturer une mission</a></li>
+                <li><a href="/nouvelleMission"  class="menu">nouvelle mission</a></li>
+                <li><a href="/listeMission"  class="menu">liste des missions</a></li>
+                <li><a href="/clotureMission"  class="menu">cloturer une mission</a></li>
             </ul>
         </main>
-        <footer></footer>
     </body>
 </html>

src/main/resources/templates/nouveauChasseur.html

@@ -2,28 +2,36 @@
 
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Nouveau Chasseur</title>
+        <title>nouveau chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  
-        <link rel="stylesheet" href="/style.css">
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <header><h1>Nouveau Chasseur</h1></header>
-        <form action="/nouveauChasseur" method="get">
+        <header>
+            <h1>nouveau chasseur</h1>
+        </header>
+        <main>
+            <form action="/nouveauChasseur" method="post">
                 <div>
                     <fieldset>
-                    <legend>Selectionner un chasseur</legend>
+                        <legend>selectionner un chasseur</legend>
                         <div th:each="type : ${type}">
                             <input type="radio" th:id="${type}" th:name="typeChasseur" th:value="${type}" />
                             <label th:for="${type}" th:text="${type}"></label>
                         </div>
-                </fieldset>
+
                         <div>
-                    <input type="submit" value="Envoyer"/>
+                            <input type="submit" value="Valider"/>
                             <input type="reset" value="Annuler"/>
                         </div>
                 </div>
             </form>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/nouvelleMission.html

@@ -5,31 +5,42 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Nouvelle Mission</title>
+        <title>nouvelle mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
                     <header>
-            <h1>Nouvelle Mission</h1>
+                        <h1>nouvelle mission</h1>
                     </header>
+                    <main>
                         <form action="nouvelleMission" method="post">
                             <div>
-                <label for="missions">Choisir une mission :</label>
+                                <label for="missions">choisir un type de mission :</label>
                                 <select id="missions" name="missions">
                                     <option th:each="mission : ${typeMissions}" th:value="${mission}" th:text="${mission}"></option>                    
                                 </select>
                             </div>
                             <div>
-                <label for="missions">Titre</label>
+                                <label for="missions">titre</label>
                                 <input type="text" id="titre" name="titre"/>
                             </div>
+                            <div>
+                                <a href="/affectation">affecter du personnel a la mission</a>
+                            </div>
                             <input type="submit" value="Valider"/>
                             <input type="reset" value="Annuler"/>
                         </form>  
+                    </main>
                     <footer>
-            <a href="/menu"  class="menu">Retour au Menu</a>
+                        <a href="/menu"  class="menu">retour au menu</a>
                     </footer>
                 </body>
                 </html>
+
+