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")
          .d-flex
            button.btn.btn-primary.mr-2(type="submit") Ajouter une Annonce
            if isAuthenticated
                a.btn.btn-danger(href="/logout") Déconnexion

      .row
        each announcement in announcements
          .col-md-4.mb-4
            .card
              img.card-img-top(src=`/uploads/${announcement.photos[0]}`, alt=announcement.title)
              .card-body
                h5.card-title= announcement.title
                p.card-text= announcement.propertyType
                p.card-text= announcement.price + '€'
                a.btn.btn-primary(href=`/announcements/${announcement._id}`) Voir les détails