{% extends "base.html.twig" %} {% block content %}
<div class="container">
    <div class="row mt-5">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ul class="list-inline">
                    <li class="list-inline-item"><a class="nav-link text-dark p-0" href="{{ path('home') }}">Accueil</a></li>
                    <li class="list-inline-item">/</li>
                    <li class="list-inline-item"><a class="nav-link text-dark p-0" href="{{ path('search') }}">Recherche</a></li>
                </ul>
            </nav>
        </div>
        <div class="col-auto">
            <b>{{ formations.getTotalItemCount }} Résultats </b> correspond à votre recherche.
        </div>
    </div>
    <div class="row">
        {% if formations | length > 0 %} {% for formation in formations %}
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2">
            {% include 'formation/card.html.twig' %}
        </div>
        {% endfor %}
        <div class="navigation my-4">
            {% do formations.setPageRange(2) %} {{ knp_pagination_render(formations,'pagination.html.twig') }}
        </div>
        {% else %}
        <div class="container mt-5">
            <div class="row">
                <img src="{{asset('build/images/no-courses.svg')}}" class="card-img-top rounded-img-5 img-card-size" alt="no cours">
                <p class="text-center my-4 text-muted">Nous n'avons pas trouvé de résultats avec vos critères de recherche.</p>
                <p class="text-center text-muted">
                    <a class="btn nav-link btn-no-course" href="{{ path('formation')}}">Explorer les cours
          </a>
                </p>
            </div>
        </div>
        {% endif %}
    </div>
</div>
</div>
{% endblock %}