{% extends 'layout.twig' %}
{% block title %} Accueil {% endblock %}
{% block body %}
	<h1>{{title}}</h1>
	<div class="desc_index">
      <div class="jumbotron mt-3 maintxt">
      
        <h1 class="display-3">Bienvenue sur iwocs immobilier</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 prochain déplacement????</p>	
      </div>
    </div>

	</div>
	<div class="row" style="padding: 50px;">

		

		{% for ad in results %}
		{% if ad.statusPublication=="publiée" %}
			<div class="col-md-4">
				<div class="card bg-light mb-3">
					<div class="card-header text-center">
						<button type="button" class="btn btn-light position-relative">
              Prix : <strong "style="color: green;"">{{ad.prix}}&euro;</strong>
              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-success">
              {{ad.type}}
            <span class="visually-hidden">unread messages</span>
            </span>
            </button>


			<button type="button" class="btn btn-light position-relative mx-5">
              <strong "style="color: green;"">{{ad.statusBien}}</strong>
              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-success">
              {{ad.date|date('Y-m-d')}}
            <span class="visually-hidden">unread messages</span>
            </span>
            </button>

					</div>
					<a href="/show/{{ad.slug}}/{{ad.id}}">
						<img style="height: 200px; width: 100%; display: block;" src="./uploads/{{ad.images|first}}" alt="image de l appartement"></a>
					<div class="card-body">
						<h2 class="card-title">
							<a href="/show/{{ad.slug}}/{{ad.id}}" style="color: black;">{{ ad.titre }}</a>
						</h2>
						<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>
			{% endif %}
		{% endfor %}
	</div>
{% endblock %}
