<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e(config('app.name', 'Sistema de Denuncias')); ?></title>

    <link rel="shortcut icon" href="<?php echo e(asset('assets/images/favicon.ico')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/backend-plugin.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/backend.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/vendor/fontawesome/css/fontawesome-all.min.css')); ?>">

    <style>
        :root {
            --color-institucional: #0b3d64;
            --color-secundario: #0f5f8f;
            --color-dorado: #c59b2b;
            --bg-page: #f3f6f9;
            --bg-card: #ffffff;
            --text-main: #1f2937;
            --text-muted: #6b7280;
            --border-input: #9ca3af;
            --input-bg: #ffffff;
        }

        body.dark-mode {
            --bg-page: #0f172a;
            --bg-card: #1e293b;
            --text-main: #f8fafc;
            --text-muted: #cbd5e1;
            --border-input: #64748b;
            --input-bg: #0f172a;
        }

        body {
            background: var(--bg-page);
            color: var(--text-main);
            min-height: 100vh;
            font-family: Arial, sans-serif;
        }

        .institutional-header {
            background: linear-gradient(135deg, var(--color-institucional), var(--color-secundario));
            color: white;
            padding: 22px 30px;
            border-radius: 0 0 24px 24px;
            box-shadow: 0 8px 25px rgba(0,0,0,.18);
            margin-bottom: 30px;
        }

        .institutional-logo {
            height: 80px;
            background: white;
            border-radius: 14px;
            padding: 8px;
        }

        .institutional-title {
            font-weight: 700;
            margin: 0;
            font-size: 1.45rem;
            color: #fff;
        }

        .institutional-subtitle {
            margin: 0;
            opacity: .9;
            font-size: .95rem;
        }

        .theme-toggle {
            background: rgba(255,255,255,.18);
            color: white;
            border: 1px solid rgba(255,255,255,.45);
            border-radius: 30px;
            padding: 8px 16px;
            cursor: pointer;
        }

        .card {
            background: var(--bg-card);
            border: 1px solid rgba(148,163,184,.35);
            border-radius: 18px;
            box-shadow: 0 10px 28px rgba(15,23,42,.12);
        }

        .card-header {
            background: linear-gradient(135deg, var(--color-institucional), var(--color-secundario));
            color: white;
            border-radius: 18px 18px 0 0 !important;
            padding: 18px 22px;
        }

        .section-title {
            color: var(--color-institucional);
            font-weight: 700;
            border-left: 5px solid var(--color-dorado);
            padding-left: 12px;
            margin-top: 25px;
        }

        body.dark-mode .section-title {
            color: #93c5fd;
        }

        label {
            font-weight: 600;
            color: var(--text-main);
            margin-bottom: 5px;
        }

        .form-control,
        .form-select {
            background-color: var(--input-bg) !important;
            color: var(--text-main) !important;
            border: 1.8px solid var(--border-input) !important;
            border-radius: 10px !important;
            min-height: 42px;
        }

        .form-control:focus,
        .form-select:focus {
            border-color: var(--color-secundario) !important;
            box-shadow: 0 0 0 .18rem rgba(15,95,143,.22) !important;
        }

        textarea.form-control {
            min-height: 130px;
        }

        .form-check-input {
            border: 2px solid var(--color-secundario);
        }

        .form-check-input:checked {
            background-color: var(--color-secundario);
            border-color: var(--color-secundario);
        }

        .info-panel {
            border-left: 5px solid var(--color-dorado);
            background: var(--bg-card);
        }

        .btn-success {
            background: var(--color-institucional);
            border-color: var(--color-institucional);
            border-radius: 12px;
            padding: 10px 24px;
            font-weight: 700;
        }

        .btn-success:hover {
            background: var(--color-secundario);
            border-color: var(--color-secundario);
        }

        .btn-outline-primary {
            color: var(--color-secundario);
            border-color: var(--color-secundario);
            border-radius: 10px;
            font-weight: 600;
        }

        .btn-outline-primary:hover {
            background: var(--color-secundario);
            border-color: var(--color-secundario);
        }

        body.dark-mode .btn-outline-primary {
            color: #93c5fd;
            border-color: #93c5fd;
        }

        .denunciado-item {
            background: rgba(15,95,143,.04);
            border: 1px solid rgba(15,95,143,.25) !important;
        }

        body.dark-mode .denunciado-item {
            background: rgba(255,255,255,.04);
        }

        .alert-info {
            border-left: 5px solid var(--color-secundario);
        }
    </style>
