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

{% block title %}Tarifs restauration{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 fw-bold page-title mb-0"><i class="fas fa-tag me-2"></i>Tarifs restauration</h1>
        <small class="text-muted">Grille tarifaire par service et catégorie</small>
    </div>
    <a href="{{ path('tenant_tarifs_new') }}" class="btn btn-primary">
        <i class="fas fa-plus me-1"></i>Nouveau tarif
    </a>
</div>

<ul class="nav nav-tabs mb-4">
    <li class="nav-item">
        <a class="nav-link active" href="{{ path('tenant_tarifs_index') }}">
            <i class="fas fa-euro-sign me-1"></i>Tarifs
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('tenant_tarifs_automatisation') }}">
            <i class="fas fa-robot me-1"></i>Automatisation
        </a>
    </li>
</ul>

{% set services = {'dejeuner': 'Déjeuner', 'diner': 'Dîner', 'petit_dejeuner': 'Petit-déjeuner', 'gouter': 'Goûter'} %}

{% if grouped is empty %}
    <div class="card border-0 shadow-sm">
        <div class="card-body text-center py-5 text-muted">
            <i class="fas fa-tag fa-2x mb-3 d-block"></i>
            Aucun tarif enregistré
        </div>
    </div>
{% else %}
    {% for serviceKey, label in services %}
        {% if grouped[serviceKey] is defined %}
        <div class="card border-0 shadow-sm rounded-3 mb-4">
            <div class="card-header bg-light fw-semibold">
                <i class="fas fa-utensils me-2"></i>{{ label }}
            </div>
            <div class="table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Nom</th>
                            <th>Type</th>
                            <th class="text-end">Montant TTC</th>
                            <th>Statut</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for tarif in grouped[serviceKey] %}
                        <tr>
                            <td>
                                <span class="fw-semibold">{{ tarif.nom }}</span>
                                {% if tarif.description %}
                                    <br><small class="text-muted">{{ tarif.description }}</small>
                                {% endif %}
                            </td>
                            <td><span class="badge bg-secondary">{{ tarif.type }}</span></td>
                            <td class="text-end fw-bold">{{ tarif.montant|number_format(2, ',', ' ') }} €</td>
                            <td>
                                {% if tarif.actif %}
                                    <span class="badge bg-success">Actif</span>
                                {% else %}
                                    <span class="badge bg-secondary">Inactif</span>
                                {% endif %}
                            </td>
                            <td class="text-end">
                                <a href="{{ path('tenant_tarifs_edit', {id: tarif.id}) }}"
                                   class="btn btn-sm btn-outline-primary" title="Modifier">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form method="post" action="{{ path('tenant_tarifs_delete', {id: tarif.id}) }}" class="d-inline"
                                      onsubmit="return confirm('Supprimer ce tarif ?')">
                                    <input type="hidden" name="_token" value="{{ csrf_token('tarif_delete_' ~ tarif.id) }}">
                                    <button class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        {% endif %}
    {% endfor %}
{% endif %}
{% endblock %}