@extends('layouts.master')

@section('title')
    Información fiscal
@endsection

@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
<style>
.config-module .card-title { font-size: 1rem; }
.config-module .form-label { font-size: 0.8rem; }
.config-module .table { font-size: 0.85rem; }
.config-module h4 { font-size: 1.1rem; }
</style>
@endsection

@section('content')
<div class="row config-module">
    <div class="col-12">
        <h4 class="mb-0 text-primary fw-semibold" style="color: #020f82 !important;">Información fiscal</h4>
        <hr class="my-3">

        <div class="row">
            <div class="col-12 col-md-4 col-lg-3 mb-3 mb-md-0">
                <div class="card h-70">
                    <div class="card-body p-0">
                        <div class="p-3 bg-primary text-white fw-semibold">Administración y Finanzas</div>
                        <nav class="nav flex-column">
                            <a href="{{ route('config.informacion-fiscal') }}" class="nav-link py-2 px-3 border-start border-3 border-primary bg-light text-dark">Información fiscal</a>
                            <a href="{{ route('config.tipos-beca') }}" class="nav-link py-2 px-3 border-start border-3 border-transparent">Tipos de beca</a>
                            <a href="{{ route('config.asociacion-ingresos') }}" class="nav-link py-2 px-3 border-start border-3 border-transparent">Asociación de ingresos</a>
                            <a href="{{ route('config.usuarios') }}" class="nav-link py-2 px-3 border-start border-3 border-transparent">Registro de usuarios</a>
                        </nav>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-8 col-lg-9">
                <div class="card">
                    <div class="card-body d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <p class="text-muted mb-0">Datos fiscales y archivos para emisión de facturas (almacenados de forma privada).</p>
                        <button type="button" class="btn btn-warning text-white btn-sm px-4 rounded btn-border" id="btn-abrir-registrar" data-bs-toggle="modal" data-bs-target="#modalDatosFiscales">
                            <i class="ri-add-line align-middle me-1"></i> Registrar
                        </button>
                    </div>
                </div>

                <div class="card mt-3">
                    <div class="card-body">
                        <div class="d-flex flex-wrap justify-content-end gap-2 mb-3">
                            <button type="button" class="btn btn-outline-secondary btn-sm" id="btn-imprimir"><i class="ri-printer-line me-1"></i> Imprimir</button>
                            <button type="button" class="btn btn-outline-danger btn-sm" id="btn-pdf"><i class="ri-file-pdf-line me-1"></i> PDF</button>
                            <button type="button" class="btn btn-outline-success btn-sm" id="btn-excel"><i class="ri-file-excel-2-line me-1"></i> Excel</button>
                        </div>
                        <div id="fiscal-empty" class="text-center text-muted py-4 d-none">No hay registros. Usa <strong>Registrar</strong> para agregar datos fiscales.</div>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover align-middle mb-0">
                                <thead class="table-primary">
                                    <tr>
                                        <th class="text-white">Razón Social</th>
                                        <th class="text-white">RFC</th>
                                        <th class="text-white">Activa</th>
                                        <th class="text-white text-end">Opciones</th>
                                    </tr>
                                </thead>
                                <tbody id="tbody-fiscal"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalDatosFiscales" tabindex="-1" aria-labelledby="modalDatosFiscalesLabel" aria-hidden="true" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <h5 class="modal-title text-white" id="modalDatosFiscalesLabel">Datos fiscales</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted mb-3" id="modal-fiscal-desc">Completa el formulario. Certificado (.cer), llave (.key) y contraseña son <strong>opcionales</strong>; puedes cargarlos más adelante.</p>

                <form id="form-datos-fiscales">
                    <h6 class="text-primary fw-bold">Identificación</h6>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label for="fiscal-razon-social" class="form-label">* Razón social</label>
                            <input type="text" class="form-control" id="fiscal-razon-social" required maxlength="255">
                        </div>
                        <div class="col-md-6">
                            <label for="fiscal-rfc" class="form-label">* RFC</label>
                            <input type="text" class="form-control" id="fiscal-rfc" required maxlength="20">
                        </div>
                        <div class="col-md-6">
                            <label for="fiscal-regimen" class="form-label">Régimen fiscal</label>
                            <select class="form-select" id="fiscal-regimen">
                                <option value="">—</option>
                                <option value="601">601 — General de Ley Personas Morales</option>
                                <option value="603">603 — Personas Morales con Fines no Lucrativos</option>
                                <option value="606">606 — Régimen Simplificado de Confianza</option>
                                <option value="612">612 — Personas Físicas con Actividades Empresariales y Profesionales</option>
                                <option value="620">620 — Sociedades Cooperativas de Producción</option>
                                <option value="622">622 — Actividades Agrícolas, Ganaderas, Silvícolas y Pesqueras</option>
                                <option value="623">623 — Opcional para Grupos de Sociedades</option>
                                <option value="624">624 — Coordinados</option>
                                <option value="628">628 — Hidrocarburos</option>
                                <option value="629">629 — Regímenes Fiscales Preferentes y Empresas Multinacionales</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="fiscal-fecha-vigencia" class="form-label">Fecha de vigencia (certificado)</label>
                            <input type="datetime-local" class="form-control" id="fiscal-fecha-vigencia">
                        </div>
                    </div>

                    <h6 class="text-primary fw-bold">Domicilio fiscal</h6>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label for="fiscal-calle" class="form-label">* Calle</label>
                            <input type="text" class="form-control" id="fiscal-calle" required>
                        </div>
                        <div class="col-md-2">
                            <label for="fiscal-no-ext" class="form-label">Nº ext.</label>
                            <input type="text" class="form-control" id="fiscal-no-ext">
                        </div>
                        <div class="col-md-2">
                            <label for="fiscal-no-int" class="form-label">Nº int.</label>
                            <input type="text" class="form-control" id="fiscal-no-int">
                        </div>
                        <div class="col-md-2">
                            <label for="fiscal-cp" class="form-label">* C.P.</label>
                            <input type="text" class="form-control" id="fiscal-cp" required maxlength="10">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-colonia" class="form-label">* Colonia</label>
                            <input type="text" class="form-control" id="fiscal-colonia" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-localidad" class="form-label">* Localidad</label>
                            <input type="text" class="form-control" id="fiscal-localidad" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-municipio" class="form-label">* Municipio</label>
                            <input type="text" class="form-control" id="fiscal-municipio" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-estado" class="form-label">* Estado</label>
                            <input type="text" class="form-control" id="fiscal-estado" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-pais" class="form-label">* País</label>
                            <input type="text" class="form-control" id="fiscal-pais" value="MÉXICO" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal-diseno" class="form-label">Diseño de factura</label>
                            <select class="form-select" id="fiscal-diseno">
                                <option value="estandar">Formato estándar</option>
                                <option value="2">Formato 2</option>
                                <option value="3">Formato 3</option>
                                <option value="4">Formato 4</option>
                                <option value="5">Formato 5</option>
                                <option value="6">Formato 6</option>
                                <option value="7">Formato 7</option>
                                <option value="8">Formato 8</option>
                                <option value="9">Formato 9</option>
                                <option value="beca-desglosada">Formato con beca desglosada</option>
                            </select>
                        </div>
                    </div>

                    <h6 class="text-primary fw-bold">Archivos CFDI</h6>
                    <p class="small text-muted" id="fiscal-archivos-ayuda"></p>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label" id="lbl-cert">Certificado (.cer)</label>
                            <input type="file" class="form-control form-control-sm" id="fiscal-certificado" accept=".cer">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" id="lbl-llave">Llave privada (.key)</label>
                            <input type="file" class="form-control form-control-sm" id="fiscal-llave" accept=".key">
                        </div>
                        <div class="col-md-12">
                            <label for="fiscal-llave-pass" class="form-label" id="lbl-pass">Contraseña de la llave</label>
                            <input type="password" class="form-control" id="fiscal-llave-pass" autocomplete="new-password" placeholder="">
                            <p class="small text-muted mb-0 mt-1" id="hint-pass"></p>
                        </div>
                    </div>

                    <h6 class="text-primary fw-bold">Escudo (factura)</h6>
                    <div class="mb-3">
                        <label class="form-label">Escudo (.png, opcional)</label>
                        <input type="file" class="form-control form-control-sm" id="fiscal-escudo" accept=".png,image/png">
                    </div>

                    <div class="mb-3">
                        <a href="#" class="text-primary text-decoration-underline" data-bs-toggle="collapse" data-bs-target="#config-adicional-fiscal">Configuración adicional</a>
                        <div class="collapse mt-2" id="config-adicional-fiscal">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="fiscal-incluir-becas" name="incluir_becas">
                                <label class="form-check-label" for="fiscal-incluir-becas">Incluir becas y descuentos en las facturas</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="fiscal-activo-modal" checked>
                                <label class="form-check-label" for="fiscal-activo-modal">Registro activo</label>
                            </div>
                        </div>
                    </div>

                    <p class="text-muted small mb-0">Nota: contraseña y archivos se guardan en almacenamiento privado; la contraseña está cifrada en base de datos.</p>
                </form>
            </div>
            <div class="modal-footer border-0 gap-2">
                <button type="button" class="btn btn-dark rounded" data-bs-dismiss="modal">Regresar</button>
                <button type="button" class="btn btn-success rounded" id="btn-guardar-fiscal"><i class="ri-save-line me-1"></i> Guardar</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
