@extends('layouts.kaiadmin.master')

@section('title', 'Gestión de Facturación')

@section('content')
<div class="card">
    <div class="card-header">
        <h4 class="card-title">Cierre de Caja</h4>
    </div>
    <div class="card-body">

        <h5>Visualizar Pólizas</h5>

        <div class="mb-3" id="infoCaja"></div>

        <div class="d-flex justify-content-end mb-2">
            <button id="btnImprimirPoliza" class="btn btn-primary">Imprimir Póliza</button>
        </div>

        <table class="table table-bordered" id="facturasTable">
            <thead>
                <tr>
                    <th>Factura</th>
                    <th>Servicio</th>
                    <th>Descripción</th>
                    <th>Valor</th>
                    <th>Estado</th>
                    <th>Acciones</th> 
                </tr>
            </thead>
        </table>

    </div>
</div>
@endsection

@push('scripts')
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet">

<!-- SweetAlert2 JS -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(document).ready(function () {
    let table = $('#facturasTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route('cierrecaja.data') }}",
            dataSrc: function(json) {
                // mostrar info de caja/serie
                if (json.cajaData && json.correlativoData) {
                    $('#infoCaja').html(`
                        <p><strong>Caja:</strong> ${json.cajaData.cajaFactura}</p>
                        <p><strong>Serie:</strong> ${json.correlativoData.serie}</p>
                    `);
                } else {
                    $('#infoCaja').html(`
                        <div class="alert alert-warning text-center">
                            No tienes caja asignada con correlativo activo.
                        </div>
                    `);
                }
                return json.data; 
            }
        },
        columns: [
            { data: 'numeroInterno' },
            { data: 'servicio' },
            { data: 'descripcion' },
            { 
                data: 'valor',
                render: function(data) {
                    return 'Q ' + parseFloat(data).toFixed(2);
                }
            },
            { data: 'estado' },
            { 
                data: null, 
                orderable: false, 
                searchable: false,
                render: function(data, type, row) {
                    let disabled = row.estado === 'Anulado' ? 'disabled' : '';
                    return `
                        <button class="btn btn-sm btn-danger btn-anular" 
                            data-numero="${row.numeroInterno}" 
                            data-serie="${row.serie}" ${disabled}>
                            Anular
                        </button>
                        <button class="btn btn-sm btn-success btn-recuperar" 
                            data-numero="${row.numeroInterno}" 
                            data-serie="${row.serie}">
                            Recuperar
                        </button>
                    `;
                }
            }
        ]
    });

    // Anular
        $('#facturasTable').on('click', '.btn-anular', function () {
    let numero = $(this).data('numero');
    let serie = $(this).data('serie');

    // Verificar estado desde la fila
    let rowData = table.row($(this).closest('tr')).data();
    if (rowData.estado === 'Anulada') {
        Swal.fire('Aviso', 'Esta factura ya fue anulada.', 'info');
        return; // no sigue
    }

    // Paso 1: Observación
    Swal.fire({
        title: 'Anular factura',
        input: 'text',
        inputLabel: 'Ingrese la observación',
        inputPlaceholder: 'Motivo de la anulación...',
        showCancelButton: true,
        confirmButtonText: 'Continuar',
        cancelButtonText: 'Cancelar',
        inputValidator: (value) => {
            if (!value) return 'Debe ingresar una observación';
        }
    }).then((result) => {
        if (result.isConfirmed) {
            let observacion = result.value;

            // Paso 2: Confirmación
            Swal.fire({
                title: '¿Está seguro?',
                text: `Se anulará la factura Correlativo: ${numero}`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Sí, anular',
                cancelButtonText: 'Cancelar'
            }).then((confirmResult) => {
                if (confirmResult.isConfirmed) {

                    // Paso 3: Procesando
                    Swal.fire({
                        title: 'Anulando...',
                        text: 'Por favor espere',
                        allowOutsideClick: false,
                        allowEscapeKey: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    // Petición AJAX
                    $.post("{{ route('cierrecaja.anular') }}", {
                        _token: "{{ csrf_token() }}",
                        numeroInternoFac: numero,
                        serieInternaFac: serie,
                        observacion: observacion
                    }).done((res) => {
                        if (res.success) {
                            Swal.fire('¡Éxito!', 'La factura ha sido anulada.', 'success');
                            table.ajax.reload();
                        } else {
                            Swal.fire('Aviso', res.message || 'No se pudo anular la factura.', 'warning');
                        }
                    }).fail(() => {
                        Swal.fire('Error', 'No se pudo anular la factura.', 'error');
                    });

                }
            });
        }
    });
});

    // Recuperar
    $('#facturasTable').on('click', '.btn-recuperar', function () {
        let facturaId = $(this).data('id');
        Swal.fire({
            title: '¿Recuperar factura?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Sí, recuperar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                $.post("{{ route('cierrecaja.recuperar') }}", {
                    _token: "{{ csrf_token() }}",
                    id: facturaId
                }).done(() => {
                    Swal.fire('Recuperada', 'La factura ha sido recuperada.', 'success');
                    table.ajax.reload();
                }).fail(() => {
                    Swal.fire('Error', 'No se pudo recuperar la factura.', 'error');
                });
            }
        });
    });

});

$('#btnImprimirPoliza').on('click', function() {
    // Puedes enviar una fecha; por defecto se usa la fecha de hoy en el servidor.
    // Si quieres tomar la fecha visible en la vista pásala aquí: { date: 'YYYY-MM-DD' }
    Swal.fire({
        title: 'Generando Póliza...',
        allowOutsideClick: false,
        didOpen: () => {
            Swal.showLoading();
            $.ajax({
                url: "{{ route('cierrecaja.imprimirPoliza') }}",
                method: 'POST',
                xhrFields: {
                    responseType: 'blob' // importante para recibir pdf
                },
                data: {
                    _token: "{{ csrf_token() }}",
                    // date: '2025-09-16' // opcional
                }
            }).done(function(data, status, xhr) {
                Swal.close();
                var blob = new Blob([data], { type: 'application/pdf' });
                var url = window.URL.createObjectURL(blob);
                // Abrir en nueva pestaña
                window.open(url, '_blank');
                // también puedes forzar descarga:
                // var a = document.createElement('a'); a.href = url; a.download = 'poliza.pdf'; a.click();
            }).fail(function(jqXHR, textStatus){
                Swal.close();
                var reader = new FileReader();
                // intentar leer error JSON si existe
                reader.onload = function() {
                    try {
                        var resp = JSON.parse(reader.result);
                        Swal.fire('Error', resp.message || 'Error al generar la póliza', 'error');
                    } catch(e) {
                        Swal.fire('Error', 'No se pudo generar la póliza', 'error');
                    }
                };
                reader.readAsText(jqXHR.responseText || '');
            });
        }
    });
});
</script>
@endpush