{% extends "base.html" %}

{% block title %}{{ schema.codigo }} - Esquemas - ARCH{% endblock %}

{% block content %}
<div class="container my-5">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url_for('schemas.list') }}">Esquemas</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ schema.codigo }}</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>{{ schema.descripcion }}</h1>
        {% if current_user.has_permission(9000) %}
        <div>
            <a href="{{ url_for('schemas.edit', schema_id=schema.codigo) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Editar
            </a>
            <button class="btn btn-danger" onclick="confirmDeleteSchema('{{ schema.codigo }}', '{{ schema.descripcion }}')">
                <i class="fas fa-trash"></i> Eliminar
            </button>
        </div>
        {% endif %}
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Información del Esquema</h5>
                </div>
                <div class="card-body">
                    <dl class="row">
                        <dt class="col-sm-4">Código:</dt>
                        <dd class="col-sm-8">{{ schema.codigo }}</dd>
                        
                        <dt class="col-sm-4">Descripción:</dt>
                        <dd class="col-sm-8">{{ schema.descripcion }}</dd>
                        
                        <dt class="col-sm-4">Fecha de creación:</dt>
                        <dd class="col-sm-8">{{ schema.fecha_creacion|default('-') }}</dd>
                        
                        <dt class="col-sm-4">Creado por:</dt>
                        <dd class="col-sm-8">{{ schema.creado_por|default('-') }}</dd>
                        
                        {% if schema.ultima_modificacion %}
                        <dt class="col-sm-4">Última modificación:</dt>
                        <dd class="col-sm-8">{{ schema.ultima_modificacion }}</dd>
                        {% endif %}
                    </dl>
                </div>
            </div>
        </div>
        
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Documentos del Esquema</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table mb-0">
                            <thead>
                                <tr>
                                    <th>Tipo</th>
                                    <th>Nombre</th>
                                    <th>Nivel Ver</th>
                                    <th>Nivel Editar</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% if schema.documentos %}
                                    {% for doc in schema.documentos %}
                                    <tr>
                                        <td>{{ doc.tipo }}</td>
                                        <td>{{ doc.nombre }}</td>
                                        <td>{{ doc.nivel_ver }}</td>
                                        <td>{{ doc.nivel_editar }}</td>
                                    </tr>
                                    {% endfor %}
                                {% else %}
                                    <tr>
                                        <td colspan="4" class="text-center">No hay documentos definidos en este esquema.</td>
                                    </tr>
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% if current_user.has_permission(9000) %}
<!-- Modal de confirmación para eliminar esquema -->
<div class="modal fade" id="deleteSchemaModal" tabindex="-1" aria-labelledby="deleteSchemaModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteSchemaModalLabel">Confirmar Eliminación</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>¿Está seguro que desea eliminar el esquema <strong id="schemaDescription"></strong>?</p>
                <p class="text-danger">Esta acción no se puede deshacer y podría afectar a proyectos existentes.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <form id="deleteSchemaForm" method="POST" action="">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="btn btn-danger">Eliminar</button>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    function confirmDeleteSchema(schemaId, schemaDesc) {
        document.getElementById('schemaDescription').textContent = schemaDesc;
        document.getElementById('deleteSchemaForm').action = "{{ url_for('schemas.delete', schema_id='') }}" + schemaId;
        
        var deleteModal = new bootstrap.Modal(document.getElementById('deleteSchemaModal'));
        deleteModal.show();
    }
</script>
{% endif %}
{% endblock %}