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

{% block body %}
          
	<h1>homehangar.html.twigk</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/images/hangar/") ~ 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">Nouveau  -  uploads/bannierehangar.jpg</h2>
            <p class="lead">Nouveau</p>
        </div>
        <div class="col-md-5">
             <img class="img-fluid" src="{{ asset("uploads/bannierehangar.jpg") }}" alt="bannierehangar.jpg"></a>
        {#     <img class="img-fluid" src="{{ asset('assets/img/hangar.jpg') }}" alt="model woman"> #}
        </div>
    </div>
    
    <hr class="featurette-divider">

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