add_announcement.pug

doctype html
html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title Ajouter une Annonce
    link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css")

  body
    .container.mt-5

      h1 Ajouter une Annonce

      form(action="/announcements/add-announcement", method="post", enctype="multipart/form-data")
        .form-group
          label(for="title") Titre
          input#title.form-control(type="text", name="title", required)

        .form-group
          label(for="propertyType") Type de Bien
          select#propertyType.form-control(name="propertyType", required)
            option(value="À la vente") À la vente
            option(value="À la location") À la location

        .form-group
          label(for="price") Prix
          input#price.form-control(type="text", name="price", required, pattern="[0-9]+(\.[0-9]{1,2})?", title="Veuillez entrer un nombre")

        .form-group
          label(for="availabilityDate") Date de disponibilité
          input#availabilityDate.form-control(type="date", name="availabilityDate", required)


        .form-group
          label(for="description") Description
          textarea#description.form-control(name="description", required)

        .form-group
          label(for="publicationStatus") Statut Publication
          select#publicationStatus.form-control(name="publicationStatus", required)
            option(value="Publiée") Publiée
            option(value="Non publiée") Non publiée

        .form-group
          label(for="propertyStatus") Statut Bien
          select#propertyStatus.form-control(name="propertyStatus", required)
            option(value="Disponible") Disponible
            option(value="Loué") Loué
            option(value="Vendu") Vendu

        .form-group
          label(for="photos") Photos
          input#photos.form-control(type="file", name="photos", accept="image/*", multiple)

        button.btn.btn-primary(type="submit") Ajouter l'annonce
        a.btn.btn-secondary(href="/announcements") Annuler