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

<PageTitle>Instrucciones</PageTitle>

<div class="container mt-4">
    <h1 class="mb-4">Guía de Uso — Gestión de Denuncias</h1>

    <p>
        Esta aplicación permite procesar denuncias desde archivos ZIP y gestionarlas en tres etapas:
        <strong>Pendientes</strong>, <strong>Gestión</strong> (aceptadas) y <strong>Rechazadas</strong>.
    </p>

    <h2>1. Carga de ZIPs</h2>
    <ul>
        <li>
            Sitúate en la pestaña <strong>Gestión de ZIP</strong>. Haz clic en <em>Subir nuevo ZIP</em>,
            selecciona uno o varios archivos <code>.zip</code> y espera a que se extraigan.
        </li>
        <li>
            Cada ZIP debe incluir un <code>report.txt</code> con los campos de la denuncia, y opcionalmente
            subcarpetas <code>files</code> o <code>files_attached_from_recipients</code> con PDF e imágenes.
        </li>
        <li>
            Tras el procesado, la app lee los <code>report.txt</code> y actualiza la base de datos:
            - El listado de <strong>Pendientes</strong>.
            - El registro de denuncias.
            - El registro de ficheros adjuntos.
        </li>
    </ul>

    <h2>2. Pestaña <strong>Pendientes</strong></h2>
    <ul>
        <li>
            Verás cada denuncia en una tarjeta colapsable con sus datos y el listado de ficheros adjuntos.
        </li>
        <li>
            Hay dos acciones:
            <ul>
                <li>
                    <strong>Configurar subida</strong> (verde): abre un modal donde puedes:
                    <ol>
                        <li>Poner un nombre descriptivo.</li>
                        <li>
                            Elegir el modo de subida:
                            <ul>
                                <li><em>Unir</em> todos los ficheros en un único PDF.</li>
                                <li><em>Subir</em> cada fichero de forma independiente.</li>
                            </ul>
                        </li>
                        <li>Seleccionar el grupo de destino (600, 510 o 700).</li>
                        <li>
                            Confirmar. La denuncia se crea y abre en Gestióna, sube los documentos
                            y pasa a la pestaña <strong>Gestión</strong>.
                        </li>
                    </ol>
                </li>
                <li>
                    <strong>Rechazar denuncia</strong> (rojo): abre un modal para poner el motivo.
                    Al confirmar, la denuncia se marca como rechazada y va a la pestaña
                    <strong>Rechazados</strong>.
                </li>
            </ul>
        </li>
    </ul>

    <h2>3. Pestaña <strong>Gestión</strong></h2>
    <ul>
        <li>
            Aquí se listan las denuncias que ya han sido <em>enviadas a Gestión</em>.
            Aparecen con fondo verde.
        </li>
        <li>
            Cada tarjeta muestra:
            <ul>
                <li>ID, nombre, archivo subido</li>
                <li>Fecha y hora de subida</li>
                <li>Detalles completos y enlaces “Ver” a los PDFs/imágenes</li>
            </ul>
        </li>
    </ul>

    <h2>4. Pestaña <strong>Rechazadas</strong></h2>
    <ul>
        <li>
            Aquí verás todas las denuncias que han sido rechazadas. Fondo rojo.
        </li>
        <li>
            Cada tarjeta muestra el motivo de rechazo y la fecha/hora en que se marcó.
        </li>
    </ul>

    <h2>5. Flujo completo</h2>
    <ol>
        <li>Subes uno o varios ZIP en la pestaña <strong>Gestión de ZIP</strong>.</li>
        <li>La aplicación extrae y parsea informes, los añade a <strong>Pendientes</strong>.</li>
        <li>
            En <strong>Pendientes</strong> eliges qué hacer con cada denuncia:
            <ul>
                <li><strong>Configurar subida</strong> ? pasa a <strong>Gestión</strong>.</li>
                <li><strong>Rechazar denuncia</strong> ? pasa a <strong>Rechazadas</strong>.</li>
            </ul>
        </li>
        <li>
            En <strong>Gestión</strong> puedes revisar lo ya subido; en
            <strong>Rechazadas</strong> ves los motivos.
        </li>
    </ol>

    <p class="mt-4">
        Con este flujo tienes control total sobre:
        <strong>nombre</strong>, <strong>modo de subida</strong>, <strong>grupo destino</strong> y
        <strong>estado final</strong> de cada denuncia.
    </p>
</div>

@code {
}

