<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>Publier une Offre</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<header>
  {% include "menu.html" %}
</header>

<main class="container mt-4">
  <h1>Publier Une Offre</h1>

  <form style="background-color: #00DBFF" class="p-4" enctype="multipart/form-data"  action="createOffer" method="post">

      {% if tabError is defined %}
      {% for error in tabError %}
    <p style="color: red">{{ error }}</p>
    {% endfor %}
    {% endif %}


    <p>Les champs contenant des astrérisques * sont obligatoires.</p>
    <div class="form-group">
      <label for="name">Intitulé de l'offre*</label>
      <input type="text" class="form-control" id="name" name="name" placeholder="Intitulé" maxlength="128" required>
    </div>

    <div class="form-group">
      <label for="entreprise">Nom de l'entreprise :*</label>
      <input type="text" class="form-control" id="entreprise" name="entreprise" placeholder="Entreprise" maxlength="64" required>
    </div>


    <div class="form-group">
      <label for="description">Amorce :*</label>
      <textarea  class="form-control" id="description" name="description" placeholder="Description rapide" maxlength="200" required></textarea>
    </div>

    <div class="form-check">
      <input type="checkbox" class="form-check-input" id="fullRemote" name="fullRemote" >
      <label class="form-check-label" for="fullRemote">Full Remote</label>
    </div>

    <div class="form-group">
      <label for="ville">Ville</label>
      <input type="text" class="form-control" id="ville" name="ville" placeholder="Ville" required maxlength="100">
    </div>

    <div class="form-group">
      <label for="choixContrat">Choisissez un type de contrat :*</label>
      <select class="form-control" id="choixContrat" name="typeContrat">
        <option value="CDI" selected>CDI</option>
        <option value="CDD">CDD</option>
        <option value="Alternance">Alternance</option>
        <option value="Stage">Stage</option>
      </select>
    </div>

    <div class="form-group">
      <label for="descriptPoste">Descriptif du Poste :*</label>
      <textarea class="form-control" id="descriptPoste" name="descriptPoste" placeholder="Description du Poste" required maxlength="2028"></textarea>
    </div>

    <div class="form-group">
      <label for="profilRecherche">Profil Recherché :*</label>
      <textarea class="form-control" id="profilRecherche" name="profilRecherche" placeholder="Profil recherché" required maxlength="2028"></textarea>
    </div>

    <div class="form-group">
      <label for="choixExp">Experience Recherchée :*</label>
      <select class="form-control" id="choixExp" name="choixExp" required>
        <option value="Indifférent" selected>Indifferent</option>
        <option value="Junior">Junior</option>
        <option value="Senior">Senior</option>
      </select>
    </div>

    <div class="form-group">
      <label for="nivEtudes">Niveau d'études :*</label>
      <select class="form-control" id="nivEtudes" name="education" required>
        <option value="Indifférent" selected>Indifferent</option>
        <option value="Bac+2">Bac+2</option>
        <option value="Bac+3">Bac+3</option>
        <option value="Bac+5">Bac+5</option>
      </select>
    </div>

    <div class="form-group">
      <label for="mail">Email de contact :*</label>
      <input type="text" class="form-control" id="mail" name="mail" placeholder="Adresse de contact" maxlength="30" required>
    </div>

    <div class="form-group">
      <label for="num">Numero de contact :*</label>
      <input type="text" class="form-control" id="num" name="num" placeholder="Numéro de contact" required maxlength="10">
    </div>

    <div class="form-group">
      <label for="site">Site web de l'annonce ou entreprise :</label>
      <input type="text" class="form-control" id="site" name="site" placeholder="Adresse web"  maxlength="40" required>
    </div>

    <label for="image">Image*</label>
    <input type="file" name="image" id="image" required>
    <label for="logo">Logo d'entreprise*</label>
    <input type="file" name="logo" id="logo" required>
    <input type="submit" value="Publier L'annonce" name="submit" id="submit">
    <p><i>Les images doivent être de type png, jpg, jpeg, bmp, webp & inférieures à 10MB</i></p>
  </form>

</main>

<!-- scripts : -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>


