extends layout

block content
    .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