{% extends 'admin/base.html.twig' %}

{% block title %}Adhésions HelloAsso | {{ parent() }}{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a class="opacity-5 text-dark" href="{{ path('@HelloAsso_admin_campaign_index') }}">Campagnes</a></li>
            <li class="breadcrumb-item"><a class="opacity-5 text-dark" href="{{ path('@HelloAsso_admin_campaign_edit', {'id':campaign.id}) }}">{{ campaign.name }}</a></li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">Adhésions</li>
        </ol>
    </nav>
{% endblock %}

{% block body %}
<div class="row">
    <div class="col-12">
        <div class="card my-4">
            {{ include('admin/ui/card/_header.html.twig', {
                card_header_title:'Liste des adhésions HelloAsso',
                card_header_right_route:'@HelloAsso_admin_membership_new',
                card_header_right_label:'Nouvelle adhésion'
            }) }}
            <div class="card-body px-0 pb-2">
                <div class="table-responsive p-0">
                    <table class="table align-items-center mb-0">
                        <thead>
                        <tr>
                            {{ include('admin/ui/table/_th_first.html.twig', {label:'Nom'}) }}
                            {{ include('admin/ui/table/_th.html.twig', {label:'Profil'}) }}
                            {{ include('admin/ui/table/_th.html.twig', {label:'Campagne'}) }}
                            {{ include('admin/ui/table/_th.html.twig', {label:'Prix'}) }}
                            {{ include('admin/ui/table/_th.html.twig', {label:'État'}) }}
                            {{ include('admin/ui/table/_th_action.html.twig', {sizePx:150}) }}
                        </tr>
                        </thead>
                        <tbody>
                        {% for membership in memberships %}
                            <tr>
                                <td>{{ membership.name }}</td>
                                <td>{{ membership.userProfile.name }}</td>
                                <td>{{ membership.campaign.name }}</td>
                                <td>{{ membership.price|formatPriceDevise }}</td>
                                <td>
                                    {{ include('admin/ui/_badge.html.twig', {
                                        badge_class: membership.isActive ? 'bg-success' : 'bg-secondary',
                                        badge_label: membership.isActive ? 'Active' : 'Inactive'
                                    }) }}
                                </td>
                                <td class="align-middle text-end">
                                    {{ include('admin/ui/_link_button.html.twig', {link_class:'primary', link_path:path('@HelloAsso_admin_membership_edit', {'id': membership.id}), link_label:'Modifier'}) }}
                                    {{ include('@HelloAsso/admin/membership/_delete_form.html.twig') }}
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="6" class="text-center text-muted py-3">Aucune adhésion trouvée.</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}