{# extends 'basehangar.html.twig' #}

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

{% block title %}Nos Hangars{% endblock %}

{% block body %}
<h2>dans template\hangar\index.html.twig - ludmilla</h2>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
       ceci est une fenetre modal
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
<div class="container">
    <div class="row">
         <h3 class="text-center">Rechercher</h3>
          {{ form_start(form) }}
          <div class="form-row align-items-end">
              <div class="col">
                  {{ form_row(form.string) }}
              </div>
              <div class="col">
                  {{ form_row(form.categories) }}
              </div>
              <div class="col">
                  {{ form_row(form.submit) }}
              </div>
                 
          </div>
          {{ form_end(form) }}
      </div>
     
       <div class="row">
            {% for hangar in hangars %}
                <div class="col-md-4">
                    <div class="product-item">
                        <a href="{{ path('hangar_show', {slug: hangar.slug}) }}"><img class="img-fluid" src="{{ asset("uploads/") ~ hangar.image  }}" alt="{{hangar.name}}"></a>
                       
					{#	<h5><a href="{{ path('hangar_show', {'id': hangar.id}) }}">hangar_show</a></h5> #}
						<h5 class="mt-2">{{ hangar.name}}</h5>
                        <span class="product-subtitle text-center">{{hangar.subtitle}}</span>
						<span class="product-subtitle text-center">{{hangar.departement}}</span>
                        <span class="product-price text-center">{{(hangar.price / 100 )|number_format(2,',', '.')}} € </span>
                    </div>
                </div>
            {% endfor %}
        </div> 
 
</div>
  
{% endblock %}