{% extends 'admin/layout.html.twig' %}
{% import 'admin/_macros.html.twig' as m %}
{% block title %}Tarifs{% endblock %}
{% block main %}

<div class="adm-section-header">
    <h1 style="font-size:1.5rem;margin:0;color:#2b1714">Gestion des Tarifs</h1>
    <a href="{{ path('admin_tarifs_section_new') }}" class="btn btn-primary">+ Nouvelle section</a>
</div>

{% for section in sections %}
<div class="adm-card">
    <div class="adm-section-header">
        <div>
            <h2>{{ section.title }}
                {% if not section.isActive %}<span class="badge badge-no" style="font-size:.7rem;margin-left:8px">Masquée</span>{% endif %}
            </h2>
            {% if section.note %}<p style="margin:0;font-size:.82rem;color:#6f6863">{{ section.note }}</p>{% endif %}
        </div>
        <div style="display:flex;gap:4px">
            {{ m.btn_edit(path('admin_tarifs_section_edit', {id: section.id}), 'Modifier la section') }}
            {{ m.btn_del(path('admin_tarifs_section_delete', {id: section.id}), 'delete-section-' ~ section.id, 'Supprimer cette section et tout son contenu ?') }}
        </div>
    </div>

    {% if section.cards is not empty %}
    <div class="adm-table-wrap">
    <table class="adm-table adm-table-mob" style="margin-bottom:12px">
        <thead>
            <tr><th>Formule</th><th>Prix</th><th>En avant</th><th style="width:70px;text-align:center">Visible</th><th style="width:90px"></th></tr>
        </thead>
        <tbody>
        {% for card in section.cards %}
        <tr>
            <td class="adm-td-main">
                <strong>{{ card.title }}</strong>
                {% if card.subtitle %}<span style="color:#6f6863;font-size:.82rem;display:block">{{ card.subtitle }}</span>{% endif %}
            </td>
            <td class="adm-td-meta">{{ card.priceMainAmount }} {{ card.priceMainUnit }}</td>
            <td class="adm-td-meta">
                {% if card.featured %}
                <span class="badge badge-feat" title="Thème sombre">
                    <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
                </span>
                {% else %}—{% endif %}
            </td>
            <td class="adm-td-status" style="text-align:center">
                <span class="badge {{ card.isActive ? 'badge-yes' : 'badge-no' }}">{{ card.isActive ? '✓' : '✗' }}</span>
            </td>
            <td class="adm-td-actions" style="text-align:right">
                <div style="display:flex;gap:4px;justify-content:flex-end">
                    {{ m.btn_edit(path('admin_tarifs_card_edit', {id: card.id})) }}
                    {{ m.btn_del(path('admin_tarifs_card_delete', {id: card.id}), 'delete-card-' ~ card.id, 'Supprimer cette formule ?') }}
                </div>
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    {% endif %}

    {% if section.services is not empty %}
    <div class="adm-table-wrap">
    <table class="adm-table adm-table-mob" style="margin-bottom:12px">
        <thead>
            <tr><th>Prestation</th><th>Prix TTC</th><th style="width:70px;text-align:center">Visible</th><th style="width:90px"></th></tr>
        </thead>
        <tbody>
        {% for svc in section.services %}
        <tr>
            <td class="adm-td-main">{{ svc.label }}</td>
            <td class="adm-td-meta"><strong>{{ svc.price }}</strong></td>
            <td class="adm-td-status" style="text-align:center">
                <span class="badge {{ svc.isActive ? 'badge-yes' : 'badge-no' }}">{{ svc.isActive ? '✓' : '✗' }}</span>
            </td>
            <td class="adm-td-actions" style="text-align:right">
                <div style="display:flex;gap:4px;justify-content:flex-end">
                    {{ m.btn_edit(path('admin_tarifs_service_edit', {id: svc.id})) }}
                    {{ m.btn_del(path('admin_tarifs_service_delete', {id: svc.id}), 'delete-service-' ~ svc.id, 'Supprimer cette prestation ?') }}
                </div>
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    {% endif %}

    <div class="actions" style="margin-top:8px">
        <a href="{{ path('admin_tarifs_card_new', {id: section.id}) }}" class="btn btn-primary btn-sm">+ Formule</a>
        <a href="{{ path('admin_tarifs_service_new', {id: section.id}) }}" class="btn btn-outline btn-sm">+ Prestation</a>
    </div>
</div>
{% else %}
<div class="adm-card" style="text-align:center;color:#6f6863;padding:48px">
    Aucune section. <a href="{{ path('admin_tarifs_section_new') }}">Créer la première</a>
</div>
{% endfor %}
{% endblock %}