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

{% block title %}Partenaires{% endblock %}

{% block body %}
    <div class="flex items-center justify-between">
        <h1 class="h1">Partenaires</h1>
        <a href="{{ path('admin_partner_new') }}" class="btn-primary">Ajouter un partenaire</a>
    </div>

    <div class="card mt-2 mb-2 {{ formSearch.searching == false ? 'hidden' : '' }} js-card-filter">
        <div class="card_body">
            <form action="{{ path('admin_partner_index') }}" method="GET">
                <div class="grid grid-cols-2 gap-4">
                    <div class="form-group">
                        <label for="name">Nom</label>
                        <input type="text" name="name" id="name" value="{{ formSearch.get('name') }}">
                    </div>
                    <div class="flex justify-end items-center mt-4 gap-2">
                        <button type="submit" class="btn-primary btn-small">Rechercher</button>
                        {% if formSearch.searching %}
                            <a href="{{ path('admin_partner_index', { 'reset-filters': 1 }) }}" class="btn-secondary btn-small">Réinitialiser</a>
                        {% endif %}
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card_body">
            <table class="table">
                <thead>
                <tr>
                    <th>Logo</th>
                    <th>Nom</th>
                    <th>Actif</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for partner in partners %}
                    <tr>
                        <td>
                            {% if partner.logo %}
                                <img src="{{ vich_uploader_asset(partner, 'logoFile')|imagine_filter('miniature_article_admin') }}" alt="{{ partner.name }}" class="max-h-[50px]">
                            {% else %}
                                <span class="text-gray-400">Aucun logo</span>
                            {% endif %}
                        </td>
                        <td>{{ partner.name }}</td>
                        <td>
                            <span>
                                {{ partner.isOnline ? icon('valid', true) : icon('invalid', true) }}
                            </span>
                        </td>
                        <td>
                            <span class="flex gap-2">
                                <a href="{{ path('admin_partner_edit', { id : partner.id }) }}" class="text-contrast">
                                    {{ icon('edit', true) }}
                                </a>
                                <confirm-delete data-action="{{ path('admin_partner_delete', { id : partner.id }) }}">
                                </confirm-delete>
                            </span>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4" class="text-center text-gray-500">Aucun partenaire enregistré.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {{ knp_pagination_render(partners) }}
        </div>
    </div>
{% endblock %}