@extends('fragments.fullTemplate')
@php
    use App\Cliente_Contacto_Factura;
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
<div class="ui grid">
    <div class="eight wide column">
        <div class="ui big breadcrumb">
            <div class="section">Administración</div>
            <i class="right chevron icon divider"></i>    
            <div class="section">Facturación</div>
            <i class="right chevron icon divider"></i>
            <div class="active section">Historial</div>
        </div>
        
    </div>
    {{--<div class="eight wide column">
        <a class="ui secondary inverted fluid button" href="{{url('facturacion')}}">
            <i class="arrow left icon"></i>Regresar
        </a>
    </div>--}}
</div>

<div class="ui divider"></div>
<div data-module-notifications-anchor></div>

    @include('fragments.navs', [
    "navs" => [
        [
            "active" => 0,
            "url" => "facturacion_sw",
            "name" => "Facturación"
        ],
        [
            "active" => 1,
            "url" => "facturacion_sw/historial",
            "name" => "Historial"
        ]
    ]
    ])

    <div class="ui divider"></div>
    <div class="row mb-3">
        <div class="col-md-12">
            <a id="bitacora_facturacion40" type="button" class="ui button fluid green mt-3 create_bitacora">
                <span class="d-none spinner spinner-border spinner-border-sm" id="spinner_bitacora_facturacion" role="status" aria-hidden="true"></span>
                <i class="file excel icon"></i> Exportar bitacora de Facturación
            </a> 
        </div>
    </div>
    <div class="ui divider"></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">

            <div class="row mb-3">
                <div class="col-md-3">
                    <form method="GET" action="{{ url('facturacion_sw/historial') }}" id="formFiltroAnio">
                        <label for="anio"><strong>Año</strong></label>
                        <select name="anio" id="anio" class="form-control" onchange="document.getElementById('formFiltroAnio').submit();">
                            @foreach($aniosDisponibles as $anio)
                                <option value="{{ $anio }}" {{ (int)$anioSeleccionado === (int)$anio ? 'selected' : '' }}>
                                    {{ $anio }}
                                </option>
                            @endforeach
                        </select>
                    </form>
                </div>
            </div>

            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable">
                    <thead>
                        <tr>
                            <th>Serie y folio</th>
                            <th>Fecha emisión</th>
                            <th>Fecha envío factura al cliente</th>
                            <th>Folio fiscal</th>
                            <th>Cliente factura</th>
                            <th>No. informe</th>
                            <th>Clasificación</th>
                            <th>Servicio</th>
                            <th>Detalle del servicio</th>
                            <th>Subtotal</th>
                            <th>IVA</th>
                            <th>Total</th>
                            <th>Estatus factura</th>
                            <th>Estatus pago</th>
                            
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($facturas as $factura)
                            <tr>
                                <td>{{ $factura->serie_folio }}</td>
                                <td>{{ $factura->fecha_emision_format }}</td>
                                <td>{{ $factura->fecha_envio_cliente_format ?: 'Pendiente' }}</td>
                                <td>{{ $factura->folio_fiscal }}</td>
                                <td>{{ $factura->cliente_factura_nombre }}</td>
                                <td>{{ $factura->no_informes }}</td>
                                <td>{{ $factura->clasificacion ?: '-' }}</td>
                                <td>{{ $factura->servicio_bitacora ?: '-' }}</td>
                                <td>{{ $factura->detalle_servicio ?: '-' }}</td>
                                <td>{{ $factura->subtotal_format }}</td>
                                <td>{{ $factura->iva_format }}</td>
                                <td>{{ $factura->total_format }}</td>

                                <td class="text-center">
                                    <span class="{{ $factura->estatus_factura_clase }}">
                                        {{ $factura->estatus_factura }}
                                    </span>
                                </td>

                                <td class="text-center">
                                    <span class="{{ $factura->estatus_pago_clase }}">
                                        {{ $factura->estatus_pago }}
                                    </span>
                                </td>

                                <td class="collapsing text-center">
                                    <a class="ui button orange" title="Detalles de facturación del cliente" href="{{ url('facturacion_sw_cliente/'.$factura->contacto->id_cliente_factura.'/detalle/'.$factura->id_factura) }}">
                                        Detalle <i class="arrow right icon"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="16" class="text-center text-muted">No hay facturas para el año seleccionado.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@include('Facturacion-sw.createBitacora')
