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

{% block title %}Prestations — Rendez-vous{% endblock %}
{% block breadcrumb %}Rendez-vous{% endblock %}

{% block body %}
{% include 'admin/booking/_nav.html.twig' %}

<div class="bk-head">
    <div>
        <h1>Prestations</h1>
        <p class="bk-muted" style="margin:0">Ce que vos clients peuvent réserver, avec sa durée et son prix.</p>
    </div>
    <a class="btn-gradient" href="{{ path('admin_booking_service_new', {siteId: site.id}) }}"><i class="fas fa-plus me-1" aria-hidden="true"></i> Nouvelle prestation</a>
</div>

{# Les trois briques de l'ouverture, dans l'ordre. #}
{% set steps = [
    {done: services is not empty, label: 'Créer au moins une prestation', url: path('admin_booking_service_new', {siteId: site.id})},
    {done: isOpen, label: 'Régler les horaires de la personne qui la réalise', url: path('admin_booking_team', {siteId: site.id})},
    {done: widgetPlaced, label: 'Poser le widget « Prise de rendez-vous » sur une page', url: path('dashboard')},
] %}
{% if not (steps[0].done and steps[1].done and steps[2].done) %}
<div class="bk-card" style="margin-bottom:1rem">
    <h2>Ouvrir la réservation en ligne</h2>
    <ol style="margin:.6rem 0 0; padding-left:1.2rem">
        {% for s in steps %}
            <li style="margin:.3rem 0">
                {% if s.done %}<i class="fas fa-circle-check text-success me-1" aria-hidden="true"></i><span class="visually-hidden">Fait : </span>{{ s.label }}
                {% else %}<a href="{{ s.url }}">{{ s.label }}</a>{% endif %}
            </li>
        {% endfor %}
    </ol>
    {% if not widgetPlaced %}<p class="bk-muted" style="margin:.6rem 0 0">Dans l'éditeur d'une page : « Ajouter un widget » → Formulaires → <strong>Prise de rendez-vous</strong>. L'assistant peut aussi le faire pour vous.</p>{% endif %}
</div>
{% endif %}

{% if services is empty %}
    <div class="bk-card bk-empty">
        <i class="fas fa-list-check" aria-hidden="true"></i>
        <p>Aucune prestation pour le moment.</p>
        <p class="bk-muted">Exemples : « Consultation, 30 min, 45 € », « Coupe femme, 45 min », « Cours collectif de yoga, 1 h, 12 places ».</p>
    </div>
{% else %}
<div class="bk-card" style="padding:0">
    <div class="bk-table-wrap">
    <table class="bk-table">
        <thead><tr><th scope="col">Prestation</th><th scope="col">Durée</th><th scope="col">Prix</th><th scope="col">Avec</th><th scope="col">État</th><th scope="col"><span class="visually-hidden">Actions</span></th></tr></thead>
        <tbody>
        {% for s in services %}
            <tr>
                <td>
                    <span style="display:inline-flex;align-items:center;gap:.5rem"><i class="bk-dot" style="background: {{ s.color }}"></i><a href="{{ path('admin_booking_service_edit', {siteId: site.id, id: s.id}) }}"><strong>{{ s.name }}</strong></a></span>
                    <span class="bk-muted" style="display:block">{{ s.locationLabel }}{% if s.collective %} · {{ s.capacity }} places{% endif %}{% if s.depositAmount %} · acompte {{ s.depositAmount|number_format(2, ',', ' ') }} €{% endif %}</span>
                </td>
                <td>{{ s.durationLabel }}{% if s.bufferBefore or s.bufferAfter %}<span class="bk-muted" style="display:block">+ {{ s.bufferBefore + s.bufferAfter }} min de battement</span>{% endif %}</td>
                <td>{{ s.price ? s.price|number_format(2, ',', ' ') ~ ' €' : '—' }}</td>
                <td>{% for r in s.resources %}{{ r.name }}{{ not loop.last ? ', ' }}{% else %}<span class="text-danger">Personne</span>{% endfor %}</td>
                <td>
                    {% if not s.active %}<span class="bk-chip">Masquée</span>
                    {% elseif bookable[s.id] ?? false %}<span class="bk-chip is-confirmed">Réservable</span>
                    {% else %}<span class="bk-chip is-pending" title="Aucune personne avec des horaires n'assure cette prestation">Sans horaires</span>{% endif %}
                </td>
                <td style="white-space:nowrap; text-align:right">
                    {% for dir in ['up', 'down'] %}
                        {% if (dir == 'up' and not loop.parent.loop.first) or (dir == 'down' and not loop.parent.loop.last) %}
                        <form class="bk-inline" method="post" action="{{ path('admin_booking_service_move', {siteId: site.id, id: s.id}) }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('booking-admin') }}">
                            <button class="bk-btn is-sm" name="direction" value="{{ dir }}" aria-label="{{ dir == 'up' ? 'Monter' : 'Descendre' }} {{ s.name }}"><i class="fas fa-arrow-{{ dir }}" aria-hidden="true"></i></button>
                        </form>
                        {% endif %}
                    {% endfor %}
                    <a class="bk-btn is-sm" href="{{ path('admin_booking_service_edit', {siteId: site.id, id: s.id}) }}">Modifier</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
</div>
{% endif %}
{% endblock %}