@extends('fragments.fullTemplate')
@section('titulo')
Cobranza
@endsection
@php
    use App\Servicio_Cliente_Concepto;
    use App\Cobranza;
    use App\Servicio_Cliente_Reporte;
    use App\Cliente_Contacto_Factura;
    use App\Modo;
    use App\Int_Otros_Servicios_Concepto;
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
    $test=0;
    $id_cliente_factura=0;
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Cobranza</div>
    </div>

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

    @component('Cobranza.navs')
    @slot('active1')
        active
    @endslot
    @slot('active2')
        
    @endslot
    @slot('active3')
        
    @endslot
    @slot('active4')
        
    @endslot
    @endcomponent

    <div class="ui divider"></div>

    @if(isset($alertas_reemplazo_informe) && $alertas_reemplazo_informe->count() > 0)
        @php
            $primer_alerta = $alertas_reemplazo_informe->first();
            $folio_alerta = !empty($primer_alerta->folio_programacion)
                ? $primer_alerta->folio_programacion
                : $primer_alerta->num_informe;
        @endphp

        <div class="alert alert-danger text-center" role="alert" style="font-weight:bold;">
            Área técnica: El informe {{ $folio_alerta }} requiere reemplazo
            @if($alertas_reemplazo_informe->count() > 1)
                | Hay {{ $alertas_reemplazo_informe->count() - 1 }} más pendiente(s)
            @endif
        </div>
    @endif

    <div class="ui divider"></div>

    <div class="content">
        @if(session()->has('recordatorio_success'))
            <div class="alert alert-success text-center">
                <strong>{{ session()->get('recordatorio_success') }}</strong>
            </div>
        @endif
        @if(session()->has('recordatorio_danger'))
            <div class="alert alert-danger text-center">
                <strong>{{ session()->get('recordatorio_danger') }}</strong>
            </div>
        @endif
        @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
        @include('Control_documentos.Notificacion.notificacion_documento_version')
            
        
        <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>
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    <div class="ui segment">
        <div class="form-row">
            <div class="col-lg-6">
                <label for="grafica_pastel">Tipo de clientes</label>
                <canvas id="tipo_cliente_grafica_js"></canvas>
            </div>
            <div class="col-lg-6">
                <label for="grafica_pastel">Estatus de pagos</label>
                <canvas id="estatus_pagos_grafica_js"></canvas>
            </div>
        </div>
        {{--<a class="ui button fluid orange mt-3" title="Resumen general" href="{{url('cobranza_resumen_general')}}">
            Resumen general <i class="arrow right icon"></i> 
        </a>--}}
        <a id="reporte_cobranza" {{--href="{{ url('reporte_cobranza') }}"--}} class="ui button fluid green mt-3 create_bitacora">
            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
            <i class="icon download"></i> Exportar reporte de cobranza
        </a> 
    </div>
    
    @if ($permisos->crear == 1)
    {{-- 
    <button class="ui button fluid primary create_modal_cuenta">
        <i class="pencil alternate icon"></i> Nueva cuenta
    </button> 
    --}}   
    @endif
    <div class="ui divider"></div>
    <div class="needs-validation" enctype="multipart/form-data" novalidate>
        <div class="ui segment">

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <select class="custom-select" id="tipo" name="tipo" required>
                            <option value="" disabled selected>--Selecciona--</option>
                            <option value="cliente_facturas.nombre_empresa">Cliente factura</option>
                            <option value="cliente_contacto_facturas.nombre_contacto">Contactos</option>
                            <option value="servicio_cliente_conceptos.num_informe">No. Informe</option>
                            <option value="servicio_cliente_conceptos.modelo">Modelo</option>
                            <option value="cobranzas.numero_factura">Número factura</option>
                        </select>
                        
                        <div id="error-tipo" class="invalid-feedback">¡El campo es obligatorio!</div>
                    </div>
                    <div class="form-group col-md-6">
                        <input type="search" name="search" id="search" class="form-control" placeholder="Buscar..." required>
                        <div id="error-search" class="invalid-feedback">¡El campo es obligatorio!</div>
                    </div>
                    <div class="form-group col-md-3">
                        <button id="buscar" class="btn btn-secondary btn-block"><i class="search icon"></i>Buscar</button>
                    </div>
                </div>

        </div>
    </div>