</head>
    <body class="bg-[#FDFDFC] dark:bg-[#0a0a0a] text-[#1b1b18] flex p-6 lg:p-8 items-center lg:justify-center min-h-screen flex-col">
        <div class="institutional-header">
            <div class="container-fluid">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
                    <div class="d-flex align-items-center gap-3">
                        <img src="<?php echo e(asset('assets/images/logo.png')); ?>" 
                            alt="Logo institucional" 
                            class="institutional-logo">

                        <div>
                            <h1 class="institutional-title">Sistema de Registro de Denuncias</h1>
                            <p class="institutional-subtitle">
                                Unidad de Transparencia y Lucha contra la Corrupción
                            </p>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <a href="<?php echo e(route('denunciante.login')); ?>" class="btn btn-light">
                            <i class="fas fa-user-lock"></i> Seguimiento
                        </a>

                        <button type="button" class="theme-toggle" id="btn-dark-mode">
                            <i class="fas fa-moon"></i> Modo oscuro
                        </button>
                    </div>
                </div>
            </div>
        </div>
   
        <div class="container m-0" style="max-width: 100%;">
            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <p>
                                Completar los datos del siguiente formulario para denunciar cualquier acto de corrupción y/o Negativa Injustificada de Acceso a la Información por parte de servidores publicos del SEDEM y/o EEPS.</p>

                            <p>Esta denuncia será atendida en el marco de lo establecido en la Ley N°974</p>

                            <p>Ley N°974 (Ley de Unidades de TRansparencia y Lucha Contra la Corrupción)</p>

                            <strong>Artículo 22. (Requisitos de la Denuncia)</strong>
                            <p>
                                Datos generales y dirección del denunciante
                                Datos generales de la persona o personas que presuntamente realizarón o participaron en la comisión del acto de corrupción denunciado
                                Relación de los hechos del posible acto de corrupción denunciado
                                De ser posible, señalar el periodo de tiempo en el que se produjo presuntamente el acto de corrupción denunciado
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="card shadow-sm">
                        <div class="card-header pb-0">
                            <h4 class="mb-0">FORMULARIO DE REGISTRO DE DENUNCIAS</h4>
                        </div>

                        <div class="card-body pt-0">
                            <?php if(session('success')): ?>
                                <div class="alert alert-success">
                                    <?php echo e(session('success')); ?>

                                </div>
                            <?php endif; ?>

                            <?php if($errors->any()): ?>
                                <div class="alert alert-danger">
                                    <strong>Existen errores en el formulario:</strong>
                                    <ul class="mb-0 mt-2">
                                        <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li><?php echo e($error); ?></li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                </div>
                            <?php endif; ?>

                            <form action="<?php echo e(route('denuncias.public.store')); ?>" method="POST" enctype="multipart/form-data">
                                <?php echo csrf_field(); ?>

                                <h5 class="section-title mb-3">1. Tipo de denuncia <span class="text-danger">*</span></h5>
                                <div class="mb-3">
                                    <select name="tipo_denuncia" class="form-control" >
                                        <option value="">Seleccione</option>
                                        <?php $__currentLoopData = $tiposDenuncia; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $denuncia): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($denuncia->titulo); ?>" <?php echo e(old('tipo_denuncia') == $denuncia->titulo ? 'selected' : ''); ?>><?php echo e($denuncia->titulo); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>

                                <h5 class="section-title mb-3">2. ¿Desea presentar su denuncia de forma anónima? <span class="text-danger">*</span></h5>
                                <div class="mb-3">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="es_anonima" id="anonima_no" value="0" <?php echo e(old('es_anonima')==0 ? 'checked' : ''); ?>>
                                        <label class="form-check-label" for="anonima_no">No</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="es_anonima" id="anonima_si" value="1" <?php echo e(old('es_anonima')==1 ? 'checked' : ''); ?>>
                                        <label class="form-check-label" for="anonima_si">Sí</label>
                                    </div>
                                </div>

                                <div id="nota-anonima" class="alert alert-info d-none">
                                    "Las denuncias anónimas serán admitidas siempre que contengan una relación de los hechos y el periodo aproximado en el que ocurrieron 
                                    (parágrafo 4 del Artículo 22 de la Ley N° 974)".
                                </div>
                                <div id="bloque-reserva">
                                    <h5 class="section-title mb-3">3. ¿Solicita Reserva de identidad de denuncia conforme al artículo 24 de la Ley N° 974 de Septiembre 2017? <span class="text-danger">*</span></h5>

                                    <div class="mb-3">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="es_reserva" id="reserva_no" value="0" <?php echo e(old('es_reserva')==0 ? 'ckecked' : ''); ?>>
                                            <label class="form-check-label" for="reserva_no">No</label>
                                        </div>

                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="es_reserva" id="reserva_si" value="1" <?php echo e(old('es_reserva')==1 ? 'checked' : ''); ?>>
                                            <label class="form-check-label" for="reserva_si">Sí</label>
                                        </div>
                                    </div>

                                    <div id="nota-reserva" class="alert alert-info d-none">
                                        “La reserva de identidad implica que los datos personales del denunciante no serán divulgados ni expuestos a terceros. Esta información será protegida por la Unidad de Transparencia y Lucha contra la Corrupción y utilizada únicamente para fines de gestión de la denuncia y, cuando corresponda, para la notificación de resultados (Artículo 24 de la Ley N° 974)”
                                    </div>
                                </div>
                                <div id="bloque-denunciante">
                                    <h5 class="section-title mb-3">4. Datos del denunciante</h5>

                                    <div class="row">
                                        <div class="col-md-4 mb-2">
                                            <label>Nombres <span class="text-danger">*</span></label>
                                            <input type="text" name="nombres" class="form-control" value="<?php echo e(old('nombres')); ?>">
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <label>Apellido paterno <span class="text-danger">*</span></label>
                                            <input type="text" name="apellido_paterno" class="form-control" value="<?php echo e(old('apellido_paterno')); ?>">
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <label>Apellido materno <span class="text-danger">*</span></label>
                                            <input type="text" name="apellido_materno" class="form-control" value="<?php echo e(old('apellido_materno')); ?>">
                                        </div>

                                        <div class="col-md-4 mb-2">
                                            <label>Sexo <span class="text-danger">*</span></label>
                                            <select name="sexo" class="form-control">
                                                <option value="">Seleccione</option>
                                                <option value="Femenino" <?php echo e(old('sexo') == 'Femenino' ? 'selected' : ''); ?>>Femenino</option>
                                                <option value="Masculino" <?php echo e(old('sexo') == 'Masculino' ? 'selected' : ''); ?>>Masculino</option>
                                            </select>
                                        </div>

                                        <div class="col-md-8 mb-2">
                                            <label>Dirección domicilio <span class="text-danger">*</span></label>
                                            <input type="text" name="direccion_domicilio" class="form-control" value="<?php echo e(old('direccion_domicilio')); ?>">
                                        </div>

                                        <div class="col-md-3 mb-2">
                                            <label>Departamento donde reside <span class="text-danger">*</span></label>
                                            <select name="departamento_residencia" class="form-control">
                                                <option value="">Seleccione</option>
                                                <?php $__currentLoopData = $departamentos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $departamento): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option value="<?php echo e($departamento); ?>  " <?php echo e(old('departamento_residencia') == $departamento ? 'selected' : ''); ?>><?php echo e($departamento); ?></option>">
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>

                                        <div class="col-md-3 mb-2">
                                            <label>Tipo de documento <span class="text-danger">*</span></label>
                                            <select name="tipo_documento" class="form-control">
                                                <option value="">Seleccione</option>
                                                <option value="CI" <?php echo e(old('tipo_documento') == 'CI' ? 'selected' : ''); ?>>CI</option>
                                                <option value="Pasaporte" <?php echo e(old('tipo_documento') == 'Pasaporte' ? 'selected' : ''); ?>>Pasaporte</option>
                                            </select>
                                        </div>

                                        <div class="col-md-4 mb-2">
                                            <label>Número de documento <span class="text-danger">*</span></label>
                                            <input type="text" name="numero_documento" class="form-control" value="<?php echo e(old('numero_documento')); ?>">
                                        </div>

                                        <div class="col-md-2 mb-2">
                                            <label>Lugar de emisión <span class="text-danger">*</span></label>
                                            <input type="text" name="lugar_emision" class="form-control" value="<?php echo e(old('lugar_emision')); ?>">
                                        </div> 
                                    </div>
                                
                                    <h5 class="section-title mb-1">Medio de contacto para notificación</h5>
                                    <div class="row">
                                        <div class="col-md-4 mb-2">
                                            <label>Correo electrónico <span class="text-danger">*</span> </label>
                                            <input type="email" name="correo_electronico" class="form-control" value="<?php echo e(old('correo_electronico')); ?>">
                                            <small>(Para ver el estado de su denuncia)</small>
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <label>Número de celular <span class="text-danger">*</span></label>
                                            <input type="text" name="numero_celular" class="form-control" value="<?php echo e(old('numero_celular')); ?>" >
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <div class="alert alert-info">
                                                El correo electronico tambien es necesario si quiere hacer seguimiento a su denuncia ingresando al sistema.
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <h5 class="section-title mb-3">5. Datos del denunciado(s)</h5>
                                <?php
                                    $denunciadosOld = old('denunciados', [
                                        [
                                            'nombre_completo' => '',
                                            'lugar_trabajo' => '',
                                            'area_trabajo' => '',
                                        ]
                                    ]);
                                ?>
                                <div id="contenedor-denunciados">
                                    <?php $__currentLoopData = $denunciadosOld; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $denunciado): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="denunciado-item border rounded p-2 mb-1">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>Nombre completo <span class="text-danger">*</span></label>
                                                    <input type="text"
                                                        name="denunciados[<?php echo e($i); ?>][nombre_completo]"
                                                        class="form-control"
                                                        value="<?php echo e(old("denunciados.$i.nombre_completo", $denunciado['nombre_completo'] ?? '')); ?>"
                                                        >
                                                </div>

                                                <div class="col-md-4">
                                                    <label>Lugar donde trabaja <span class="text-danger">*</span></label>
                                                    <input type="text"
                                                        name="denunciados[<?php echo e($i); ?>][lugar_trabajo]"
                                                        class="form-control"
                                                        value="<?php echo e(old("denunciados.$i.lugar_trabajo", $denunciado['lugar_trabajo'] ?? '')); ?>">
                                                </div>

                                                <div class="col-md-4">
                                                    <label>Área de trabajo <span class="text-danger">*</span></label>
                                                    <input type="text"
                                                        name="denunciados[<?php echo e($i); ?>][area_trabajo]"
                                                        class="form-control"
                                                        value="<?php echo e(old("denunciados.$i.area_trabajo", $denunciado['area_trabajo'] ?? '')); ?>">
                                                </div>
                                            </div>

                                            <?php if($i > 0): ?>
                                                <div class="text-end">
                                                    <button type="button" class="btn btn-sm btn-danger btn-eliminar-denunciado">
                                                        Eliminar
                                                    </button>
                                                </div>
                                            <?php endif; ?>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>

                                <button type="button" class="btn btn-outline-primary mb-4" id="btn-agregar-denunciado">
                                    Agregar otra persona denunciada
                                </button>

                                <h5 class="section-title mb-3">6. Relato de los hechos denunciados <span class="text-danger">*</span></h5>
                                <div class="mb-3">
                                    <label class="form-label">
                                        Por favor, describa el/los hecho/s ocurrido/s apoyándose en las siguientes interrogantes:
                                        ¿Qué ocurrió? ¿Dónde ocurrió? ¿Quién o quiénes participaron? ¿Cómo ocurrió?
                                        ¿Cuándo ocurrió? ¿Existen testigos?
                                    </label>
                                    <textarea name="relato_hechos" rows="6" class="form-control" ><?php echo e(old('relato_hechos')); ?></textarea>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">
                                        Adjuntar pruebas
                                        <small class="text-muted">(documentos o imágenes, puede seleccionar varios archivos)</small>
                                    </label>

                                    <input 
                                        type="file"
                                        name="pruebas[]"
                                        class="form-control p-0"
                                        multiple
                                        accept=".pdf,jpg,.jpeg,.png,.webp"
                                    >

                                    <small class="text-muted">
                                        Formatos permitidos: PDF, JPG, PNG, WEBP.
                                    </small>
                                    <?php if($errors->any() && old()): ?>
                                        <small class="text-danger d-block mt-1">
                                            Por seguridad, los archivos seleccionados deben volver a adjuntarse.
                                        </small>
                                    <?php endif; ?>
                                </div>

                                <h5 class="section-title mb-3">7. ¿Presentó la misma denuncia ante otras instancias? <span class="text-danger">*</span></h5>
                                <div class="mb-3">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="presento_otra_instancia" id="otra_no" value="0" <?php echo e(old('presento_otra_instancia')==0 ? 'checked' : ''); ?> >
                                        <label class="form-check-label" for="otra_no">No</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="presento_otra_instancia" id="otra_si" value="1" <?php echo e(old('presento_otra_instancia')==1 ? 'checked' : ''); ?>>
                                        <label class="form-check-label" for="otra_si">Sí</label>
                                    </div>
                                </div>

                                <div id="bloque-otra-instancia" class="row d-none">
                                    <div class="col-md-8 mb-3">
                                        <label>Institución ante la cual presentó la denuncia <span class="text-danger">*</span></label>
                                        <input type="text" name="institucion_otra_instancia" class="form-control" value="<?php echo e(old('institucion_otra_instancia')); ?>">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label>Fecha de presentación <span class="text-danger">*</span></label>
                                        <input type="date" name="fecha_presentacion_otra_instancia" class="form-control" value="<?php echo e(old('fecha_presentacion_otra_instancia')); ?>">
                                    </div>
                                </div>

                                <div class="text-end">
                                    <button type="submit" class="btn btn-success">
                                        Registrar denuncia
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            const anonimaRadios = document.querySelectorAll('input[name="es_anonima"]');
            const reservaRadios = document.querySelectorAll('input[name="es_reserva"]');

            const bloqueDenunciante = document.getElementById('bloque-denunciante');
            const bloqueReserva = document.getElementById('bloque-reserva');

            const notaAnonima = document.getElementById('nota-anonima');
            const notaReserva = document.getElementById('nota-reserva');

            const otraInstanciaRadios = document.querySelectorAll('input[name="presento_otra_instancia"]');
            const bloqueOtraInstancia = document.getElementById('bloque-otra-instancia');

            const btnAgregarDenunciado = document.getElementById('btn-agregar-denunciado');
            const contenedorDenunciados = document.getElementById('contenedor-denunciados');

            function toggleAnonima() {
                const valor = document.querySelector('input[name="es_anonima"]:checked').value;

                if (valor === '1') {
                    bloqueDenunciante.classList.add('d-none');
                    notaAnonima.classList.remove('d-none');

                    bloqueReserva.classList.add('d-none');
                    notaReserva.classList.add('d-none');

                    document.getElementById('reserva_no').checked = true;
                    document.getElementById('reserva_si').checked = false;
                } else {
                    bloqueDenunciante.classList.remove('d-none');
                    notaAnonima.classList.add('d-none');

                    bloqueReserva.classList.remove('d-none');

                    toggleReserva();
                }
            }

            function toggleReserva() {
                const esAnonima = document.querySelector('input[name="es_anonima"]:checked').value;
                const esReserva = document.querySelector('input[name="es_reserva"]:checked').value;

                if (esAnonima === '0' && esReserva === '1') {
                    notaReserva.classList.remove('d-none');
                } else {
                    notaReserva.classList.add('d-none');
                }
            }

            function toggleOtraInstancia() {
                const valor = document.querySelector('input[name="presento_otra_instancia"]:checked').value;

                if (valor === '1') {
                    bloqueOtraInstancia.classList.remove('d-none');
                } else {
                    bloqueOtraInstancia.classList.add('d-none');
                }
            }

            anonimaRadios.forEach(radio => radio.addEventListener('change', toggleAnonima));
            reservaRadios.forEach(radio => radio.addEventListener('change', toggleReserva));
            otraInstanciaRadios.forEach(radio => radio.addEventListener('change', toggleOtraInstancia));

            let indexDenunciado = <?php echo e(count($denunciadosOld)); ?>;

            btnAgregarDenunciado.addEventListener('click', function () {
                const html = `
                    <div class="denunciado-item border rounded p-2 mb-1">
                        <div class="row">
                            <div class="col-md-4">
                                <label>Nombre completo</label>
                                <input type="text" name="denunciados[${indexDenunciado}][nombre_completo]" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label>Lugar donde trabaja</label>
                                <input type="text" name="denunciados[${indexDenunciado}][lugar_trabajo]" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label>Área de trabajo</label>
                                <input type="text" name="denunciados[${indexDenunciado}][area_trabajo]" class="form-control">
                            </div>
                        </div>
                        <div class="text-end">
                            <button type="button" class="btn btn-sm btn-danger btn-eliminar-denunciado">Eliminar</button>
                        </div>
                    </div>
                `;
                contenedorDenunciados.insertAdjacentHTML('beforeend', html);
                indexDenunciado++;
            });

            document.addEventListener('click', function (e) {
                if (e.target.classList.contains('btn-eliminar-denunciado')) {
                    e.target.closest('.denunciado-item').remove();
                }
            });

            toggleAnonima();
            toggleReserva();
            toggleOtraInstancia();
        });
        document.addEventListener('DOMContentLoaded', function () {     
            const btnDarkMode = document.getElementById('btn-dark-mode');

            if (localStorage.getItem('modoDenuncias') === 'dark') {
                document.body.classList.add('dark-mode');
                btnDarkMode.innerHTML = '<i class="fas fa-sun"></i> Modo claro';
            }

            btnDarkMode.addEventListener('click', function () {
                document.body.classList.toggle('dark-mode');

                if (document.body.classList.contains('dark-mode')) {
                    localStorage.setItem('modoDenuncias', 'dark');
                    btnDarkMode.innerHTML = '<i class="fas fa-sun"></i> Modo claro';
                } else {
                    localStorage.setItem('modoDenuncias', 'light');
                    btnDarkMode.innerHTML = '<i class="fas fa-moon"></i> Modo oscuro';
                }
            });
        }); 
        </script>
    </body>
</html>
<?php /**PATH /var/www/html/gestion_denuncias/resources/views/welcome.blade.php ENDPATH**/ ?>