@page "/Instrucciones"
@attribute [StreamRendering]
@inject GestionaDenunciasAN.Models.UserState userState
@inject NavigationManager Navigation

<PageTitle>Instrucciones</PageTitle>

<div class="container mt-4">
    <h1 class="mb-4">Instrucciones de la Aplicación</h1>
    <p>
        Bienvenido a la aplicación de <strong>Gestión de Denuncias</strong>. Esta herramienta ha sido diseñada para
        cargar, procesar y gestionar denuncias que se reciben a través de archivos ZIP. A continuación, se explica el funcionamiento y las principales funcionalidades:
    </p>

    <h2>1. Carga y Procesamiento de Denuncias</h2>
    <ul>
        <li>
            <strong>Carga de archivos:</strong> Los archivos ZIP se encuentran en la carpeta <code>Ejemplos</code>. Cada ZIP contiene un archivo <code>report.txt</code> con los datos de la denuncia, y en algunos casos, ficheros asociados.
        </li>
        <li>
            <strong>Descompresión y parseo:</strong> La aplicación descomprime cada ZIP y extrae la información del <code>report.txt</code> para crear una representación estructurada de la denuncia.
        </li>
    </ul>

    <h2>2. Visualización y Gestión de Denuncias</h2>
    <ul>
        <li>
            <strong>Pendientes:</strong> En esta pestaña se listan todas las denuncias recién cargadas. Cada denuncia se muestra en una tarjeta colapsable que permite ver sus detalles y los ficheros asociados. Además, se disponen de botones para <em>Enviar a gestiona</em> (verde) y <em>Rechazar denuncia</em> (rojo). Actualmente, estos botones no realizan ninguna acción, pero en futuras versiones registrarán el estado de la denuncia.
        </li>
        <li>
            <strong>Finalizados:</strong> Una vez procesadas, las denuncias se trasladan a la pestaña <strong>Finalizados</strong>, donde se muestran diferenciadas:
            <ul>
                <li>Las denuncias aceptadas se destacan con un fondo verde.</li>
                <li>Las denuncias rechazadas se muestran con un fondo rojo.</li>
            </ul>
        </li>
        <li>
            <strong>Visualización de ficheros:</strong> En cada tarjeta, el botón <em>Ver</em> abre una nueva pestaña para mostrar el contenido del fichero asociado.
        </li>
    </ul>

    <h2>3. Flujo de Trabajo</h2>
    <p>
        El flujo de trabajo de la aplicación es el siguiente:
    </p>
    <ol>
        <li>
            Los archivos ZIP se depositan en la carpeta <code>Ejemplos</code>.
        </li>
        <li>
            La aplicación descomprime los ZIP y parsea el archivo <code>report.txt</code> para extraer la información de cada denuncia.
        </li>
        <li>
            Las denuncias se muestran en la pestaña <strong>Pendientes</strong> en forma de tarjetas colapsables, donde puedes ver detalles y ficheros asociados.
        </li>
        <li>
            Las acciones para enviar o rechazar la denuncia se registrarán y, en consecuencia, se reflejará su estado en la pestaña <strong>Finalizados</strong>.
        </li>
    </ol>

    <p>
        Esta aplicación está diseñada para facilitar la gestión de denuncias de forma intuitiva. Si tienes cualquier duda o sugerencia, no dudes en ponerte en contacto con el equipo de soporte.
    </p>
</div>

@code {
    protected override void OnInitialized()
    {
        // Si no hay token, redirige al login
        if (string.IsNullOrEmpty(userState.Token))
        {
            Navigation.NavigateTo("/", true);
        }
    }
}
