{% 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>
        {% if courses.getTotalItemCount > 0 %}
        <div class="col-auto">
            <b class="text-primary">{{ courses.getTotalItemCount }} résultats </b> correspondent à votre recherche.
        </div>
        {% else %}
        <div class="col-auto">
            <b class="text-primary">{{ courses.getTotalItemCount }} résultat </b> ne correspond à votre recherche.
        </div>
        {% endif %}
    </div>
    <div class="row">
        {% if courses | length > 0 %} {% for cours in courses %}
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2">
            {% include 'courses/card.html.twig' %}
        </div>
        {% endfor %}
        <div class="navigation my-4">
            {% do courses.setPageRange(2) %} {{ knp_pagination_render(courses,'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 qui correspondent vos critères de recherche.</p>
                <p class="text-center text-muted">
                    <a class="btn btn-primary" href="{{ path('cours')}}">Explorer les cours</a>
                </p>
            </div>
        </div>
        {% endif %}
    </div>
</div>
</div>
{% endblock %}