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

{% set active_nav = 'pages' %}

{% block title %}Admin · Páginas estáticas{% endblock %}

{% block admin_content %}
    <div class="adm__header">
        <h1 class="adm__title">Páginas estáticas</h1>
        <div class="adm__actions">
            <a href="{{ path('admin_pages_new') }}" class="adm__btn adm__btn--primary">Nueva página</a>
        </div>
    </div>

    <div class="adm__table-wrap">
        <table class="adm__table">
            <thead>
                <tr>
                    <th>Título</th>
                    <th>URL</th>
                    <th>Actualizada</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for page in pages %}
                    <tr>
                        <td>{{ page.title }}</td>
                        <td><a href="{{ path('page_show', {slug: page.slug}) }}" target="_blank">/pages/{{ page.slug }}</a></td>
                        <td>{{ page.updatedAt|date('d/m/Y H:i') }}</td>
                        <td>
                            <div class="adm__actions">
                                <a href="{{ path('admin_pages_edit', {id: page.id}) }}" class="adm__btn adm__btn--ghost">{{ 'common.edit'|trans }}</a>
                                <form method="post" action="{{ path('admin_pages_delete', {id: page.id}) }}"
                                      onsubmit="return confirm('¿Eliminar la página \'' + {{ page.title|json_encode|raw }} + '\'?');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete-page-' ~ page.id) }}">
                                    <button type="submit" class="adm__btn adm__btn--danger">{{ 'common.delete'|trans }}</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="4">Todavía no hay páginas creadas.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}