{% extends "base.html" %}

{% block title %}Gestión de Documentos Legales{% endblock %}

{% block content %}
<div id="admin-content" class="container-fluid">
    <div class="row">
        <div class="col-12 mb-4 admin-header">
            <h1>Gestión de Documentos Legales</h1>
        </div>
    </div>
    
    <div class="row mb-4">
        <div class="col-md-6">
            <p class="mb-0">Gestione los documentos legales de la página web como la política de cookies, política de privacidad y aviso legal.</p>
        </div>
        <div class="col-md-6 text-md-end">
            <a href="{{ url_for('admin.create_legal_document') }}" class="btn btn-primary">
                <i class="fas fa-plus me-2"></i> Nuevo Documento
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            {% if documents %}
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Tipo de Documento</th>
                            <th>Título</th>
                            <th>Versión</th>
                            <th>Estado</th>
                            <th>Actualizado</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for document in documents %}
                        <tr>
                            <td>{{ document.id }}</td>
                            <td>
                                {% if document.document_type == 'cookies' %}
                                    Política de Cookies
                                {% elif document.document_type == 'privacy' %}
                                    Política de Privacidad
                                {% elif document.document_type == 'terms' %}
                                    Aviso Legal
                                {% else %}
                                    {{ document.document_type }}
                                {% endif %}
                            </td>
                            <td>{{ document.title }}</td>
                            <td>{{ document.version }}</td>
                            <td>
                                {% if document.is_active %}
                                <span class="badge bg-success">Activo</span>
                                {% else %}
                                <span class="badge bg-secondary">Inactivo</span>
                                {% endif %}
                            </td>
                            <td>{{ document.updated_at.strftime('%d/%m/%Y %H:%M') }}</td>
                            <td>
                                <div class="btn-group" role="group" aria-label="Acciones">
                                    <a href="{{ url_for('admin.edit_legal_document', document_id=document.id) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal{{ document.id }}">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </div>
                                
                                <!-- Modal de confirmación para eliminar -->
                                <div class="modal fade" id="deleteModal{{ document.id }}" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="deleteModalLabel">Confirmar eliminación</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body">
                                                ¿Está seguro de que desea eliminar el documento "{{ document.title }}"?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                                                <form action="{{ url_for('admin.delete_legal_document', document_id=document.id) }}" method="post">
                                                    <button type="submit" class="btn btn-danger">Eliminar</button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info">
                No hay documentos legales creados. Utilice el botón "Nuevo Documento" para crear uno.
            </div>
            {% endif %}
        </div>
    </div>
</div> <!-- Fin del contenedor admin-content -->
{% endblock %}