{% extends 'base.html.twig' %}

{% block body %}
    <h3>Top Location du moment</h3>
	<h1>homehangar.html.twig</h1>
    <p>Découvrez nos articles les plus louer du mois dernier</p>
    <div class="row">
        {% for hangar in top_hangars %}
            <div class="col-md-4">
                <div class="hangar-item">
                    <a href="{{ path('hangar_show', {slug: hangar.slug}) }}">
					<img class="img-fluid" src="{{ asset("uploads/") ~ hangar.image  }}" alt="{{hangar.name}}"></a>
					
                    <h5 class="mt-2">{{ hangar.name}}</h5>
                    <span class="hangar-subtitle text-center">{{hangar.subtitle}}</span>
                    <span class="hangar-price text-center">{{(hangar.price / 100 )|number_format(2,',', '.')}} € </span>
                </div>
            </div>
        {% endfor %}
    </div><!-- /.row -->

    <!-- START THE FEATURETTES -->

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Ne ratez pas notre <span class="text-muted">collection automne</span></h2>
            <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
            <img class="img-fluid" src="{{ asset('assets/img/hangar.jpg') }}" alt="model woman">
        </div>
    </div>
    
    <hr class="featurette-divider">

    <!-- /END THE FEATURETTES -->
	
{% endblock %}