ajout vue offres

php/public/css/menu.css

@@ -0,0 +1,145 @@
+a {
+    text-decoration: none;
+}
+
+.navbar-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 2rem;
+    width: 100%;
+    height: 70px;
+    background: #fff;
+    color: #212121;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 100;
+}
+
+.navbar-container .logo-container a {
+    font-size: 1.5rem;
+    font-weight: 500;
+    font-family: 'Kanit', sans-serif;
+    text-transform: uppercase;
+    cursor: pointer;
+    color: #212121;
+    max-height: 70px;
+}
+
+.navbar-container .nav-items {
+    display: flex;
+    align-items: center;
+    gap: 3rem;
+    list-style: none;
+}
+
+.navbar-container .nav-items .nav-link a {
+    color: #212121;
+    padding: 10px;
+    text-transform: uppercase;
+    transition: 0.2s;
+}
+
+.navbar-container .nav-items .nav-link:after {
+    content: '';
+    display: block;
+    border-top: 3px solid #00DBFF;
+    transform: scaleX(0);
+    transition: transform 250ms ease-in-out;
+}
+
+.navbar-container .nav-items .nav-link:hover:after {
+    transform: scaleX(0.8);
+}
+
+.navbar-container .nav-items .login-register {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+}
+
+.navbar-container .nav-items .login-register .button {
+    color: #00DBFF;
+    padding: 5px 20px;
+    text-transform: uppercase;
+    border-radius: 15px;
+    border: #fff 2px solid;
+}
+
+.navbar-container .nav-items .login-register .button2{
+    background: #00DBFF;
+    color: #fff;
+    border-radius: 15px;
+}
+
+.navbar-container .nav-items .login-register .button:hover {
+    border: #00DBFF 2px solid;
+}
+
+.navbar-container .nav-items .login-register .button2:hover {
+    border: #00A4FF 2px solid;
+}
+
+@media(max-width: 1030px) {
+    .navbar-container {
+        padding: 0 1rem;
+    }
+
+    .navbar-container .nav-items {
+        gap: 0.1rem;
+    }
+
+    .navbar-container .nav-items .nav-link a,
+    .navbar-container .nav-items .login-register .button {
+        font-size: 0.9rem;
+    }
+}
+
+@media(max-width: 915px) {
+    .navbar-container .nav-items {
+        flex-direction: column;
+        position: fixed;
+        top: 70px;
+        right: -100%;
+        width: 100vw;
+        height: 100vh;
+        padding: 1rem 0;
+        z-index: 99;
+        background: #fff;
+        transition: 0.2s ease-in;
+    }
+
+    .bars {
+        width: 22px;
+        height: auto;
+        cursor: pointer;
+    }
+
+    .bars .bar {
+        width: 100%;
+        height: 2px;
+        background: #212121;
+        margin: 5px;
+    }
+
+    .navbar-container .nav-items {
+        gap: 3rem;
+    }
+
+    .navbar-container .nav-items .login-register {
+        width: 50%;
+        text-align: center;
+        flex-direction: column;
+        gap: 2rem;
+    }
+
+    .navbar-container .nav-items .login-register .button {
+        padding: 1rem 0;
+    }
+
+}
+
+.navbar-container .nav-items.active {
+    right: 0;
+}

php/scripts/creerOffre.js

@@ -0,0 +1,32 @@
+// change la possibilité d'entrer une ville pour l'offre
+// cas où l'offre est à pourvoir en full remote
+document.getElementById("fullRemote").addEventListener("change", function () {
+    var villeInput = document.getElementById("ville");
+    villeInput.disabled = this.checked;
+    //var ville = document.getElementById('')
+});
+
+document.addEventListener("DOMContentLoaded", function() {
+    const form = document.querySelector("form");
+    const submitButton = document.querySelector('input[type="submit"]');
+
+    // Fonction pour vérifier si tous les champs du formulaire sont remplis
+    function checkFormFields() {
+        const inputs = form.querySelectorAll('input, textarea, select');
+        let allFieldsFilled = true;
+
+        inputs.forEach(function(input) {
+            if (!input.value) {
+                allFieldsFilled = false;
+            }
+        });
+
+        submitButton.disabled = !allFieldsFilled;
+    }
+
+    // Écoute les événements de saisie dans les champs du formulaire
+    form.addEventListener("input", checkFormFields);
+
+    // Appelle la fonction initiale pour la première vérification
+    checkFormFields();
+});

