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

{% block title %}{{ 'admin.redirects_management'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start gap-3">
            <div>
                <h1 class="h3 gradient-text fw-bold mb-2">
                    <i class="bi bi-arrow-left-right me-2"></i>{{ 'admin.redirects_management'|trans }}
                </h1>
                <p class="text-muted mb-0">{{ 'admin.manage_redirects_description'|trans|raw }}</p>
            </div>
            <a href="{{ path('admin_redirect_create') }}" class="btn btn-primary">
                <i class="bi bi-plus-circle me-1"></i>{{ 'admin.createRedirect'|trans }}
            </a>
        </div>
    </div>

    <div class="admin-card p-4 mb-4">
        <form method="get" action="{{ path('admin_redirects') }}" class="row g-2 align-items-end">
            <div class="col-md-8 col-lg-6">
                <label class="form-label small text-muted mb-1" for="redirect-search">{{ 'admin.search'|trans }}</label>
                <input type="search" id="redirect-search" name="search" class="form-control" placeholder="{{ 'admin.search_redirects_placeholder'|trans }}" value="{{ search|e('html_attr') }}">
            </div>
            <div class="col-md-4 col-lg-3">
                <button type="submit" class="btn btn-outline-primary w-100">
                    <i class="bi bi-search me-1"></i>{{ 'admin.search'|trans }}
                </button>
            </div>
        </form>
    </div>

    {% if redirects is empty %}
        <div class="admin-card p-5 text-center text-muted">
            <i class="bi bi-inbox display-6 d-block mb-3"></i>
            {{ 'admin.redirect_module.empty'|trans }}
        </div>
    {% else %}
        <div class="admin-card p-0 overflow-hidden">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0" id="redirectsTable">
                    <thead class="table-light">
                        <tr>
                            <th>{{ 'admin.source'|trans }}</th>
                            <th>{{ 'admin.destination'|trans }}</th>
                            <th class="text-nowrap">{{ 'admin.statusCode'|trans }}</th>
                            <th class="text-end">{{ 'admin.custom_fields.actions'|trans }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for redirect in redirects %}
                            <tr>
                                <td><code class="user-select-all small">{{ redirect.source }}</code></td>
                                <td><span class="small text-break">{{ redirect.destination }}</span></td>
                                <td><span class="badge bg-secondary">{{ redirect.statusCode }}</span></td>
                                <td class="text-end">
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ path('admin_redirect_edit', { id: redirect.id }) }}" class="btn btn-outline-primary">
                                            <i class="bi bi-pencil-square"></i>
                                        </a>
                                        <button type="button" class="btn btn-outline-danger" onclick="handleDelete('{{ path('admin_redirect_delete', {id: redirect.id}) }}', '{{ redirect.source|e('js') }}')">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

        {% include 'administration/pagination.html.twig' with {
            paginationPath: 'admin_redirects',
            totalPages: totalPages,
            currentPage: currentPage,
            search: search
        } %}
    {% endif %}
</div>

<script>
    async function handleDelete(url, itemName) {
            const confirmed = await showDeleteConfirm(`{{ 'admin.redirect_module.delete_confirm_prefix'|trans }} "${itemName}"`);
        if (confirmed) {
            window.location.href = url;
        }
    }
</script>
{% endblock %}