announcements.pug

doctype html
html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
    title Liste des Annonces Immobilières
    link(href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css", rel="stylesheet")
  body
    .container.mt-5
      .d-flex.justify-content-between.mb-3
        h1 Liste des Annonces Immobilières
        form(action="/announcements/add-announcement", method="get")
          button.btn.btn-primary(type="submit") Ajouter une Annonce

      table.table
        thead
          tr
            th(scope="col") Titre
            th(scope="col") Type de Bien
            th(scope="col") Prix
            th(scope="col") Description
            th(scope="col") Statut Publication
            th(scope="col") Statut Bien
        tbody
          each announcement in announcements
            tr
              td= announcement.title
              td= announcement.propertyType
              td= announcement.price + '€'
              td= announcement.description
              td= announcement.publicationStatus
              td= announcement.propertyStatus

    script(src="https://code.jquery.com/jquery-3.5.1.slim.min.js")
    script(src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js")
    script