php/src/controleur/FrontControleur.php

@@ -19,7 +19,7 @@ class FrontControleur
                 "deconnexion","proposerOffre","consulterProfil","modifierProfil","signaler"
             ],
             "Utilisateur" => [
-                "connection", "inscription", "accueil","consulterProfilLimite"
+                "connection", "inscription", "accueil","consulterProfilLimite","publierOffre"
             ]
         );
 

php/src/controleur/UtilisateurControleur.php

@@ -4,7 +4,11 @@ namespace App\controleur;
 
 use App\gateway\Connection;
 use App\gateway\ImageGateway;
-use App\modele\Image;
+use App\gateway\OffreGateway;
+use App\metier\Image;
+use App\modele\NiveauEtudes;
+use App\modele\Offre;
+use App\modele\TypeContrat;
 
 class UtilisateurControleur
 {
@@ -13,7 +17,7 @@ class UtilisateurControleur
         global $twig;
         if (!isset($_REQUEST["action"])) {
            //$action = NULL;
-            $action = "CreerOffre";
+            $action = "consulterOffres";
         } else {
             $action = \App\config\Validation::nettoyerString($_REQUEST["action"]);
         }
@@ -30,16 +34,22 @@ class UtilisateurControleur
             case "inscription":
                 $this->inscription();
                 break;
+            case "consulterOffres":
+                $this->consulterOffres();
+                break;
             case "consulterProfilLimite":
                 $this->consulterProfilLimite();
                 break;
-            case "CreerOffre":
+            case "creerOffre":
                 //echo "test";
                 $this->creerOffre();
                 break;
             case "publierOffre":
                 $this->publierOffre();
                 break;
+            case "testAction":
+                $this->testAction();
+                break;
             default:
                 $dVueErreur[] ="Action inconnue ou non autorisée";
                 echo $twig->render("erreur.html",['dVueErreur' => $dVueErreur]);
@@ -72,7 +82,7 @@ class UtilisateurControleur
             // Si l'inscription a réussi, redirigez l'utilisateur vers une page de confirmation
             // Vous pouvez également gérer les erreurs ici en cas d'échec de l'inscription
 
-            if ($nouvelUtilisateur instanceof \App\modele\Alumni) {
+            if ($nouvelUtilisateur instanceof \App\metier\Alumni) {
                 // L'inscription a réussi, redirigez l'utilisateur vers une page de confirmation
                 // par exemple :
                 header('Location: index.php?action=inscription_success');
@@ -98,14 +108,18 @@ class UtilisateurControleur
         //TODO
     }
 
+    protected function consulterOffres()
+    {
+        global $twig;
+        echo $twig->render('offres.html', []);
+    }
     protected function creerOffre()
     {
-        /*
+
         global $twig;
-        echo $twig->render('testImage.html', []);
+        echo $twig->render('CreerOffre.html', []);
-       /*
+
-         * */
+      /*  $con = new Connection("mysql:host=localhost;dbname=dbAlica",'test','test');
-        $con = new Connection("mysql:host=localhost;dbname=dbAlica",'test','test');
 
         $imgGw = new ImageGateway($con);
 
@@ -114,32 +128,92 @@ class UtilisateurControleur
         //echo $imglist[0]->getBlob();
        // echo $imglist[0]->toString();
 
-        echo '<img src="data:image/jpg;base64,' . base64_encode($imglist[0]->getBlob() ). '" height="100" width="100" alt="mon image" title="image"/>';
+        echo '<img src="data:image/jpg;base64,' . base64_encode($imglist[0]->getBlob() ). '" height="100" width="100" alt="mon image" title="image"/>';*/
 
     }
 
     protected function publierOffre()
     {
+        global $twig;
+        try{
+                if(isset($_POST["submit"]))
+                {
+                   // echo  "numero : ",$_POST["num"];
+                    $con = new Connection("mysql:host=localhost;dbname=dbAlica",'test','test');
+                    $imgGw = new ImageGateway($con);
+
+                    $img = new Image($imgGw->getNewId(),$_FILES["image"]["name"],
+                        $_FILES["image"]["size"],$_FILES["image"]["type"],file_get_contents($_FILES["image"]["tmp_name"]));
+
+                    $imgid = $imgGw->findByNom($img->getName())->getId();
+
+                    $desc = $_POST["description"];
+                    $descposte = $_POST["descriptPoste"];
+                    $nom = $_POST["name"];
+                    $ville = $_POST["ville"];
+                    $entreprise = $_POST["entreprise"];
+                    $profilRecherche = $_POST["profilRecherche"];
+                    $mail = $_POST["mail"];
+                    $num = $_POST["num"];
+                    $site = $_POST["site"];
+
+                    $type = match ($_POST["type"]) {
+                        "Stage" => TypeContrat::Stage,
+                        "CDI" => TypeContrat::CDI,
+                        "CDD" => TypeContrat::CDD,
+                        "Alternance" => TypeContrat::Alternance,
+                        default => TypeContrat::CDD,
+                    };
+
+                    $niveauEtudes = match ($_POST["education"]) {
+                        "Bac+2" => NiveauEtudes::Bac2,
+                        "Bac+3" => NiveauEtudes::Bac3,
+                        "Bac+5" => NiveauEtudes::Bac5,
+                        default => NiveauEtudes::Indifferent,
+                    };
+
+                    $offre = new Offre(NULL,$nom,$desc,$imgid,$type,$ville,$entreprise,$profilRecherche,$mail,$num,$site,$type,$niveauEtudes);
+                }
+            }
+            catch(\Exception )
+            {
+                $twig->render("erreur.html",['dVueErreur' => "erreur "]);
+            }
 
-        if(isset($_POST["submit"]))
+
+
+       if(isset($_POST["submit"]))
             $img = new Image($_FILES["image"]["name"],
                 $_FILES["image"]["size"],$_FILES["image"]["type"],file_get_contents($_FILES["image"]["tmp_name"]));
         else {
-            echo "<h1>Image non inserée<h1>";
+            echo $twig->render("erreur.html", ['dVueErreur' => "Erreur lors de l'upload de l'image"]);
             return;
         }
 
+
+
         $con = new Connection("mysql:host=localhost;dbname=dbAlica",'test','test');
 
         $imgGw = new ImageGateway($con);
 
         $imgGw->insertImage($img);
 
-        //echo $img->getBlob();
-        // echo '<img src="data:image/jpg;base64,' . base64_encode($img->getBlob() ). '" height="100" width="100" alt="mon image" title="image"/>';
       
-        echo "<h1>Image inserée<h1>";
+       // echo '<img src="data:image/jpg;base64,' . base64_encode($img->getBlob() ). '" height="100" width="100" alt="mon image" title="image"/>';
+
+
+    }
+
+
+    protected function testAction()
+    {
+        echo "test action ";
+        $con = new Connection("mysql:host=localhost;dbname=dbAlica",'test','test');
+        $offreGw = new OffreGateway($con);
 
+        if($offreGw->getMaxid() == NULL)
+            echo "max id == NULL";
+        else echo "max id != NULL";
     }
 
 

php/src/gateway/ImageGateway.php

@@ -2,8 +2,9 @@
 
 namespace App\gateway;
 
-use App\modele\Image;
+use App\metier\Image;
 use PDO;
+
 class ImageGateway
 {
     private Connection $con;
@@ -31,7 +32,7 @@ class ImageGateway
 
     public function insert(int $id,string $name, string $desc, string $taille, string $type, string $blob)
     {
-        $query = 'INSERT INTO Image (nom, taille, type, desc, blob) VALUES (:i, :n, :t, :ty, :d, :b)';
+        $query = 'INSERT INTO Image VALUES (:i, :n, :t, :ty, :d, :b)';
         $this->con->executeQuery($query, array(
             ':i' => array($id,PDO::PARAM_INT),
             ':n' => array($name, PDO::PARAM_STR),
@@ -43,6 +44,8 @@ class ImageGateway
     }
 
 
+
+
     public function delete(int $id)
     {
         $query = 'DELETE FROM Image WHERE id=:i';
@@ -61,6 +64,25 @@ class ImageGateway
         return new Image($res[0]['nom'], $res[0]['desc'], $res[0]['taille'], $res[0]['type'], $res[0]['blob']);
     }
 
+    public function findByNom(string $nom)
+    {
+        $query = 'SELECT * FROM Image WHERE nom=:n';
+        $this->con->executeQuery($query, array(
+            ':n' => array($nom, PDO::PARAM_STR)
+        ));
+        $res = $this->con->getResults();
+        return new Image($res[0]['nom'], $res[0]['taille'], $res[0]['type'], $res[0]['blob']);
+
+    }
+
+    public function getNewId()
+    {
+        $query = 'SELECT MAX(id) FROM Image';
+        $this->con->executeQuery($query);
+        $res = $this->con->getResults();
+        return $res[0]['MAX(id)'] + 1;
+    }
+
     public function getAll()
     {
         $query = 'SELECT * FROM Image';

php/src/gateway/OffreGateway.php

@@ -15,4 +15,12 @@ class OffreGateway
         $query='INSERT INTO Offre VALUES ()';
         $this->con->executeQuery($query, array());
     }
+
+    public function getMaxid()
+    {
+        $query = 'SELECT MAX(id) FROM Offre';
+        $this->con->executeQuery($query, array());
+        $res = $this->con->getResults();
+        return $res[0]['MAX(id)'];
+    }
 }

php/src/metier/Alumni.php

@@ -1,6 +1,6 @@
 <?php
 
-namespace App\modele;
+namespace App\metier;
 
 class Alumni{
     /**

php/src/metier/Article.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 
 class Article
 {

php/src/metier/Evenement.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 
 class Evenement
 {

php/src/metier/Experience.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 
 class Experience
 {

php/src/metier/Formation.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 
 class Formation
 {

php/src/metier/Image.php

@@ -1,10 +1,10 @@
 <?php
 
-namespace App\modele;
+namespace App\metier;
 
 class Image
 {
-    //private int $id;
+    private int $id;
     private string $name;
 
     private string $taille;
@@ -14,14 +14,15 @@ class Image
     private string $blob;
 
     /**
+     * @param int $id
      * @param string $name
      * @param string $taille
      * @param string $type
      * @param string $blob
      */
-    public function __construct( string $name, string $taille, string $type, string $blob)
+    public function __construct(int $id, string $name, string $taille, string $type, string $blob)
     {
-        //$this->id = $id;
+        $this->id = $id;
         $this->name = $name;
         $this->taille = $taille;
         $this->type = $type;
@@ -49,6 +50,11 @@ class Image
         return $this->blob;
     }
 
+    public function getId() : string
+    {
+        return $this->id;
+    }
+
     public function toString() : string {
         return "Image : " . $this->name . " " . $this->taille . " " . $this->type . " blob " . $this->blob;
     }

php/src/metier/Offre.php

@@ -1,6 +1,9 @@
 <?php
 namespace App\modele;
 
+use App\metier\Alumni;
+use App\metier\Profil;
+
 enum TypeContrat
 {
     case CDI;
@@ -49,7 +52,6 @@ class Offre
     /**
      * @var string Url de l'image
      */
-    private string $imageUrl;
 
     /**
      * @var \App\metier\TypeContrat Type de contrat
@@ -86,6 +88,8 @@ class Offre
      */
     private \App\metier\NiveauEtudes $niveauEtudes;
 
+    private int $imgId;
+
     /**
      * @var string Email de contact
      */
@@ -118,13 +122,13 @@ class Offre
      * @param string $numero
      * @param string $siteUrl
      */
-    public function __construct(int $id, Alumni $offreur, string $nom, string $description, string $imageUrl, \App\metier\TypeContrat $typeContrat, string $ville, string $entreprise, string $descriptifPoste, Profil $profil, string $experience, \App\metier\NiveauEtudes $niveauEtudes, string $mailContact, string $numero, string $siteUrl)
+    public function __construct(int $id, Alumni $offreur, string $nom, string $description,int  $imgId, \App\metier\TypeContrat $typeContrat, string $ville, string $entreprise, string $descriptifPoste, Profil $profil, string $experience, \App\metier\NiveauEtudes $niveauEtudes, string $mailContact, string $numero, string $siteUrl)
     {
         $this->id = $id;
         $this->offreur = $offreur;
         $this->nom = $nom;
         $this->description = $description;
-        $this->imageUrl = $imageUrl;
+        $this->imgId = $imgId;
         $this->typeContrat = $typeContrat;
         $this->ville = $ville;
         $this->entreprise = $entreprise;
@@ -211,4 +215,15 @@ class Offre
     {
         return $this->siteUrl;
     }
+
+
+    public function getImgId(): int
+    {
+        return $this->imgId;
+    }
+
+    public function setImgId(int $imgId): void
+    {
+        $this->imgId = $imgId;
+    }
 }

php/src/metier/Profil.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 
 class Profil
 {

php/src/metier/Role.php

@@ -1,5 +1,5 @@
 <?php
-namespace App\modele;
+namespace App\metier;
 enum Role
 {
     case Admin;

php/src/modele/AdminModele.php

@@ -2,13 +2,15 @@
 
 namespace App\modele;
 
+use App\metier\Alumni;
+
 class AdminModele extends MembreModele
 {
     /**
      * @description  supprimer un compte
      * @param Alumni $account compte à supprimer
      */
-    public function deleteAccount(\App\modele\Alumni $account)
+    public function deleteAccount(\App\metier\Alumni $account)
     {
         // TO DO
     }

php/src/modele/UtilisateurModele.php

@@ -16,12 +16,12 @@ class UtilisateurModele
      * @description se connecter
      * @param string email
      * @param string hash
-     * @return \App\modele\Alumni
+     * @return \App\metier\Alumni
      */
-    public function Login(string $email,string $hash) : \App\modele\Alumni
+    public function Login(string $email,string $hash) : \App\metier\Alumni
     {
         // TO DO
-        return new \App\modele\Alumni(null,null,null);
+        return new \App\metier\Alumni(null,null,null);
     }
 
     /**
@@ -31,7 +31,7 @@ class UtilisateurModele
      * @param string $pseudo
      * @return \Alumni chargé
      */
-    public function inscription(string $email, string $hashpassword): \App\modele\Alumni
+    public function inscription(string $email, string $hashpassword): \App\metier\Alumni
     {
         $dsn = "mysql:host=localhost;dbname=dbAlica";
         $username = "test";
@@ -43,11 +43,11 @@ class UtilisateurModele
         // Insérez le nouvel utilisateur dans la base de données en utilisant AlumniGateway
         if ($gate->insert($email, $hashpassword, $role)) {
             // L'insertion a réussi, retournez le nouvel utilisateur
-            $nouvelUtilisateur = new \App\modele\Alumni($email, $hashpassword, $role);
+            $nouvelUtilisateur = new \App\metier\Alumni($email, $hashpassword, $role);
             return $nouvelUtilisateur;
         } else {
             // L'insertion a échoué, renvoyez un utilisateur vide pour indiquer l'échec
-            return new \App\modele\Alumni(null, null,  null);
+            return new \App\metier\Alumni(null, null,  null);
         }
     }
 }

php/templates/CreerOffre.html

@@ -9,44 +9,27 @@
 <body>
 
 <header>
-  <nav class="navbar navbar-expand-lg navbar-light bg-light">
+  {% include "menu.html" %}
-    <a class="navbar-brand" href="accueil.html">Reseau Alica Info</a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse" id="navbarNav">
-      <ul class="navbar-nav">
-        <li class="nav-item">
-          <a class="nav-link" href="#">A propos</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#">Evenements</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#">Offres</a>
-        </li>
-      </ul>
-    </div>
-  </nav>
 </header>
 
 <main class="container mt-4">
   <h1>Publier Une Offre</h1>
 
-  <form style="background-color: #00DBFF" class="p-4" enctype="multipart/form-data"  action="../php/modeles/OffreModele.php" method="post">
+  <form style="background-color: #00DBFF" class="p-4" enctype="multipart/form-data"  action="index.php?action=publierOffre" method="post">
+    <p>Les champs contenant des astrérisques * sont obligatoires.</p>
     <div class="form-group">
-      <label for="name">Intitulé de l'offre</label>
+      <label for="name">Intitulé de l'offre*</label>
       <input type="text" class="form-control" id="name" name="name" placeholder="Intitulé">
     </div>
 
     <div class="form-group">
-      <label for="entreprise">Nom de l'entreprise :</label>
+      <label for="entreprise">Nom de l'entreprise :*</label>
       <input type="text" class="form-control" id="entreprise" name="entreprise" placeholder="Entreprise">
     </div>
 
 
     <div class="form-group">
-      <label for="description">Description</label>
+      <label for="description">Description*</label>
       <textarea  class="form-control" id="description" name="description" placeholder="Description rapide"></textarea>
     </div>
 
@@ -61,7 +44,7 @@
     </div>
 
     <div class="form-group">
-      <label for="choixContrat">Choisissez un type de contrat :</label>
+      <label for="choixContrat">Choisissez un type de contrat :*</label>
       <select class="form-control" id="choixContrat" name="typeContrat">
         <option value="CDI">CDI</option>
         <option value="CDD">CDD</option>
@@ -71,17 +54,17 @@
     </div>
 
     <div class="form-group">
-      <label for="descriptPoste">Descriptif du Poste :</label>
+      <label for="descriptPoste">Descriptif du Poste :*</label>
       <textarea class="form-control" id="descriptPoste" name="descriptPoste" placeholder="Description du Poste"></textarea>
     </div>
 
     <div class="form-group">
-      <label for="profilRecherche">Profil Recherché :</label>
+      <label for="profilRecherche">Profil Recherché :*</label>
       <textarea class="form-control" id="profilRecherche" name="profilRecherche" placeholder="Profil recherché"></textarea>
     </div>
 
     <div class="form-group">
-      <label for="choixExp">Experience Recherchée :</label>
+      <label for="choixExp">Experience Recherchée :*</label>
       <select class="form-control" id="choixExp" name="choixExp">
         <option value="Junior">Junior</option>
         <option value="Senior">Senior</option>
@@ -89,34 +72,35 @@
       </select>
     </div>
 
-    <label>Niveau d'études :</label>
+    <label>Niveau d'études :*</label>
     <div class="form-check-inline">
-      <input type="checkbox" class="form-check-input" id="indifferent" name="education" value="indifferent" checked>
+      <input type="radio" class="form-check-input" id="indifferent" name="education" checked>
       <label class="form-check-label" for="indifferent">Indifférent</label>
     </div>
 
     <div class="form-check-inline">
-      <input type="checkbox" class="form-check-input" id="bac2" name="education" value="bac2">
+      <input type="radio" class="form-check-input" id="bac2" name="education">
       <label class="form-check-label" for="bac2">Bac +2</label>
     </div>
 
     <div class="form-check-inline">
-      <input type="checkbox" class="form-check-input" id="bac5" name="education" value="bac5">
+      <input type="radio" class="form-check-input" id="bac5" name="education">
-      <label class="form-check-label" for="bac5">Bac +5</label>
+      <label class="form-check-label" for="bac5">Bac +3</label>
     </div>
 
     <div class="form-check-inline">
-      <input type="checkbox" class="form-check-input" id="bac8" name="education" value="bac8">
+      <input type="radio" class="form-check-input" id="bac8" name="education">
-      <label class="form-check-label" for="bac8">Bac +8</label>
+      <label class="form-check-label" for="bac8">Bac +5</label>
     </div>
 
+
     <div class="form-group">
-      <label for="mail">Email de contact :</label>
+      <label for="mail">Email de contact :*</label>
       <input type="text" class="form-control" id="mail" name="mail" placeholder="Adresse de contact">
     </div>
 
     <div class="form-group">
-      <label for="num">Numero de contact :</label>
+      <label for="num">Numero de contact :*</label>
       <input type="text" class="form-control" id="num" name="num" placeholder="Numéro de contact">
     </div>
 
@@ -126,7 +110,7 @@
     </div>
 
     <input type="file" name="fileToUpload" id="fileToUpload">
-    <input type="submit" value="Publier L'annonce" name="submit">
+    <input type="submit" value="Publier L'annonce" name="submit" id="submit">
 
   </form>
 

php/templates/menu.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <link rel="stylesheet" type="text/css" href="css/menu.css">
+</head>
+<nav class="navbar-container">
+  <div class="logo-container">
+    <a href="index.php">
+      <img src="assets/logo.png" alt="Logo" height="70px">
+    </a>
+  </div>
+  <div class="bars">
+    <div class="bar"></div>
+    <div class="bar"></div>
+    <div class="bar"></div>
+  </div>
+  <ul class="nav-items">
+    <li class="nav-link"><a href="#">A propos</a></li>
+    <li class="nav-link"><a href="#">Evenements</a></li>
+    <li class="nav-link"><a href="#">Offres</a></li>
+    <li class="nav-link"><a href="#">Nous contacter</a></li>
+  </ul>
+  <ul class="nav-items">
+    <div class="login-register">
+      <a href="index.php?action=connection" class="button">Connexion</a>
+      <a href="index.php?action=inscription" class="button button2">Inscription</a>
+    </div>
+  </ul>
+</nav>
+</html>

php/templates/offres.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Alica - Offres</title>
+
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+
+<header>
+  {% include "menu.html" %}
+</header>
+
+<div class="container mt-4">
+    <h1 id="titrePrincipal">Offres d'emploi</h1>
+
+    <article class="mb-4">
+        <div class="row">
+            <div class="col-sm-3">
+                <img src="assets/michelin.png" alt="Michelin" class="img-fluid">
+            </div>
+            <div class="col-sm-9">
+                <h3>Administrateur de bases de données (CDI)</h3>
+                <p>Julien Martin - 15 Janvier 2022</p>
+                <p>Nous recherchons un administrateur en base de données pour contribuer au développement de nos infrastructures</p>
+                <img src="assets/location.png" alt="Localisation">
+                <p>Clermont-Ferrand (63)</p>
+            </div>
+        </div>
+    </article>
+
+    <article class="mb-4">
+        <div class="row">
+            <div class="col-sm-3">
+                <img src="assets/michelin.png" alt="Michelin" class="img-fluid">
+            </div>
+            <div class="col-sm-9">
+                <h3>Administrateur de bases de données (CDI)</h3>
+                <p>Julien Martin - 15 Janvier 2022</p>
+                <p>Nous recherchons un administrateur en base de données pour contribuer au développement de nos infrastructures</p>
+                <img src="assets/location.png" alt="Localisation">
+                <p>Clermont-Ferrand (63)</p>
+            </div>
+        </div>
+    </article>
+
+    <article class="mb-4">
+        <div class="row">
+            <div class="col-sm-3">
+                <img src="assets/michelin.png" alt="Michelin" class="img-fluid">
+            </div>
+            <div class="col-sm-9">
+                <h3>Administrateur de bases de données (CDI)</h3>
+                <p>Julien Martin - 15 Janvier 2022</p>
+                <p>Nous recherchons un administrateur en base de données pour contribuer au développement de nos infrastructures</p>
+                <img src="assets/location.png" alt="Localisation">
+                <p>Clermont-Ferrand (63)</p>
+            </div>
+        </div>
+    </article>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>