<script>
    $(document).ready(function() {
        let bitacoraDescargando = false;

        $('#meses_bitacora').select2({
            placeholder: "Selecciona uno o más meses",
            width: "100%"
        });

        function toggleCamposBitacora() {
            const tipo = $('#tipo_rango_bitacora').val();

            $('#bloque_rango_meses').hide();
            $('#bloque_rango_anios').hide();
            $('#bloque_rango_fechas').hide();

            $('#anio_bitacora').prop('disabled', true);
            $('#meses_bitacora').prop('disabled', true);
            $('#anio_inicio_bitacora').prop('disabled', true);
            $('#anio_fin_bitacora').prop('disabled', true);
            $('#fecha_inicio_bitacora').prop('disabled', true);
            $('#fecha_fin_bitacora').prop('disabled', true);

            if (tipo === 'meses') {
                $('#bloque_rango_meses').show();
                $('#anio_bitacora').prop('disabled', false);
                $('#meses_bitacora').prop('disabled', false);
            } else if (tipo === 'anios') {
                $('#bloque_rango_anios').show();
                $('#anio_inicio_bitacora').prop('disabled', false);
                $('#anio_fin_bitacora').prop('disabled', false);
            } else if (tipo === 'fechas') {
                $('#bloque_rango_fechas').show();
                $('#fecha_inicio_bitacora').prop('disabled', false);
                $('#fecha_fin_bitacora').prop('disabled', false);
            }
        }

        function resetModalBitacora() {
            $('#tipo_rango_bitacora').val('meses');
            $('#anio_bitacora').val('{{ date("Y") }}');
            $('#meses_bitacora').val(null).trigger('change');

            $('#anio_inicio_bitacora').val('{{ date("Y") }}');
            $('#anio_fin_bitacora').val('{{ date("Y") }}');

            $('#fecha_inicio_bitacora').val('');
            $('#fecha_fin_bitacora').val('');

            $('#tipo_bitacora').val('');

            $('#button_spinner').prop('disabled', false);
            $('#spinner_bitacora_facturacion_modal').addClass('d-none');

            bitacoraDescargando = false;

            toggleCamposBitacora();
        }

        $(document).on('change', '#tipo_rango_bitacora', function () {
            toggleCamposBitacora();
        });

        $(document).on('click', '.create_bitacora', function () {
            let tipo_bitacora = $(this).attr('id');

            resetModalBitacora();
            $('#tipo_bitacora').val(tipo_bitacora);
            $('#create_modal_bitacora_facturacion').modal('show');
        });

        $(document).on('click', '.reset_bitacora_modal', function () {
            resetModalBitacora();
        });

        $(document).on('submit', '#create', function (e) {
            const tipo = $('#tipo_rango_bitacora').val();

            if (tipo !== 'meses') {
                $('#anio_bitacora').prop('disabled', true);
                $('#meses_bitacora').prop('disabled', true);
            }

            if (tipo !== 'anios') {
                $('#anio_inicio_bitacora').prop('disabled', true);
                $('#anio_fin_bitacora').prop('disabled', true);
            }

            if (tipo !== 'fechas') {
                $('#fecha_inicio_bitacora').prop('disabled', true);
                $('#fecha_fin_bitacora').prop('disabled', true);
            }

            if (tipo === 'meses') {
                const anio = $('#anio_bitacora').val().trim();
                const meses = $('#meses_bitacora').val();

                if (!anio) {
                    e.preventDefault();
                    showAlert('Debes capturar el año para generar la bitácora.', 'warning', 'Campo requerido');
                    return false;
                }

                if (!meses || meses.length === 0) {
                    e.preventDefault();
                    showAlert('Debes seleccionar al menos un mes para generar la bitácora.', 'warning', 'Campo requerido');
                    return false;
                }
            }

            if (tipo === 'anios') {
                const anioInicio = parseInt($('#anio_inicio_bitacora').val(), 10);
                const anioFin = parseInt($('#anio_fin_bitacora').val(), 10);

                if (!anioInicio || !anioFin) {
                    e.preventDefault();
                    showAlert('Debes capturar el año inicial y el año final.', 'warning', 'Campo requerido');
                    return false;
                }

                if (anioInicio > anioFin) {
                    e.preventDefault();
                    showAlert('El año inicial no puede ser mayor al año final.', 'warning', 'Rango inválido');
                    return false;
                }
            }

            if (tipo === 'fechas') {
                const fechaInicio = $('#fecha_inicio_bitacora').val();
                const fechaFin = $('#fecha_fin_bitacora').val();

                if (!fechaInicio || !fechaFin) {
                    e.preventDefault();
                    showAlert('Debes capturar la fecha inicial y la fecha final.', 'warning', 'Campo requerido');
                    return false;
                }

                if (fechaInicio > fechaFin) {
                    e.preventDefault();
                    showAlert('La fecha inicial no puede ser mayor a la fecha final.', 'warning', 'Rango inválido');
                    return false;
                }
            }

            bitacoraDescargando = true;
            $('#button_spinner').prop('disabled', true);
            $('#spinner_bitacora_facturacion_modal').removeClass('d-none');

            setTimeout(function () {
                if (bitacoraDescargando) {
                    $('#button_spinner').prop('disabled', false);
                    $('#spinner_bitacora_facturacion_modal').addClass('d-none');
                    bitacoraDescargando = false;
                }
            }, 1000);
        });

        toggleCamposBitacora();

        $('#iframe_descarga_bitacora_facturacion').on('load', function () {
            if (!bitacoraDescargando) {
                return;
            }

            $('#button_spinner').prop('disabled', false);
            $('#spinner_bitacora_facturacion_modal').addClass('d-none');
            bitacoraDescargando = false;

            $('#create_modal_bitacora_facturacion').modal('hide');
        });
    });
</script>
@endsection