<!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>
</header>

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

  <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>
      <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>
      <input type="text" class="form-control" id="entreprise" name="entreprise" placeholder="Entreprise">
    </div>


    <div class="form-group">
      <label for="description">Description*</label>
      <textarea  class="form-control" id="description" name="description" placeholder="Description rapide"></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">
    </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">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"></textarea>
    </div>

    <div class="form-group">
      <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>
      <select class="form-control" id="choixExp" name="choixExp">
        <option value="Junior">Junior</option>
        <option value="Senior">Senior</option>
        <option value="Indifférent">Indifferent</option>
      </select>
    </div>

    <label>Niveau d'études :*</label>
    <div class="form-check-inline">
      <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="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="radio" class="form-check-input" id="bac5" name="education">
      <label class="form-check-label" for="bac5">Bac +3</label>
    </div>

    <div class="form-check-inline">
      <input type="radio" class="form-check-input" id="bac8" name="education">
      <label class="form-check-label" for="bac8">Bac +5</label>
    </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">
    </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">
    </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">
    </div>

    <input type="file" name="image" id="image">
    <input type="submit" value="Publier L'annonce" name="submit" id="submit">

  </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>

<script src="../scripts/creerOffre.js"></script>

</body>
</html>