@endsection

@section('script-bottom')
<script>
(function() {
    var urlListado = @json(route('config.informacion-fiscal.listado'));
    var urlStore = @json(route('config.informacion-fiscal.store'));
    var urlShowTpl = @json(route('config.informacion-fiscal.show', ['datoFiscal' => '__ID__']));
    var urlUpdateTpl = @json(route('config.informacion-fiscal.update', ['datoFiscal' => '__ID__']));
    var urlActivoTpl = @json(route('config.informacion-fiscal.activo', ['datoFiscal' => '__ID__']));
    var urlDeleteTpl = @json(route('config.informacion-fiscal.destroy', ['datoFiscal' => '__ID__']));
    var csrf = @json(csrf_token());

    var modalEl = document.getElementById('modalDatosFiscales');
    var modalTitle = document.getElementById('modalDatosFiscalesLabel');
    var editId = null;

    function escapeHtml(s) {
        var d = document.createElement('div');
        d.textContent = s;
        return d.innerHTML;
    }

    function setModoEdicion(esEdicion) {
        var pass = document.getElementById('fiscal-llave-pass');
        document.getElementById('lbl-cert').textContent = esEdicion ? 'Certificado (.cer) — opcional para reemplazar' : 'Certificado (.cer) — opcional';
        document.getElementById('lbl-llave').textContent = esEdicion ? 'Llave (.key) — opcional para reemplazar' : 'Llave privada (.key) — opcional';
        document.getElementById('lbl-pass').textContent = esEdicion ? 'Contraseña de la llave — opcional' : 'Contraseña de la llave — opcional';
        document.getElementById('hint-pass').textContent = esEdicion
            ? 'En edición, deja vacío para no cambiar la contraseña guardada.'
            : 'Si subes una llave .key, indica su contraseña; si no cargas llave, puedes dejarlo vacío.';
        if (!esEdicion) pass.value = '';
        document.getElementById('fiscal-archivos-ayuda').textContent = esEdicion
            ? 'Si no eliges nuevos archivos, se conservan los ya guardados.'
            : 'Puedes omitir certificado, llave y contraseña en el alta y subirlos después desde editar.';
    }

    function limpiarFormulario() {
        document.getElementById('form-datos-fiscales').reset();
        document.getElementById('fiscal-pais').value = 'MÉXICO';
        document.getElementById('fiscal-diseno').value = 'estandar';
        document.getElementById('fiscal-activo-modal').checked = true;
        document.getElementById('fiscal-incluir-becas').checked = false;
        document.getElementById('fiscal-fecha-vigencia').value = '';
        editId = null;
        setModoEdicion(false);
        modalTitle.textContent = 'Registrar datos fiscales';
        document.getElementById('modal-fiscal-desc').textContent = 'Completa el formulario. Certificado (.cer), llave (.key) y contraseña son opcionales; puedes cargarlos más adelante.';
    }

    document.getElementById('btn-abrir-registrar').addEventListener('click', function() {
        limpiarFormulario();
    });

    modalEl.addEventListener('hidden.bs.modal', function() {
        limpiarFormulario();
    });

    function appendBool(fd, key, checked) {
        fd.append(key, checked ? '1' : '0');
    }

    function buildFormData() {
        var fd = new FormData();
        fd.append('razon_social', document.getElementById('fiscal-razon-social').value.trim());
        fd.append('rfc', document.getElementById('fiscal-rfc').value.trim());
        fd.append('regimen_fiscal', document.getElementById('fiscal-regimen').value || '');
        var fv = document.getElementById('fiscal-fecha-vigencia').value;
        if (fv) fd.append('fecha_vigencia_certificado', fv.replace('T', ' ') + ':00');
        fd.append('calle', document.getElementById('fiscal-calle').value.trim());
        fd.append('num_exterior', document.getElementById('fiscal-no-ext').value.trim());
        fd.append('num_interior', document.getElementById('fiscal-no-int').value.trim());
        fd.append('codigo_postal', document.getElementById('fiscal-cp').value.trim());
        fd.append('colonia', document.getElementById('fiscal-colonia').value.trim());
        fd.append('localidad', document.getElementById('fiscal-localidad').value.trim());
        fd.append('municipio', document.getElementById('fiscal-municipio').value.trim());
        fd.append('estado', document.getElementById('fiscal-estado').value.trim());
        fd.append('pais', document.getElementById('fiscal-pais').value.trim());
        fd.append('diseno_factura', document.getElementById('fiscal-diseno').value);
        appendBool(fd, 'incluir_becas_descuentos', document.getElementById('fiscal-incluir-becas').checked);
        appendBool(fd, 'activo', document.getElementById('fiscal-activo-modal').checked);

        var c = document.getElementById('fiscal-certificado').files[0];
        var k = document.getElementById('fiscal-llave').files[0];
        if (c) fd.append('certificado', c);
        if (k) fd.append('llave', k);
        var pw = document.getElementById('fiscal-llave-pass').value;
        if (pw !== '') fd.append('llave_password', pw);
        var e = document.getElementById('fiscal-escudo').files[0];
        if (e) fd.append('escudo', e);

        return fd;
    }

    function cargarTabla() {
        fetch(urlListado, { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' })
            .then(function(r) { if (!r.ok) throw new Error(); return r.json(); })
            .then(function(data) {
                var items = data.items || [];
                var tbody = document.getElementById('tbody-fiscal');
                var empty = document.getElementById('fiscal-empty');
                tbody.innerHTML = '';
                if (!items.length) {
                    empty.classList.remove('d-none');
                    return;
                }
                empty.classList.add('d-none');
                items.forEach(function(row) {
                    var id = parseInt(row.id, 10);
                    var tr = document.createElement('tr');
                    var sw = '<div class="form-check form-switch">' +
                        '<input class="form-check-input fiscal-switch-activo" type="checkbox" data-id="' + id + '" ' + (row.activo ? 'checked' : '') + '>' +
                        '</div>';
                    tr.innerHTML =
                        '<td>' + escapeHtml(row.razon_social) + '</td>' +
                        '<td>' + escapeHtml(row.rfc) + '</td>' +
                        '<td>' + sw + '</td>' +
                        '<td class="text-end text-nowrap">' +
                        '<button type="button" class="btn btn-sm btn-outline-primary btn-editar-fiscal me-1" data-id="' + id + '"><i class="ri-pencil-line"></i></button>' +
                        '<button type="button" class="btn btn-sm btn-outline-danger btn-eliminar-fiscal" data-id="' + id + '"><i class="ri-delete-bin-line"></i></button>' +
                        '</td>';
                    tbody.appendChild(tr);
                });
            })
            .catch(function() { Swal.fire({ icon: 'error', text: 'No se pudo cargar el listado.' }); });
    }

    document.getElementById('btn-guardar-fiscal').addEventListener('click', function() {
        var esEdicion = editId !== null;
        if (!document.getElementById('fiscal-razon-social').value.trim()) {
            Swal.fire({ icon: 'warning', text: 'Indica la razón social.' });
            return;
        }
        if (!document.getElementById('fiscal-rfc').value.trim()) {
            Swal.fire({ icon: 'warning', text: 'Indica el RFC.' });
            return;
        }
        var fd = buildFormData();

        var btn = document.getElementById('btn-guardar-fiscal');
        btn.disabled = true;
        var url = esEdicion ? urlUpdateTpl.replace('__ID__', encodeURIComponent(editId)) : urlStore;
        var opt = {
            method: 'POST',
            headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': csrf, 'X-Requested-With': 'XMLHttpRequest' },
            credentials: 'same-origin',
            body: fd
        };

        fetch(url, opt).then(function(r) {
            if (r.ok) return r.json().then(function(b) {
                Swal.fire({ icon: 'success', text: b.message || 'Guardado.' });
                var m = bootstrap.Modal.getInstance(modalEl);
                if (m) m.hide();
                cargarTabla();
            });
            return r.json().then(function(b) {
                var msg = b.message || 'No se pudo guardar.';
                if (b.errors) {
                    var k = Object.keys(b.errors)[0];
                    if (k && b.errors[k][0]) msg = b.errors[k][0];
                }
                Swal.fire({ icon: 'error', text: msg });
            });
        }).catch(function() { Swal.fire({ icon: 'error', text: 'Error de red.' }); }).finally(function() { btn.disabled = false; });
    });

    document.getElementById('tbody-fiscal').addEventListener('click', function(e) {
        var ed = e.target.closest('.btn-editar-fiscal');
        if (ed) {
            var id = parseInt(ed.getAttribute('data-id'), 10);
            fetch(urlShowTpl.replace('__ID__', encodeURIComponent(id)), { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' })
                .then(function(r) { if (!r.ok) throw new Error(); return r.json(); })
                .then(function(d) {
                    editId = d.id;
                    setModoEdicion(true);
                    modalTitle.textContent = 'Editar datos fiscales';
                    document.getElementById('modal-fiscal-desc').textContent = 'Modifica los datos. Los archivos y la contraseña solo se actualizan si los cambias.';
                    document.getElementById('fiscal-razon-social').value = d.razon_social || '';
                    document.getElementById('fiscal-rfc').value = d.rfc || '';
                    document.getElementById('fiscal-regimen').value = d.regimen_fiscal || '';
                    document.getElementById('fiscal-fecha-vigencia').value = d.fecha_vigencia_certificado || '';
                    document.getElementById('fiscal-calle').value = d.calle || '';
                    document.getElementById('fiscal-no-ext').value = d.num_exterior || '';
                    document.getElementById('fiscal-no-int').value = d.num_interior || '';
                    document.getElementById('fiscal-cp').value = d.codigo_postal || '';
                    document.getElementById('fiscal-colonia').value = d.colonia || '';
                    document.getElementById('fiscal-localidad').value = d.localidad || '';
                    document.getElementById('fiscal-municipio').value = d.municipio || '';
                    document.getElementById('fiscal-estado').value = d.estado || '';
                    document.getElementById('fiscal-pais').value = d.pais || 'MÉXICO';
                    document.getElementById('fiscal-diseno').value = d.diseno_factura || 'estandar';
                    document.getElementById('fiscal-incluir-becas').checked = !!d.incluir_becas_descuentos;
                    document.getElementById('fiscal-activo-modal').checked = !!d.activo;
                    document.getElementById('fiscal-certificado').value = '';
                    document.getElementById('fiscal-llave').value = '';
                    document.getElementById('fiscal-llave-pass').value = '';
                    document.getElementById('fiscal-escudo').value = '';
                    bootstrap.Modal.getOrCreateInstance(modalEl).show();
                })
                .catch(function() { Swal.fire({ icon: 'error', text: 'No se pudo cargar el registro.' }); });
            return;
        }
        var el = e.target.closest('.btn-eliminar-fiscal');
        if (el) {
            var idDel = parseInt(el.getAttribute('data-id'), 10);
            Swal.fire({ title: '¿Eliminar este registro fiscal?', showCancelButton: true, confirmButtonText: 'Sí, eliminar' }).then(function(res) {
                if (!res.isConfirmed) return;
                fetch(urlDeleteTpl.replace('__ID__', encodeURIComponent(idDel)), {
                    method: 'DELETE',
                    headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': csrf },
                    credentials: 'same-origin'
                }).then(function(r) {
                    if (r.ok) return r.json().then(function() { cargarTabla(); Swal.fire({ icon: 'success', text: 'Eliminado.' }); });
                    return r.json().then(function(b) { Swal.fire({ icon: 'error', text: b.message }); });
                });
            });
        }
    });

    document.getElementById('tbody-fiscal').addEventListener('change', function(e) {
        var sw = e.target.closest('.fiscal-switch-activo');
        if (!sw) return;
        var id = parseInt(sw.getAttribute('data-id'), 10);
        var activo = sw.checked;
        fetch(urlActivoTpl.replace('__ID__', encodeURIComponent(id)), {
            method: 'PATCH',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': csrf,
                'X-Requested-With': 'XMLHttpRequest'
            },
            credentials: 'same-origin',
            body: JSON.stringify({ activo: activo })
        }).then(function(r) {
            if (!r.ok) {
                sw.checked = !activo;
                Swal.fire({ icon: 'error', text: 'No se pudo actualizar el estatus.' });
            }
        }).catch(function() {
            sw.checked = !activo;
            Swal.fire({ icon: 'error', text: 'Error de red.' });
        });
    });

    ['btn-imprimir','btn-pdf','btn-excel'].forEach(function(id) {
        document.getElementById(id).addEventListener('click', function() {
            Swal.fire({ icon: 'info', title: 'Próximamente', text: 'Exportación no configurada.' });
        });
    });

    cargarTabla();
})();
</script>
@endsection