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

{% set active_nav = 'blocks' %}

{% block title %}Admin · Bloques{% endblock %}

{% block admin_content %}
    <div class="adm__header">
        <h1 class="adm__title">Bloques</h1>
        <div class="adm__actions">
            <a href="{{ path('admin_blocks_new') }}" class="adm__btn adm__btn--primary">Nuevo bloque</a>
        </div>
    </div>

    {% for zone in zones %}
        <h2 class="section-title">{{ zone.label }}</h2>
        <div class="adm__table-wrap" style="margin-bottom: 1.5rem;">
            <table class="adm__table">
                <thead>
                    <tr>
                        <th>Título</th>
                        <th>Tipo</th>
                        <th>Estado</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for block in blocksByZone[zone.value] %}
                        <tr>
                            <td>{{ block.title }}</td>
                            <td>{{ block.type.label }}</td>
                            <td>
                                <form method="post" action="{{ path('admin_blocks_toggle', {id: block.id}) }}" style="display:inline;">
                                    <input type="hidden" name="_token" value="{{ csrf_token('toggle-block-' ~ block.id) }}">
                                    <button type="submit" class="adm__badge adm__badge--status-{{ block.enabled ? 'published' : 'draft' }}" style="border:none;cursor:pointer;">
                                        {{ block.enabled ? 'Activo' : 'Inactivo' }}
                                    </button>
                                </form>
                            </td>
                            <td>
                                <div class="adm__actions">
                                    <form method="post" action="{{ path('admin_blocks_move_up', {id: block.id}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('move-block-' ~ block.id) }}">
                                        <button type="submit" class="adm__btn adm__btn--ghost"{{ loop.first ? ' disabled' : '' }}>&uarr;</button>
                                    </form>
                                    <form method="post" action="{{ path('admin_blocks_move_down', {id: block.id}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('move-block-' ~ block.id) }}">
                                        <button type="submit" class="adm__btn adm__btn--ghost"{{ loop.last ? ' disabled' : '' }}>&darr;</button>
                                    </form>
                                    <a href="{{ path('admin_blocks_edit', {id: block.id}) }}" class="adm__btn adm__btn--ghost">{{ 'common.edit'|trans }}</a>
                                    <form method="post" action="{{ path('admin_blocks_delete', {id: block.id}) }}"
                                          onsubmit="return confirm('¿Eliminar el bloque \'' + {{ block.title|json_encode|raw }} + '\'?');">
                                        <input type="hidden" name="_token" value="{{ csrf_token('delete-block-' ~ block.id) }}">
                                        <button type="submit" class="adm__btn adm__btn--danger">{{ 'common.delete'|trans }}</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="4">Sin bloques en esta zona.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endfor %}
{% endblock %}