<div class="ui divider"></div>
    {{--<div class="ui segment">
        <div class="ui form">
            <div class="inline fields sx-remove-margin">
                <div class="three wide field">
                    <select class="custom-select" id="tipo" name="tipo">
                        <option selected disabled>--Seleccione--</option>
                        <option value="cliente_facturas.nombre_empresa">Cliente factura</option>
                        <option value="cliente_contacto_facturas.nombre_contacto">Contactos</option>
                        <option value="servicio_cliente_conceptos.num_informe">No. Informe</option>
                        <option value="servicio_cliente_conceptos.modelo">Modelo</option>
                        <option value="cobranzas.numero_factura">Número factura</option>
                    </select>
                </div>
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Buscar...">
                </div>
                <div class="four wide field">
                    <input id="buscar" class="ui button" type="submit" name="" value="Buscar">
                </div>
            </div>
        </div>
    </div>--}}
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            {{--<p class="text-center" >{{ $datos_clientes->count() }}</strong> resultados en esta p&aacute;gina</p>--}}
            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable structured">
                    <thead>
                        <tr>
                            <th>Cliente Factura</th>
                            <th>Contactos</th>
                            <th>No. Informes</th>
                            <th>Modelo</th>
                            <th>Número Factura</th>
                            {{--<th>Deuda Total</th>--}}
                            <th>Estatus</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <style>
        .dataTables_filter { display: none; }
    </style>
    <script>
        function showConfirm(
            titulo = "Confirmación",
            mensaje = "¿Deseas continuar?",
            opciones = {}
        ) {
            const {
                textoConfirmar = "Sí, confirmar",
                textoCancelar = "Cancelar",
                claseConfirmar = "btn-primary",
            } = opciones;

            const modalId = `confirmModal_${Date.now()}`;
            const modalHtml = `
                <div class="modal fade" id="${modalId}" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">${titulo}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                ${mensaje}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">${textoCancelar}</button>
                                <button type="button" class="btn ${claseConfirmar}" id="${modalId}_btnConfirm">${textoConfirmar}</button>
                            </div>
                        </div>
                    </div>
                </div>
            `;

            const wrapper = document.createElement("div");
            wrapper.innerHTML = modalHtml.trim();
            const modalEl = wrapper.firstChild;
            document.body.appendChild(modalEl);

            return new Promise((resolve, reject) => {
                const $modal = $(`#${modalId}`);
                let confirmado = false;

                $(document).on("click", `#${modalId}_btnConfirm`, function () {
                    confirmado = true;
                    $modal.modal("hide");
                    resolve();
                });

                $modal.on("hidden.bs.modal", function () {
                    $(document).off("click", `#${modalId}_btnConfirm`);
                    $modal.off("hidden.bs.modal");
                    modalEl.parentNode && modalEl.parentNode.removeChild(modalEl);

                    if (!confirmado) {
                        reject(new Error("cancelled"));
                    }
                });

                $modal.modal({
                    backdrop: "static",
                    keyboard: true,
                    show: true
                });
            });
        }

        function showAlert(mensaje, tipo = 'success', titulo = null) {
            let claseHeader = 'bg-success text-white';
            let tituloFinal = titulo || 'Correcto';

            if (tipo === 'warning') {
                claseHeader = 'bg-warning text-dark';
                tituloFinal = titulo || 'Atención';
            }

            if (tipo === 'error' || tipo === 'danger') {
                claseHeader = 'bg-danger text-white';
                tituloFinal = titulo || 'Error';
            }

            if (tipo === 'info') {
                claseHeader = 'bg-info text-white';
                tituloFinal = titulo || 'Información';
            }

            const modalId = `alertModal_${Date.now()}`;
            const modalHtml = `
                <div class="modal fade" id="${modalId}" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header ${claseHeader}">
                                <h5 class="modal-title">${tituloFinal}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                ${mensaje}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            `;

            const wrapper = document.createElement('div');
            wrapper.innerHTML = modalHtml.trim();
            const modalEl = wrapper.firstChild;
            document.body.appendChild(modalEl);

            const $modal = $(`#${modalId}`);
            $modal.on('hidden.bs.modal', function () {
                $modal.off('hidden.bs.modal');
                modalEl.parentNode && modalEl.parentNode.removeChild(modalEl);
            });

            $modal.modal({ backdrop: 'static', keyboard: true, show: true });
        }
    </script>
    {{--@section('aaSorting')
    [ 2 , 'desc' ] , [ 7 , 'desc' ]
    @endsection
    @section('columnDefs')
    {
        "targets": [ 0 ],
        "visible": false
        
    }
    @endsection--}}
    @section('initComplete')
    
    this.api().column(0).every(function () {
        var that = this;

        $('#buscar').click(function(){
            if(validaForm()){
                type = $("#tipo").val();
                sentence = $("#search").val();
                data = JSON.stringify(
                    [
                        $("#tipo").val(), 
                        $("#search").val()
                    ]
                );
                that.search(data ? data : '', true, false).draw();
            
                
            }
        });
    });

    @endsection
    @section('configOpt')
    searching: true,
    processing: true,
    serverSide: true,
    //sDom: 'ltirp<"clear">',
    //dom: '<"H"lr>tr<"F"ip>',
    ajax: "{{ Route('getCobranza') }}",
    columns: [
        {"searchable": false, data: 'nombre_cliente_factura', name: 'nombre_cliente_factura'},                
        {"searchable": false, data: 'contactos', name: 'contactos'},
        {"searchable": false, data: 'num_informe', name: 'num_informe'},
        {"searchable": false, data: 'modelo', name: 'modelo'},
        {"searchable": false, data: 'factura', name: 'factura'},
        {"searchable": false, data: 'estatus', name: 'estatus'},
        {"searchable": false, data: 'buttons', name: 'buttons'},
    ]
    @endsection
    {{--@include('Cobranza.send_mail_recordatorio_cobranzas_modal')--}}
    <script>
        $(document).on('click','.send_mail_recordatorio_cobranzas_modal',function(){
            
            $('#send_mail_cobranzas_modal').modal('show'); 
        });

        function validaForm(){
            $("#error-tipo").removeClass('d-block');
            $("#error-search").removeClass('d-block');
            // Campos de texto
            if($("#tipo").val() == null){
                //alert("No ha seleccionado el tipo de busqueda.");
                $("#error-tipo").addClass('d-block');
                $("#tipo").focus();       // Esta función coloca el foco de escritura del usuario en el campo Nombre directamente.
                return false;
            }
            if($("#search").val() == ""){
                //alert("El campo buscar esta vacío.");
                $("#error-search").addClass('d-block');
                $("#search").focus();
                return false;
            }

            return true; // Si todo está correcto
        }
    </script>
    @php
        function estatus_cobranza($id_cliente_factura,$id_cliente_informe){
            $num_conceptos = Servicio_Cliente_Concepto::select(
                'id_servicio_cliente_concepto'
            )
            ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cliente_factura_x_informes.id_cliente_factura',$id_cliente_factura)
            ->where('cliente_factura_x_informes.id_cliente_informe',$id_cliente_informe)
            ->get();

            $num_conceptos = $num_conceptos->count();

            $num_cobranzas = Cobranza::select(
                'id_cobranza'
            )
            ->join('servicio_cliente_conceptos','cobranzas.id_servicio_cliente_concepto','=','servicio_cliente_conceptos.id_servicio_cliente_concepto')
            ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cobranzas.estatus','Pagado')
            ->where('cliente_factura_x_informes.id_cliente_factura',$id_cliente_factura)
            ->where('cliente_factura_x_informes.id_cliente_informe',$id_cliente_informe)
            ->get();
            $num_cobranzas = $num_cobranzas->count();

            $estatus_cobranza="";
            if ($num_conceptos == $num_cobranzas) {
                $estatus_cobranza = "verde";
            }elseif($num_conceptos > $num_cobranzas && $num_cobranzas > 0){
                $estatus_cobranza = "amarillo";
            }elseif($num_cobranzas == 0){
                $estatus_cobranza = "rojo";
            }

            return $estatus_cobranza;
        }

        function estatus_cobranza_2($id_cliente_factura, $num_conceptos){
            $datos_auditoria = Modo::select('nombre', 'activo','updated_at as ultima_vez_actualizado')
            ->where('nombre', "Auditoría")
            ->first();

            if ($datos_auditoria->activo == 1) {
                $num_conceptos = $num_conceptos->whereNotIn('clasificacion', [2]);
            }
            

            

            $num_conceptos = $num_conceptos->count();

            $num_cobranzas = Cobranza::select(
                'id_cobranza',
                'servicios.clasificacion'
            )
            ->join('servicio_cliente_conceptos','cobranzas.id_servicio_cliente_concepto','=','servicio_cliente_conceptos.id_servicio_cliente_concepto')
            ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->leftJoin('muestras','recibo_muestras.id_recibo_muestra','=','muestras.id_recibo_muestra')
            ->leftJoin('inspeccion_muestras','muestras.id_muestra','=','inspeccion_muestras.id_muestra')
            ->leftJoin('lista_precios_x_servicios','inspeccion_muestras.id_precio_x_servicio','=','lista_precios_x_servicios.id_precio_x_servicio')
            ->leftJoin('servicios','lista_precios_x_servicios.id_servicio','=','servicios.id_servicio')
            
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cobranzas.estatus','Pagado')
            ->where('cliente_factura_x_informes.id_cliente_factura',$id_cliente_factura)
            //->where('cliente_factura_x_informes.id_cliente_informe',$id_cliente_informe)
            ->get();

            if ($datos_auditoria->activo == 1) {
                $num_cobranzas = $num_cobranzas->whereNotIn('clasificacion', [2]);
            }

            //dd($num_cobranzas);
            //die();
            
            $num_cobranzas = $num_cobranzas->count();
            //dd($num_conceptos .">". $num_cobranzas ."&&". $num_cobranzas .">". 0);
            $estatus_cobranza="";
            if ($num_conceptos == $num_cobranzas) {
                $estatus_cobranza = "verde";
            }elseif($num_conceptos > $num_cobranzas || $num_cobranzas > 0){
                $estatus_cobranza = "amarillo";
            }elseif($num_cobranzas == 0){
                $estatus_cobranza = "rojo";
            }else{
                $estatus_cobranza = "rojo";
            }

            return $estatus_cobranza;
        }

        function cliente_factura_deuda_total($datos_informe, $datos_otros_servicios_secomsa){
            $datos_auditoria = Modo::select('nombre', 'activo','updated_at as ultima_vez_actualizado')
            ->where('nombre', "Auditoría")
            ->first();

            if($datos_informe->count()){
                $datos_informe = $datos_informe->whereNotIn('cobranza_estatus', ['Pagado']);
            $total = total_precio_unitario($datos_informe);
            }else{
                $total = 0;
            }
            
            if($datos_otros_servicios_secomsa->count()){
                $datos_otros_servicios_secomsa = $datos_otros_servicios_secomsa->whereNotIn('estatus_cobranza', ['Pagado']);
                $total_secomsa = total_precio_unitario_secomsa($datos_otros_servicios_secomsa);
            }else{
                $total_secomsa = 0;
            }
            

            $total = $total_secomsa+$total;
            return $total;
            
        }

        function total_precio_unitario($conceptos){
            $precio_unitario_total = 0;
            $precio_unitario_final = 0;
            $descuento = 0;

            foreach ($conceptos as $key => $concepto) {
                if ($concepto->descuento_activo == 1) {
                    $descuento = $concepto->precio_unitario*$concepto->descuento/100;
                    $precio_unitario_final = $concepto->precio_unitario-$descuento;
                }else{
                    $precio_unitario_final = $concepto->precio_unitario;
                }

                $precio_unitario_total += $precio_unitario_final;
                    
            }

            $total = $precio_unitario_total * 1.16;

            return $total;
        }

        function total_precio_unitario_secomsa($conceptos){
            $precio_unitario_total = 0;
            $precio_unitario_final = 0;
            $descuento = 0;
            $precio = 0;
            foreach ($conceptos as $key => $concepto) {
                if ($concepto->descuento_activo == 1) {
                    //dd($concepto->descuento);
                    $precio = $concepto->precio_unitario*$concepto->cantidad;

                    $descuento = $precio*$concepto->descuento/100;
                    $precio_unitario_final = $precio-$descuento;
                
                }else{
                    $precio_unitario_final = $concepto->precio_unitario*$concepto->cantidad;
                }

                $precio_unitario_total += $precio_unitario_final;
                    
            }

            $total = $precio_unitario_total * 1.16;

            return $total;
        }
        function informes_cliente_factura($id_cliente_factura,$id_cliente_informe){
            $informes = Servicio_Cliente_Concepto::select(
                'id_servicio_cliente_concepto',
                'num_informe'
            )
            ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cliente_factura_x_informes.id_cliente_factura',$id_cliente_factura)
            ->where('cliente_factura_x_informes.id_cliente_informe',$id_cliente_informe)
            ->get();

            return $informes;
        }
        function informes_cliente_factura_2($id_cliente_factura){
            $fecha_actual = date("d-m-Y");
            $arr_fecha = explode("-",$fecha_actual);
            $anio = $arr_fecha[2];

            $datos_auditoria = Modo::select('nombre', 'activo','updated_at as ultima_vez_actualizado')
            ->where('nombre', "Auditoría")
            ->first();

            $informes = Servicio_Cliente_Concepto::select(
                'servicio_cliente_conceptos.id_servicio_cliente_concepto',
                //'servicio_cliente_conceptos.num_informe',
                'programacion_muestras.folio_programacion as num_informe',
                'servicio_cliente_conceptos.producto as muestra',
                'servicio_cliente_conceptos.marca as marca',
                'servicio_cliente_conceptos.modelo',
                


                'servicio_cliente_conceptos.precio_unitario as precio_unitario',
                'servicio_cliente_conceptos.descuento_activo',
                'servicio_cliente_conceptos.descuento',
                'servicios.clasificacion',
                'cobranzas.estatus as cobranza_estatus',
                'cobranzas.numero_factura'
            )
            
            ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->leftjoin('cobranzas','servicio_cliente_conceptos.id_servicio_cliente_concepto','=','cobranzas.id_servicio_cliente_concepto')
            ->leftjoin('programacion_muestras','servicio_cliente_conceptos.id_programacion_muestra','=','programacion_muestras.id_programacion_muestra')
        
            ->leftJoin('muestras','recibo_muestras.id_recibo_muestra','=','muestras.id_recibo_muestra')
            ->leftJoin('inspeccion_muestras','muestras.id_muestra','=','inspeccion_muestras.id_muestra')
            ->leftJoin('lista_precios_x_servicios','inspeccion_muestras.id_precio_x_servicio','=','lista_precios_x_servicios.id_precio_x_servicio')
            ->leftJoin('servicios','lista_precios_x_servicios.id_servicio','=','servicios.id_servicio')
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cliente_factura_x_informes.id_cliente_factura',$id_cliente_factura)
            ->whereBetween('recibo_muestras.fecha', ["20-12-01",$anio."-12-31"])
            ->where('programacion_muestras.informe_cancelado',0)
            ->groupBy('programacion_muestras.folio_programacion')
            ->get();
            
            if ($datos_auditoria->activo == 1) {
                $informes = $informes->whereNotIn('clasificacion', [2]);
            }

            /*foreach ($informes as $key => $value) {
                echo $value->num_informe."<br>";
            }
            die();
            */
            return $informes;
        }

        function datos_otros_servicios_secomsa($id_cliente_factura){
            $datos_otros_servicios_secomsa = Int_Otros_Servicios_Concepto::select(
                'int_otros_servicios_conceptos.id_int_otro_servicio_concepto',
                'int_otros_servicios_conceptos.descripcion',
                'int_otros_servicios_conceptos.servicio',
                'int_otros_servicios_conceptos.servicio_producto',
                'int_otros_servicios_conceptos.cantidad',
                'int_otros_servicios_conceptos.precio_unitario',
                'int_otros_servicios_conceptos.descuento',
                'int_otros_servicios_conceptos.descuento_activo',
                'int_otros_servicios_conceptos.iva',
                'int_otros_servicios_conceptos.estatus_email_prefactura',
                'int_otros_servicios_conceptos.fecha_envio_email_prefactura',
                
                'int_otros_servicios_reportes.credito_activo',
                'int_otros_servicios_reportes.fecha_limite_credito',
                'cliente_informes.nombre_empresa as nombre_cliente_informe',
                'cobranzas.numero_factura',
                'cobranzas.estatus as estatus_cobranza',
                'cobranzas.id_cobranza'

            )
            ->leftjoin('cobranzas', 'int_otros_servicios_conceptos.id_int_otro_servicio_concepto', '=', 'cobranzas.id_int_otro_servicio_concepto')
            ->join('int_otros_servicios_reportes', 'int_otros_servicios_conceptos.id_int_otro_servicio_reporte', '=', 'int_otros_servicios_reportes.id_int_otro_servicio_reporte')
            ->join('cliente_factura_x_informes', 'int_otros_servicios_reportes.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_informes', 'cliente_factura_x_informes.id_cliente_informe', '=', 'cliente_informes.id_cliente_informe')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->where('cliente_facturas.id_cliente_factura',$id_cliente_factura)
            ->get();

            return $datos_otros_servicios_secomsa;
        }
        function datos_cliente_informes($id_cliente_factura){
            $datos_cliente_informes = Servicio_Cliente_Reporte::select(
                'cliente_facturas.id_cliente_factura as id_cliente_factura',
                'cliente_facturas.nombre_empresa as nombre_cliente_factura',
                'cliente_informes.id_cliente_informe as id_cliente_informe',
                'cliente_informes.nombre_empresa as nombre_cliente_informe',
                'cliente_informes.tipo_cliente as tipo_cliente'

            )
            ->join('recibo_muestras','servicio_cliente_reportes.id_recibo_muestra','=','recibo_muestras.id_recibo_muestra')
            ->join('cliente_factura_x_informes', 'recibo_muestras.id_cliente_factura_x_informes', '=', 'cliente_factura_x_informes.id_cliente_factura_x_informes')
            ->join('cliente_informes', 'cliente_factura_x_informes.id_cliente_informe', '=', 'cliente_informes.id_cliente_informe')
            ->join('cliente_facturas', 'cliente_factura_x_informes.id_cliente_factura', '=', 'cliente_facturas.id_cliente_factura') 
            ->groupBy('cliente_informes.id_cliente_informe')
            ->where('cliente_facturas.id_cliente_factura',$id_cliente_factura)
            ->orderBy('cliente_informes.id_cliente_informe','ASC')
            ->get();

            return $datos_cliente_informes;
        }
        function datos_contacto_cliente_factura($id_cliente_factura){
            $datos_contacto = Cliente_Contacto_Factura::vigentes()
            ->select(
                'nombre_contacto',
                'telefono',
                'extension',
                'celular'
            )
            ->where('id_cliente_factura',$id_cliente_factura)
            ->get();
            return $datos_contacto;
        }

        function datos_contacto_informe($id_cliente_contacto_factura){
            $datos_contacto = Cliente_Contacto_Factura::vigentes()
            ->select('id_cliente_contacto_factura','correo')
            ->where('id_cliente_contacto_factura',$id_cliente_contacto_factura)
            ->first();

            return $datos_contacto;
        }
    @endphp
    <script>
        var ctx = document.getElementById('tipo_cliente_grafica_js').getContext('2d');
        var chart = new Chart(ctx, {
            // The type of chart we want to create
            type: 'pie',

            // The data for our dataset
            data: {
                labels: ['NUEVOS', 'FRECUENTES'],
                datasets: [{
                    label: 'My First dataset',
                    //backgroundColor: 'rgb(255, 99, 132)',
                    //borderColor: 'rgb(255, 99, 132)',
                    backgroundColor: ['rgb(255, 205, 86)','rgb(75, 192, 192)','rgb(54, 162, 235)','rgb(153, 102, 255)','rgb(201, 203, 207)','rgb(255, 99, 132)','rgb(255, 159, 64)'],
                    borderColor: ['rgb(255, 205, 86)','rgb(75, 192, 192)','rgb(54, 162, 235)','rgb(153, 102, 255)','rgb(201, 203, 207)','rgb(255, 99, 132)','rgb(255, 159, 64)'],
                    data: [100, 800]
                }]
            },

            // Configuration options go here
            options: {}
        });
    </script>
    <script>
        var ctx = document.getElementById('estatus_pagos_grafica_js').getContext('2d');
        var chart = new Chart(ctx, {
            // The type of chart we want to create
            type: 'pie',

            // The data for our dataset
            data: {
                labels: ['PAGADO', 'SIN PAGO'],
                datasets: [{
                    label: 'My First dataset',
                    backgroundColor: ['rgb(255, 99, 132)','rgb(255, 159, 64)','rgb(255, 205, 86)','rgb(75, 192, 192)','rgb(54, 162, 235)','rgb(153, 102, 255)','rgb(201, 203, 207)'],
                    borderColor: ['rgb(255, 99, 132)','rgb(255, 159, 64)','rgb(255, 205, 86)','rgb(75, 192, 192)','rgb(54, 162, 235)','rgb(153, 102, 255)','rgb(201, 203, 207)'],
                    data: [450, 200]
                }]
            },

            // Configuration options go here
            options: {}
        });
    </script>
    <script>
        $('.button').click(function(){
            
            pdf_button = $(this).attr('id');
            
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');

            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');
        });
        
        setInterval(function(){ 
            spinner.addClass('d-none'); 
            icono.removeClass('d-none');
        }, 20000);

    </script>
   
    
    
    <script>
        num_destinatario = 1;
        $('.add_email_destinatario').click(function(){
           
            id_cliente_contacto = $(this).attr('id');
            
            //alert(id_cliente_contacto_value);
            num_destinatario++;
            $('#add_email_destinatario_'+id_cliente_contacto+'_div').append('<div class="form-group"><input class="form-control" type="email" id="email_destinatario_'+(id_cliente_contacto)+'_'+(num_destinatario)+'" name="email_destinatario_'+(id_cliente_contacto)+'_'+(num_destinatario)+'" placeholder="Ingrese el email del destinatario" required></div>');
        });
    </script>
    <script>
        num_destinatario = 1;
        $('.add_email_destinatario_urgente').click(function(){
           
            id_cliente_contacto = $(this).attr('id');
            
            //alert(id_cliente_contacto_value);
            num_destinatario++;
            $('#add_email_destinatario_urgente_'+id_cliente_contacto+'_div').append('<div class="form-group"><input class="form-control" type="email" id="email_destinatario_'+(id_cliente_contacto)+'_'+(num_destinatario)+'" name="email_destinatario_'+(id_cliente_contacto)+'_'+(num_destinatario)+'" placeholder="Ingrese el email del destinatario" required></div>');
        });
    </script>

    @include('Cobranza.create_informe')
    <script>
        let bitacoraDescargando = false;

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

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

            if (tipo === 'meses') {
                $('#bloque_rango_meses').show();
            } else if (tipo === 'anios') {
                $('#bloque_rango_anios').show();
            } else if (tipo === 'fechas') {
                $('#bloque_rango_fechas').show();
            }
        }

        function resetModalBitacora() {
            $('#tipo_rango_bitacora').val('meses');
            $('#anio_bitacora').val('{{ date("Y") }}');
            $('#meses_bitacora option').prop('selected', false);
            $('#meses_bitacora').trigger('change');

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

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

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

            bitacoraDescargando = false;

            toggleCamposBitacora();
        }

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

            switch (tipo_bitacora) {
                case "bitacora_general":
                case "reporte_cobranza":
                    $('#tipo_bitacora').val(1);
                    break;
                case "bitacora_otros_servicios":
                    $('#tipo_bitacora').val(2);
                    break;
                case "bitacora_servicios_internacionales":
                    $('#tipo_bitacora').val(3);
                    break;
                default:
                    $('#tipo_bitacora').val(1);
                    break;
            }

            resetModalBitacora();
            $('#create_modal').modal('show');
        });

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

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

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

            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);
            $('#button_spinner #spinner').removeClass('d-none');

            // respaldo por si el iframe no dispara load como esperamos
            setTimeout(function () {
                if (bitacoraDescargando) {
                    $('#button_spinner').prop('disabled', false);
                    $('#button_spinner #spinner').addClass('d-none');
                    bitacoraDescargando = false;
                }
            }, 4000);
        });

        $(document).ready(function () {
            toggleCamposBitacora();

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

                // Reactivar botón
                $('#button_spinner').prop('disabled', false);
                $('#button_spinner #spinner').addClass('d-none');
                bitacoraDescargando = false;

                // 🔴 Cerrar modal automáticamente
                $('#create_modal').modal('hide');
            });
        });
    </script>
    <script>
        $(function() {
            $('.year_datepicker').datepicker({
                format: "yyyy",
                viewMode: "years", 
                minViewMode: "years"
            });
        });
        $(function() {
            $('.month_datepicker').datepicker({
                format: "mm",
                viewMode: "months", 
                minViewMode: "months"
            });
        });
    </script>
    <script>
        $(function() {
        $('.customdaterangepicker').daterangepicker({
            opens: 'left'
        }, function(start, end, label) {
            console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
        });
        });
    </script>
    @if(session('error_bitacora'))
        <script>
            $(document).ready(function () {
                showAlert(@json(session('error_bitacora')), 'warning', 'Atención');
            });
        </script>
    @endif
@endsection