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

{% block title %}Modifier une campagne 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 text-sm text-dark active" aria-current="page">{{ campaign.name }}</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:"Modifier la campagne"}) }}
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-9">
                            {{ include('@HelloAsso/admin/campaign/_form.html.twig') }}
                        </div>
                        <div class="col-3 border-start">
                            <div class="mb-3">
                                Date de création : <br/> {{ campaign.createdAt|date('d/m/Y H:i') }}
                            </div>
                            <div class="mb-3">
                                Dernière modification : <br/> {{ campaign.updatedAt|date('d/m/Y H:i') }}
                            </div>
                            <hr/>
                            <div class="mb-3">
                                <a href="{{ campaign.campaignUrl }}" target="_blank" class="btn btn-sm btn-info">
                                    Voir la page HelloAsso
                                </a>
                            </div>
                            <hr/>
                            <div class="mb-3">
                                {{ include('@HelloAsso/admin/campaign/_delete_form.html.twig') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {card_header_title:"Liste des adhésions possibles"}) }}
                <div class="card-body pb-2">
                    <div class="table-responsive">
                        <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:'Description'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'Prix'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'Profil'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'État'}) }}
                                {{ include('admin/ui/table/_th_action.html.twig', {sizePx:150}) }}
                            </tr>
                            </thead>
                            <tbody>
                            {% for adhesion in adhesions %}
                                <tr>
                                    <td>{{ adhesion.name }}</td>
                                    <td class="text-muted small">{{ adhesion.description|default('-') }}</td>
                                    <td>{{ adhesion.price|formatPriceDevise }}</td>
                                    <td>{{ adhesion.userProfile.name }}</td>
                                    <td>
                                        {{ include('admin/ui/_badge.html.twig', {
                                            badge_class: adhesion.isActive ? 'bg-success' : 'bg-secondary',
                                            badge_label: adhesion.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': adhesion.id}),
                                            link_label:'Modifier'
                                        }) }}
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-3">
                                        Aucune adhésion définie pour cette campagne.
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3 text-end">
                        {{ include('admin/ui/_link_button.html.twig', {
                            link_class:'success',
                            link_path:path('@HelloAsso_admin_membership_new'),
                            link_label:'Ajouter une adhésion'
                        }) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}