@extends('layouts.dashboard')

@section('dashboard')

    
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Libro de Compras DTE</strong></li>
    </ul>
    <div class="row align-items-end mb-4">
        <div class="col-md-auto col-hd-3">
            <h1 class="titulo-h1 mb-0">Libro de Compras DTE</h1>
        </div>

            <div class="col-md text-right">
                <form method="post" class="row form-registro justify-content-end" method="post" id="form-libro-ventas" onsubmit="return generarExcelLibroCompras(this)">
                    <div class="col-auto">
                        <input type="month" id="fecha" name="fecha" class="form-control form-control-sm input-date" max="{{ $anio.'-'.$mes }}" required="required">
                    </div>
                    <div class="col-auto">
                        <button type="submit" class="btn btn-success btn-sm blq-btn">Generar Excel</button>
                    </div>
                </form>
            </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <h5>Resumen por tipo de documento</h5>
        </div>
        <div class="card-body bg-body-card ">
            <table class="table table-hover">
                <thead>
                    <th>Tipo de Documento</th>
                    <th class="text-center">Total Documentos</th>
                    <th class="text-center">Monto Exento</th>
                    <th class="text-center">Monto Neto</th>
                    <th class="text-center">Monto IVA</th>
                    <th class="text-center">Monto Total</th>

                </thead>
                <tbody class="tbody-documentos-dte">
                    @include('dashboard.libro-de-ventas.tr-libro-de-ventas')
                </tbody>
            </table>
        </div>
    </div>
   


    @section('scripts')
        <script>
            function generarExcelLibroCompras(form) {
                // Crear objeto FormData con los datos del formulario
                var formData = new FormData(form);
                modalCargando()
                // Enviar la solicitud por Ajax
                fetch('/dashboard/generar-excel-libro-de-compras', {
                        method: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                        },
                        body: formData
                    })
                    .then(response => {
                        if (!response.ok) {
                            return response.json().then(data => {
                                throw new Error(data.error || 'Error en la solicitud.');
                            });
                        }
                        return response.json(); // Parsear la respuesta JSON
                    })
                    .then(data => {

                        if (data.success) {
                            // Actualizar el contenido del tbody
                            var tbodyDocumentosDte = document.querySelector('.tbody-documentos-dte');
                            tbodyDocumentosDte.innerHTML = data.view; // Aquí se actualiza con la vista recibida
                            descargarExcelLibroCompras();
                        } else {
                            alert('Error: ' + (error || 'No se pudieron cargar los datos.'));
                        }

                        cerrarCargando();
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        alert('Ocurrió un error al procesar la solicitud. Por favor, inténtelo de nuevo.');
                        cerrarCargando();
                    });

                return false; // Evitar envío convencional del formulario
            }



            function descargarExcelLibroCompras() {

                const fecha = document.getElementById('fecha');
                // Validar fecha
                if (!fecha || !fecha.value) {
                    alert('Por favor ingresa una fecha.');
                    return;
                }

                // Crear los datos de la solicitud
                const data = new URLSearchParams();
                data.append('fecha', fecha.value);

                // Enviar la solicitud fetch
                fetch('/dashboard/descargar-excel-libro-de-compras', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
                            'content') // CSRF token
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Error al generar el archivo. Por favor intenta nuevamente.');
                    }
                    return response.blob(); // Descargar el archivo como blob
                })
                .then(blob => {
                    // Crear un enlace temporal para la descarga
                    const url = window.URL.createObjectURL(blob);
                    const a = document.createElement('a');
                    a.href = url;
                    a.download = 'libro-de-compras.xlsx'; // Nombre del archivo
                    document.body.appendChild(a);
                    a.click();
                    a.remove();
                    window.URL.revokeObjectURL(url); // Limpiar el URL blob
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al descargar el archivo. Por favor, intenta nuevamente.');
                });
            }
        </script>
    @endsection
            
@endsection