extends layout

block content
    .container.mt-5

        h1 Modifier une Annonce

        form(action=`/announcements/update/${announcement._id}`, method="post", enctype="multipart/form-data")
            .form-group
                label(for="title") Titre
                input#title.form-control(type="text", name="title", required, value=announcement.title)

            .form-group
                label(for="propertyType") Type de Bien
                select#propertyType.form-control(name="propertyType", required)
                    option(value="À la vente", selected=announcement.propertyType === "À la vente") À la vente
                    option(value="À la location", selected=announcement.propertyType === "À 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', value=announcement.price)

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

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

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

            .form-group
                label(for="propertyStatus") Statut Bien
                select#propertyStatus.form-control(name="propertyStatus", required)
                    option(value="Disponible", selected=announcement.propertyStatus === "Disponible") Disponible
                    option(value="Loué", selected=announcement.propertyStatus === "Loué") Loué
                    option(value="Vendu", selected=announcement.propertyStatus === "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") Modifier l'annonce
            a.btn.btn-secondary(href="/announcements") Annuler