{% extends 'layout.twig' %}
{% block title %} Accueil {% endblock %}
{% block body %}
	<h1>{{title}}</h1>
  <div class="desc_index">
      <div class="jumbotron mt-3">
		  <!--<img class="wallpaper" src="./fonds/maison.png" 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>

	</div>
	<div class="row">

		<a class="btn btn-success" href="/ads/create" role="button">Create</a>

		{% for ad in results %}
			<div class="col-md-4">
				<div class="card bg-light mb-3">
					<div class="card-header text-center">
						<strong>
							{{ ad.prix }}
              {% if (ad.type =="Location") %}
							  &euro;/mois
              {% else %}
                &euro;
              {% endif %}
						</strong><br>
					</div>
					<a href="#">
						<img style="height: 200px; width: 100%; display: block;" src="./images/maison.png" alt="image de l appartement"></a>
					<div class="card-body">
						<h4 class="card-title">
							<a href="#">titre</a>
						</h4>
						<p class="card-text">
							{{ad.description}}
						</p>
						<a href="/show/{{ad.slug}}/{{ad.id}}" class="btn btn-primary float-right">Savoir plus !</a>
						<a href="/ads/update/{{ad.id}}" class="btn btn-warning">update l'annonce</a>

						<a href="/ads/{{ad.id}}" class="btn btn-danger">delete l'annonce</a>


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