{% extends 'layout.twig' %}

{% block body %}
  <h1>{{title}}</h1>
  <div class="jumbotron mt-3">
    <img src="..\public\uploads\maison.jpg" alt="accueil">
		<h1 class="display-3">Bienvenue sur IMINE</h1>
		<p class="lead">Nous mettons en relations les voyageurs et les
			propriétaires qui veulent profiter d'opportunités et gagner de
			l'argent en proposant leur bien a la location!</p>
		<hr class="my-4">
		<p>Vous etes voyageurs!!! Et vous voulez voir ou vous pourrez
			loger pour votre prouchain déplacement????</p>
	</div>
  <div class="row">
    {% for ad in results %}
    <div class="col-md-4">
        <div class="card bg-light mb-3">
          <div class="card-header text-center">
            {{ ad.prix }}
            chambres, <strong> {{ ad.prix }} &euro;/nuit </strong><br> 
          </div>
          <a href="#"> <img
            style="height: 200px; width: 100%; display: block;"
            src="../public/uploads/{{ad.images}}" alt="image de l appartement"></a>
          <div class="card-body">
            <h4 class="card-title">
              <a href="#">titre</a>
            </h4>
            <p class="card-text">
              dddddddddddddddddddddddddddddddddddddddddddddddd
            </p>
            <a href="/show/{{ad.id}}"
              class="btn btn-primary float-right">Savoir plus !</a>
              
                <a href="#" class="btn btn-secondary">Modifier l'annonce</a>
              

          </div>
        </div>
      </div>
      {% endfor %}
  </div>
{% endblock %}
