@extends('fragments.fullTemplate')
@section('titulo')
Cobranza
@endsection
@php
    use App\Http\Controllers\cobranza_controller;
    use App\Servicio_Cliente_Concepto;
    use App\Cobranza;
    use App\Programacion_muestra;
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
    $fecha_actual = date("Y-m-d");
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Cobranza</div>
        <i class="right chevron icon divider"></i>
        <div class="active section"><a href="{{url('cobranza/'.$datos_cliente->id_cliente_factura.'/informes_cliente_factura')}}">Informes de: {{$datos_cliente->nombre_cliente_factura}}</a></div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></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="content">
        <div class="col-lg-12">
            <button class="ui button fluid blue mt-3 send_mail_recordatorio_por_cliente_cobranzas" title="Recodatorio de pago cobranza" >
                <i class="mail icon"></i> Enviar recodatorio de pago 
            </button>
        </div>
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-lg-6 mb-3">
                <p><strong>Cliente Factura:<br>{{ $datos_cliente->nombre_cliente_factura }}</strong></p>

                <p>
                    <strong>Crédito: </strong>
                    @if ($estatus_credito_calculado === 'Activo')
                        <span class="badge badge-success">Activo</span>
                    @elseif ($estatus_credito_calculado === 'Suspendido')
                        <span class="badge badge-danger">Suspendido</span>
                    @else
                        <span class="badge badge-secondary">Inactivo</span>
                    @endif
                </p>

                <p>
                    <strong>Días de crédito: </strong>
                    {{ (int)($datos_cliente->dias_credito ?? 0) }}
                </p>

                <p>
                    <strong>Monto límite de crédito: </strong>
                    @if(!is_null($datos_cliente->monto_limite_credito))
                        ${{ number_format($datos_cliente->monto_limite_credito, 2, '.', ',') }}
                    @else
                        N/A
                    @endif
                </p>

                <p>
                    <strong>Fecha límite de crédito: </strong>
                    @if(!empty($datos_cliente->fecha_limite_credito))
                        {{ \Carbon\Carbon::parse($datos_cliente->fecha_limite_credito)->format('d/m/Y') }}
                    @else
                        N/A
                    @endif
                </p>

                <p>
                    <strong>Comentario sobre el crédito: </strong>
                    @if(!empty($datos_cliente->comentario_credito))
                        {{ $datos_cliente->comentario_credito }}
                    @else
                        N/A
                    @endif
                </p>

                @if ($id_servicio_cliente_concepto != NULL)
                    <p><strong>Deuda parcial: </strong><strong>${{ number_format($deuda_total_cliente_factura, 2, '.', ',') }}</strong></p>
                @else
                    <p><strong>Deuda total: </strong><strong>${{ number_format($deuda_total_cliente_factura, 2, '.', ',') }}</strong></p>
                @endif

                @if($mostrar_alerta_credito)
                    <div class="alert alert-danger mt-3 mb-0">
                        <strong>{{ $mensaje_alerta_credito }}</strong>
                    </div>
                @endif
            </div>
            <div class="col-lg-6">
                <p><strong>Contactos:</strong></p>
                <table class="ui celled table unstackable">
                    <thead>
                        <th>Nombre</th>
                        <th>E-mail</th>
                        <th>Teléfono</th>
                        <th>Extensión</th>
                        <th>Celular</th>
                    </thead>
                    <tbody>
                        @foreach ($datos_contacto as $dato_contacto)
                            @php
                                $rawType = $dato_contacto->type_id;
                                $sinTipo = is_null($rawType) || $rawType === '' || $rawType === 'null';
                                $typeIds = [];

                                if (!$sinTipo) {
                                    if (is_array($rawType)) {
                                        $typeIds = $rawType;
                                    } else {
                                        $decoded = json_decode($rawType, true);
                                        if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                                            $typeIds = $decoded;
                                        } else {
                                            $typeIds = [(string) $rawType];
                                        }
                                    }
                                }

                                $tiene4 = in_array("4", array_map('strval', $typeIds), true);
                                $mostrar = $tiene4; // Aquí a diferencia del correo, NO mostramos si no tiene tipo.
                            @endphp

                            @if ($mostrar)
                                <tr>
                                    <td>{{ $dato_contacto->nombre_contacto }}</td>
                                    <td>{{ $dato_contacto->correo }}</td>
                                    <td>{{ $dato_contacto->telefono }}</td>
                                    <td>{{ $dato_contacto->extension }}</td>
                                    <td>{{ $dato_contacto->celular }}</td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {{--
    <div class="sx-autorender mt-3">
        <div class="sx-scroll-x">
            <p><strong>CONTACTOS</strong></p>
            <table class="ui celled table unstackable">
                <thead>
                    <th>Nombre</th>
                    <th>E-mail</th>
                    <th>Teléfono</th>
                    <th>Extensión</th>
                    <th>Celular</th>
                </thead>
                <tbody>
                    @foreach ($datos_contacto as $dato_contacto)
                    <tr>
                        <td>{{$dato_contacto->nombre_contacto}}</td>
                        <td>{{$dato_contacto->correo}}</td>
                        <td>{{$dato_contacto->telefono}}</td>
                        <td>{{$dato_contacto->extension}}</td>
                        <td>{{$dato_contacto->celular}}</td>
                    </tr> 
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>
    --}}
    {{--
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item">
          <a class="nav-link" id="estatus-tab" data-toggle="tab" href="#estatus" role="tab" aria-controls="estatus" aria-selected="true">Estatus de pagos por semana</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Total de informes por semana y por norma</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Total de informes por semana y por línea de trabajo</a>
        </li>
    </ul>
    
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade" id="estatus" role="tabpanel" aria-labelledby="estatus-tab">
            <div class="ui segment">
                <div class="form-row">
                    <div class="form-group">
                        <div class="form-group" id="DateDemo">
                            <label for="fecha_estatus">Selecciona semana</label>
                            <input type="text" class="form-control datepicker" id="fecha_estatus" name="fecha_estatus">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <label for="grafica_pastel">Estatus de pagos</label>
                        <canvas id="estatus_pagos_grafica_js"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
            <div class="ui segment">
                
                    <div class="form-group col-lg-3">
                        <div class="form-group" id="DateDemo">
                            <label for="fecha_estatus">Selecciona semana</label>
                            <input type="text" class="form-control datepicker" id="fecha_norma" name="fecha_norma">
                        </div>
                    </div>
                    
                    
                    <div class="form-group col-lg-3">
                        <label for="id_norma" class="">Norma</label>
                        <select id="id_norma" name="id_norma" class="selectpicker form-control" data-live-search="true" required>
                        <option value="" selected disabled>--Seleccione--</option>
                        @foreach ($normas as $norma)
                            <option value="{{$norma->id_norma}}">{{$norma->nombre}}</option>
                        @endforeach
                        </select>
                    </div>

                    <div class="form-group col-lg-3">
                        <a class="ui button blue" href="#" id="button_informe_norma">
                            <i class="chart area icon"></i>Graficar
                        </a>
                    </div>

                    <div class="col-lg-6">
                        <label for="grafica_pastel">Número de informes</label>
                        <canvas id="estatus_pagos_grafica_js"></canvas>
                    </div>
                </div>
        </div>
        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
    </div>
    --}}
    
    {{--
    <div class="ui segment">
        <div class="form-row">
            <div class="col-lg-6 mb-3">
                <p><strong>Cliente Factura:<br>{{$datos_cliente->nombre_cliente_factura}}</strong></p>
                <p><strong>Crédito: </strong>
                    @if ($datos_cliente->dias_credito > 0)
                        <span class="badge badge-success">Activo</span>
                        @else
                            <span class="badge badge-danger">Inactivo</span>
                    @endif
                </p>
            </div>
            <div class="col-lg-6">
                <p><strong>Cliente Informe:<br>{{$datos_cliente->nombre_cliente_informe}}</strong></p>
                
            </div>
            <br>
            <br>
            <br>
            <div class="col-lg-6">
                <label for="grafica_pastel">Estatus de pagos</label>
                <canvas id="estatus_pagos_grafica_js"></canvas>
            </div>
            <div class="col-lg-6">
                <label for="grafica_pastel">Resumen de pagos 2020</label>
                <canvas id="mes_entrega_tecnicos_grafica_js"></canvas>
            </div>
        </div>
    </div>
    --}}
    {{--
    <div class="ui divider"></div>
    
    <button class="ui button fluid primary create_cobranza_modal">
        <i class="pencil alternate icon"></i> Nuevo registro de cobranza
    </button> 
    --}}
    @if ($permisos->crear == 1 || $permisos->gerente)
    {{--
    <button class="ui button fluid primary create_modal_cuenta">
        <i class="pencil alternate icon"></i> Nueva cuenta
    </button> 
    --}}   
	@endif
    <div class="ui divider"></div>
    <nav>
        <div class="nav nav-tabs" id="nav-tab" role="tablist">
          <a class="nav-item nav-link active" id="nav-informes-tab" data-toggle="tab" href="#nav-informes" role="tab" aria-controls="nav-informes" aria-selected="true">Informes</a>
          <a class="nav-item nav-link" id="nav-servicios-tab" data-toggle="tab" href="#nav-servicios" role="tab" aria-controls="nav-servicios" aria-selected="false">Servicios</a>
          
        </div>
    </nav>
    <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade show active" id="nav-informes" role="tabpanel" aria-labelledby="nav-informes-tab">
            <div class="sx-autorender mt-3">
                <div class="sx-scroll-x">
                    <p class="text-center" >{{ $datos_informes->count() }}</strong> resultados en esta página</p>
                    <div class="dt-responsive table-responsive">
                        
                        <div class="row mb-4">
                            <label for="apaterno" class="col-sm-1 col-form-label">Año</label>
                            <div class="col-sm-2">
                                <select id="anio_filtro" class="form-control">
                                    <option value="">--Seleccione--</option>
                                    @foreach($anios_disponibles as $anio_item)
                                        <option value="{{ $anio_item }}" {{ (int)$anio == (int)$anio_item ? 'selected' : '' }}>
                                            {{ $anio_item }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{--
                        <div class="row">
                            <label class="col-md-1" for="anio">Año: </label>
                            <div class="col-md-2 text-left mb-3">
                                <select class="form-control selectpicker" name="anio" id="anio">
                                    @php
                                        $year = date("Y");
                                    @endphp
                                    @for ($i = 2020; $i <= $year; $i++)
                                        <option value="{{$i}}">{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            
                        </div>
                        --}}
                        <div class="row">
                            <div class="col-md-12 text-left mb-3">
                                <div id="total_tbody"></div>
                            </div>
                        </div>
                        <table id="detalles_cobranza_table" class="ui celled table unstackable structured" data-display-length='100'>
                            <thead>
                                <tr>
                                    <th>Año Recibo</th>
                                    <th>pago_estatus</th>
                                    <th>Estatus Pago</th>
                                    <th>Comprobante de pago</th>
                                    <th>Cliente Informe</th>
                                    <th>No. de informe</th>
                                    <th>Fecha elaboración factura</th>
                                    <th>No. de factura</th>
                                    <th>No. complemento de pago</th>
                                    <th>Muestra</th>
                                    <th>Marca</th>
                                    <th>Modelo</th>
                                    <th>Norma/Servicio</th>
                                    <th>Precio</th>
                                    <th>IVA</th>
                                    <th>Total</th>
                                    <th>Fecha de pago</th>
                                    <th>Contado/Crédito</th>
                                    <th>Informe de resultados</th>
                                    <th>Estatus</th>
                                    <th class="collapsing">Acciones</th>
                                </tr>
                            </thead>
                            <tbody id="detalles_cobranza_tbody">
                                @if($datos_informes->count())
                                
                                @foreach ($datos_informes as $dato_informe)
                                
                                        
                                @php
                            
                                    $fecha_pago = null;
                                    $fecha_elaboracion_factura = null;
                                    $complemento_pago_factura = '';
                                    //ESTATUS COBRANZA
                                    //$count_cobranza = $dato_informe->cobranza->count();
                                    $count_cobranza = 0;
                                    $dato_cobranza_estatus = "";
                                    $numero_factura = "";
                                    if($dato_informe->cobranza){
                                        $fecha_pago = $dato_informe->cobranza->fecha_pago ?? null;
                                        $fecha_elaboracion_factura = $dato_informe->cobranza->fecha_elaboracion_factura ?? null;
                                        $complemento_pago_factura = $dato_informe->cobranza->complemento_pago_factura ?? '';
                                        $count_cobranza = 1;
                                        $dato_cobranza_estatus = $dato_informe->cobranza->estatus;
                                        $numero_factura = $dato_informe->cobranza->numero_factura;
                                    }
                                    $facturaRelacionada = $dato_informe->factura->first();
                                    $complementoFactura = $facturaRelacionada ? $facturaRelacionada->complemento : null;

                                    if (!$numero_factura && $complementoFactura) {
                                        $numero_factura = $complementoFactura->numero_factura ?? '';
                                    }

                                    if (!$fecha_elaboracion_factura && $complementoFactura) {
                                        $fecha_elaboracion_factura = $complementoFactura->fecha_elaboracion_factura ?? null;
                                    }
                                    /*foreach ($datos_cobranza as $key => $dato_cobranza) {
                                        if ($dato_cobranza->id_servicio_cliente_concepto == $dato_informe->id_servicio_cliente_concepto) {
                                            $count_cobranza++;
                                            $dato_cobranza_estatus = $dato_cobranza->estatus;
                                            $numero_factura = $dato_cobranza->numero_factura;
                                        }
                                    }*/
        
                                    $precio = 0;
                                    $iva = 0.16;
                                    $descuento = 0;
                                    $precio = $dato_informe->precio_unitario;
                                                                    
                                    if ($dato_informe->descuento_activo == 1 && $dato_informe->descuento != NULL) {
                                        
                                        $descuento = $precio * $dato_informe->descuento/100;
                                        $precio = $precio - $descuento;
                                        $iva = $precio * $iva;
                                        $total = $precio * 1+$iva;
                                        
                                    }else{
                                        
                                        $iva = $precio * $iva;
                                        $total = $precio * 1+$iva;
                                    }
                                    //IVA
                                    //$iva = $dato_informe->precio_unitario*0.16;
                                    //$total = $dato_informe->precio_unitario*1.16;
                                    $test=0;
                                @endphp
                                {{--@if (date("Y-m-d",strtotime($fecha_cobro)) >= '2021-01-01' || $id_servicio_cliente_concepto != NULL)--}}
                                @if ($test == 0)
                                
                                <tr
                                        @if ($dato_informe->informe_cancelado == 1)
                                            class="table-danger"   
                                        @endif
                                        @if ($dato_informe->programacion_muestras_estatus == 'Carta aduana')
                                            class="table-warning"
                                        @endif
                                        >
                                        <td>{{$dato_informe->anio_recibo}}</td>
                                        <td>
                                            @if ($dato_informe->informe_cancelado == 0)
                                                @if ($count_cobranza > 0)
                                                            
                                                    @switch($dato_cobranza_estatus)
                                                        @case("Pagado")
                                                            Pagado
                                                            @break
                                                        @case("N/A")
                                                            N/A
                                                            @break
                                                        @default
                                                            Sin Pago
                                                    @endswitch
                                                @elseif ($count_cobranza == 0)
                                                    Sin Pago         
                                                @endif   
                                            @else
                                            Cancelado
                                            @endif
                                        </td>
                                        <td class="estatus_pago">
                                            @if ($dato_informe->informe_cancelado == 0)
                                                @if ($count_cobranza > 0)
                                                            
                                                    @switch($dato_cobranza_estatus)
                                                        @case("Pagado")
                                                            {{--<span class="btn btn-success">Pagado</span>--}}
                                                            <button id="btn_estatus_{{$dato_informe->id_servicio_cliente_concepto}}" data-id_servicio_cliente_concepto="{{$dato_informe->id_servicio_cliente_concepto}}" class="btn btn-success estatus_pago">Pagado</button>
                                                            @break
                                                        @case("Sin pago")
                                                            {{--<span class="btn btn-danger">Sin pago</span>--}}
                                                            <button id="btn_estatus_{{$dato_informe->id_servicio_cliente_concepto}}" data-id_servicio_cliente_concepto="{{$dato_informe->id_servicio_cliente_concepto}}" class="btn btn-danger estatus_pago">Sin Pago</button>
                                                            
                                                            @break
                                                        @case("Credito")
                                                            <span class="btn btn-primary">Crédito</span>
                                                            @break
                                                        @case("N/A")
                                                        <span class="btn btn-default">N/A</span>
                                                            @break
                                                        @default
                                                    @endswitch
                                                @endif
                                                @if ($count_cobranza == 0)
                                                    <button id="btn_estatus_{{$dato_informe->id_servicio_cliente_concepto}}" data-id_servicio_cliente_concepto="{{$dato_informe->id_servicio_cliente_concepto}}" class="btn btn-danger estatus_pago">Sin Pago</button>
                                                            
                                                @endif   
                                                @else
                                                <button class="btn btn-danger">CANCELADO</button>
                                                @php
                                                    $dato_cobranza_estatus = "CANCELADO";
                                                @endphp
                                            @endif

                                        </td>
                                        <td>
                                            @if((int) ($dato_informe->hay_comprobante_pago_cargado ?? 0) === 1)
                                                <span class="btn btn-success">Cargado</span>
                                            @else
                                                <span class="btn btn-warning">Pendiente</span>
                                            @endif
                                        </td>
                                        <td>{{$dato_informe->nombre_cliente_informe}}</td>
                                        <td>{{$dato_informe->numero_informe}}</td>
                                        <td>{{ $fecha_elaboracion_factura ? \Carbon\Carbon::parse($fecha_elaboracion_factura)->format('d/m/Y') : '' }}</td>
                                        <td>{{ $numero_factura }}</td>
                                        <td>
                                            @if($complemento_pago_factura)
                                                {{ $complemento_pago_factura }}
                                            @else
                                                <span>N/A</span>
                                            @endif
                                        </td>
                                        <td>{{$dato_informe->muestra}}</td>
                                        <td>{{$dato_informe->marca}}</td>
                                        <td>{{$dato_informe->modelo}}</td>
                                        <td>
                                            {{$dato_informe->servicio}}
                                            @if ($dato_informe->caracteristicas_producto == "Extrabaja")
                                                - {{$dato_informe->caracteristicas_producto}}
                                            @endif
                                            
                                            {{-- Etiqueta para líneas de modificación de cobro --}}
                                            @if ($dato_informe->es_linea_modificacion)
                                               
                                            @endif
                                        </td>
                                        <td>${{number_format($precio, 2, '.', ',')}}</td>
                                        <td>${{number_format($iva, 2, '.', ',')}}</td>
                                        <td class="total_cobranza font-weight-bold" data-total="{{$total}}" data-estatus="{{ $dato_cobranza_estatus ?  $dato_cobranza_estatus : 'Sin pago' }}" data-cancelado="{{$dato_informe->informe_cancelado}}">
                                            ${{number_format($total, 2, '.', ',')}}
                                        </td>
                                        <td>
                                            {{ $fecha_pago ? \Carbon\Carbon::parse($fecha_pago)->format('d/m/Y') : '' }}
                                        </td>
                                        <td>
                                            @if ($dato_cobranza_estatus == "Pagado")
                                                @if ($dato_informe->credito_activo == 1)
                                                    <span class="btn btn-success">Crédito pagado</span>
                                                @else
                                                    <span class="btn btn-success">Pagado</span>
                                                @endif
                                                
                                            @else
                                                @if ($dato_informe->credito_activo == 1)
                                                
                                                    {{--@if ($datos_cliente->dias_credito > 0)--}}
                                                        @if ($dato_informe->estatus_email_prefactura == 1)
                                                            @php
                                                                $dias_restantes = 0;
                                                                //$fecha_actual = "2021-01-05";
                                                            
                                                                if ($dato_informe->fecha_limite_credito >= $fecha_actual) {
                                                                        $dias_restantes = cobranza_controller::dias_restantes_credito($fecha_actual,$dato_informe->fecha_limite_credito);
                                                                }
                                                            @endphp
                                                        
                                                            @if($dias_restantes > 5)
                                                                <span class="btn btn-primary">Crédito {{$dias_restantes}} días restantes</span>
                                                            @elseif($dias_restantes > 0 && $dias_restantes <= 5 )
                                                                <span class="btn btn-warning">Crédito {{$dias_restantes}} días restantes</span>
                                                            @elseif($dias_restantes == 0 )
                                                                <span class="btn btn-danger">Crédito {{$dias_restantes}} días restantes</span>
                                                            @endif 
                                                        @else
                                                            <span class="btn btn-warning">Cŕedito pendiente a envío de prefactura</span>
                                                        @endif
                                                    {{--@endif--}}
                                                @else
                                                    <span class="btn btn-primary">Pago de contado</span>
                                                @endif
                                            @endif
                                        
                                        </td>
                                        <td>
                                            @php
                                                $estatus_ir = $dato_informe->estatus_informe_resultados_auto;
                                            @endphp

                                            @switch($estatus_ir)
                                                @case('Enviado')
                                                    <span class="btn btn-success">Enviado</span>
                                                    @break

                                                @case('Detenido por pago')
                                                    <span class="btn btn-danger">Detenido por pago</span>
                                                    @break

                                                @case('Pendiente por laboratorio')
                                                    <span class="btn btn-warning">Pendiente por laboratorio</span>
                                                    @break

                                                @case('Sin enviar')
                                                    <span class="btn btn-primary">Sin enviar</span>
                                                    @break

                                                @default
                                                    <span class="btn btn-secondary">{{ $estatus_ir }}</span>
                                            @endswitch
                                        </td>
                                        <td>
                                            @if ($dato_informe->informe_cancelado == 1)
                                                <span class="btn btn-danger">INFORME CANCELADO
                                                    @if ($count_cobranza > 0)
                                                        Revisado
                                                    @endif
                                                    @if ($count_cobranza == 0)
                                                        Pendiente
                                                    @endif 
                                                </span>
        
                                            @else
                                                @if ($count_cobranza > 0)
                                                    <span class="btn btn-success">Revisado</span>
                                                @endif
                                                @if ($count_cobranza == 0)
                                                    <span class="btn btn-warning">Pendiente</span>
                                                @endif 
                                            @endif
                                            
                                        </td>
                                    
                                        <td >
                                            <div class="ui tiny icon buttons">
                                            @if ($permisos->actualizar == 1  || $permisos->gerente)
                                                <!-- Editar -->   
                                                <a class="ui button green edit_cobranza_modal" 
                                               target="_blank"
                                                id="{{$dato_informe->id_servicio_cliente_concepto}}"
                                                
                                                data-id_servicio_cliente_concepto="{{$dato_informe->id_servicio_cliente_concepto}}">
                                                    <i class="pencil alternate icon"></i>
                                                </a>
                                                 @endif
                                                
                                                
                                            @if ($permisos->eliminar == 1 || $permisos->gerente)
                                                
                                            @endif
                                            @if ($permisos->verqr == 1 || $permisos->gerente)
                                            {{--    
                                            <a class="ui button orange" title="Informes del cliente" href="{{url('cobranza/'.$dato_informe->id_cliente_informe.'/informes')}}">
                                                <i class="arrow right icon"></i>
                                            </a>
                                            --}}
                                            <a href="/storage/linea_pruebas_archivos/{{$dato_informe->informe_resultados_pdf}}" class="ui button blue {{ $dato_informe->informe_resultados_pdf == null || $dato_informe->estatus_jefe_linea == 0 ? 'disabled' : '' }}                                                " 
                                                title="Informe de resultados PDF" 
                                                target="_blank"
                                               >
                                                    <i class="download alternate icon"></i>
                                                </a>
                                         
                                            @endif
                                                
                                            </div>
                                        </td>
                                    </tr>         
                                @endif
                                @endforeach
                                @else
                                <tr class="text-center">
                                    <td colspan="21">No se encontraron registros</td>
                                </tr>
                                @endif
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th colspan="14" class="text-right font-weight-bold">Pagado:</th>
                                    <th class="js-sum-pagado font-weight-bold text-right"></th>

                                    <th colspan="2" class="text-right font-weight-bold">Sin Pago:</th>
                                    <th class="js-sum-sin-pago font-weight-bold text-right"></th>

                                    <th colspan="2" class="text-right font-weight-bold">Total:</th>
                                    <th class="js-sum-total font-weight-bold text-right"></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                <div class="ui divider"></div>
                
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <a class="ui button gray" href="{{url('cobranza')}}">
                                <i class="arrow circle left icon"></i>Atrás
                            </a>
                        </div>
                    </div>
            </div>
        </div>
        <div class="tab-pane fade" id="nav-servicios" role="tabpanel" aria-labelledby="nav-servicios-tab">
            <div class="sx-autorender mt-3">
                <div class="sx-scroll-x">
                    <p class="text-center" >{{$datos_otros_servicios_secomsa->count()}}</strong> resultados en esta página</p>
                    <div class="dt-responsive table-responsive">
                        <table id="lang-dt" class="ui celled table unstackable structured">
                            <thead>
                                <tr>
                                    <th>Estatus Pago</th>
                                    <th>Cliente Informe</th>
                                    
                                    <th>No. de factura</th>
                                    <!--<th>Muestra</th>-->
                                    <th>Descripción</th>
                                   
                                    
                                    <th>Servicio</th>
                                    <th>Servicio producto</th>
                                    <!--<th>Extrabaja</th>-->
                                    <!--<th>Producto</th>-->
                                    <th>Precio</th>
                                    <th>Cantidad</th>
                                    <th>Subtotal</th>
                                    <th>IVA</th>
                                    <th>Total</th>
                                    <th>Fecha de pago</th>
                                    <th>Contado/Crédito</th>
                                    
                                    <th>Prefactura</th>
                                
                                    
                                    <th>Estatus</th>
                                    <th class="collapsing">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $fecha_actual = date("Y-m-d");
                                @endphp
                                @foreach ($datos_otros_servicios_secomsa as $dato_servicio)
                                @php
                                    $total = 0;
                                    $subtotal = 0;
                                    $precio = 0;
                                    $iva = 0;
                                    $precio_descuento = 0;
                                    $precio_unitario = 0;
                                    $subtotal_precio_unitario = 0;
                                    if ($dato_servicio->descuento_activo == 1) {
                                        $descuento = $dato_servicio->descuento/100;

                                        $descuento_unitario = $dato_servicio->precio_unitario*$descuento;
                                        $precio_unitario = $dato_servicio->precio_unitario-$descuento_unitario;

                                        $precio = $dato_servicio->precio_unitario*$dato_servicio->cantidad;
                                        $descuento = $precio*$descuento;

                                        $precio_descuento = $precio-$descuento;
                                        
                                        $iva = $dato_servicio->iva - 1;
                                        $iva = $precio_descuento*$iva;

                                        $subtotal = $precio_descuento*$dato_servicio->iva;
                                    }else{
                                        $subtotal = $dato_servicio->cantidad * $dato_servicio->precio_unitario;
                                        
                                        
                                        $iva = $dato_servicio->iva - 1;
                                        $iva = $subtotal*$iva;

                                        $subtotal = $subtotal*$dato_servicio->iva;
                                        $precio_unitario = $dato_servicio->precio_unitario;
                                    }
                                    
                                    $total += $subtotal;
                                    $subtotal_precio_unitario = $precio_unitario*$dato_servicio->cantidad;
                                @endphp
                                <tr class="table-warning">
                                    <td>
                                        @if ($dato_servicio->estatus_cobranza != NULL)
                                            @switch($dato_servicio->estatus_cobranza)
                                                @case("Pagado")
                                                    {{--<span class="btn btn-success">Pagado</span>--}}
                                                    <button id="btn_estatus_{{$dato_servicio->id_int_otro_servicio_concepto}}" data-id_int_otro_servicio_concepto="{{$dato_servicio->id_int_otro_servicio_concepto}}" class="btn btn-success estatus_pago_otros_servicios">Pagado</button>
                                                    @break
                                                @case("Sin pago")
                                                    {{--<span class="btn btn-danger">Sin pago</span>--}}
                                                    <button id="btn_estatus_{{$dato_servicio->id_int_otro_servicio_concepto}}" data-id_int_otro_servicio_concepto="{{$dato_servicio->id_int_otro_servicio_concepto}}" class="btn btn-danger estatus_pago_otros_servicios">Sin Pago</button>        
                                                    @break
                                                @case("Credito")
                                                    <span class="btn btn-primary">Crédito</span>
                                                    @break
                                                @default
                                            @endswitch
                                            @else
                                            <button id="btn_estatus_{{$dato_servicio->id_int_otro_servicio_concepto}}" data-id_int_otro_servicio_concepto="{{$dato_servicio->id_int_otro_servicio_concepto}}" class="btn btn-danger estatus_pago_otros_servicios">Sin Pago</button>        
                                                    
                                        @endif
                                        
                                        
                                    </td>
                                    <td>{{$dato_servicio->nombre_cliente_informe}}</td>
                                    <td>{{$dato_servicio->numero_factura}}</td>
                                    <td>{{$dato_servicio->descripcion}}</td>
                                    <td>{{$dato_servicio->servicio}}</td>
                                    <td>{{$dato_servicio->servicio_producto}}</td>
                                    <td>${{number_format($precio_unitario, 2, '.', ',')}}</td>
                                    <td>{{$dato_servicio->cantidad}}</td>
                                    <td>${{number_format($subtotal_precio_unitario, 2, '.', ',')}}</td>
                                    <td>${{number_format($iva, 2, '.', ',')}}</td>
                                    <td>${{number_format($subtotal, 2, '.', ',')}}</td>  
                                    <td>{{ $dato_servicio->fecha_pago ? \Carbon\Carbon::parse($dato_servicio->fecha_pago)->format('d/m/Y') : '' }}</td>
                                    <td>
                                        @if ($dato_servicio->estatus_cobranza == "Pagado")
                                                @if ($dato_servicio->credito_activo == 1)
                                                    <span class="btn btn-success">Crédito pagado</span>
                                                @else
                                                    <span class="btn btn-success">Pagado</span>
                                                @endif
                                                
                                            @else
                                                @if ($dato_servicio->credito_activo == 1)
                                                
                                                    {{--@if ($datos_cliente->dias_credito > 0)--}}
                                                        @if ($dato_servicio->estatus_email_prefactura == 1)
                                                            @php
                                                            
                                                                $dias_restantes = 0;
                                                                //$fecha_actual = "2021-01-05";
                                                            
                                                                if ($dato_servicio->fecha_limite_credito >= $fecha_actual) {
                                                                    
                                                                        $dias_restantes = cobranza_controller::dias_restantes_credito($fecha_actual,$dato_servicio->fecha_limite_credito);
                                                                }
                                                            @endphp
                                                        
                                                            @if($dias_restantes > 5)
                                                                <span class="btn btn-primary">Crédito {{$dias_restantes}} días restantes</span>
                                                            @elseif($dias_restantes > 0 && $dias_restantes <= 5 )
                                                                <span class="btn btn-warning">Crédito {{$dias_restantes}} días restantes</span>
                                                            @elseif($dias_restantes == 0 )
                                                                <span class="btn btn-danger">Crédito {{$dias_restantes}} días restantes</span>
                                                            @endif 
                                                        @else
                                                            <span class="btn btn-warning">Cŕedito pendiente a envío de prefactura</span>
                                                        @endif
                                                    {{--@endif--}}
                                                @else
                                                    <span class="btn btn-primary">Pago de contado</span>
                                                @endif
                                            @endif
                                    </td>
                                    <td>
                                        @if ($dato_servicio->estatus_email_prefactura == 1)
                                            <span class="btn btn-success">Enviado</span>
                                            @else
                                            <span class="btn btn-danger">Pendiente de envío</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($dato_servicio->id_cobranza != NULL)
                                            <span class="btn btn-success">Revisado</span>
                                            @else
                                            <span class="btn btn-warning">Pendiente</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="ui tiny icon buttons">
                                            @if ($permisos->actualizar == 1)
                                                <!-- Editar -->   
                                                <a class="ui button green edit_cobranza_otros_servicios_modal" 
                                                title="Modifica" 
                                                id="{{$dato_servicio->id_int_otro_servicio_concepto}}"
                                                
                                                data-id_int_otro_servicio_concepto="{{$dato_servicio->id_int_otro_servicio_concepto}}">
                                                    <i class="pencil alternate icon"></i>
                                                </a>
                                            @endif
                                                
                                            @if ($permisos->eliminar == 1)
                                                
                                            @endif
                                            @if ($permisos->verqr == 1)
                                            {{--    
                                            <a class="ui button orange" title="Informes del cliente" href="{{url('cobranza/'.$dato_informe->id_cliente_informe.'/informes')}}">
                                                <i class="arrow right icon"></i>
                                            </a>
                                            --}}
                                            @endif
                                                
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="ui divider"></div>
                
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <a class="ui button gray" href="{{url('cobranza')}}">
                                <i class="arrow circle left icon"></i>Atrás
                            </a>
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <style>
        th { white-space: nowrap; }
    </style>
    @include('Cobranza.Informes.send_mail_recordatorio_por_cliente_cobranzas_modal')
    <script>
        $(document).on('click','.send_mail_recordatorio_por_cliente_cobranzas',function(){
            
            $('#send_mail_recordatorio_por_cliente_cobranzas').modal('show'); 
        });
    </script>
    <script>
        $(document).on('click','.estatus_pago',function(){
            btn_id_servicio_cliente_concepto = $(this).attr('id');
            id_servicio_cliente_concepto = $('#'+btn_id_servicio_cliente_concepto).data('id_servicio_cliente_concepto');
                
            //alert(id_servicio_cliente_concepto);
            $.ajax({
                url:"change_estatus_cobranza",
                method:"POST",
                data:{'id_servicio_cliente_concepto': id_servicio_cliente_concepto, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    if (result.success === false) {
                        showAlert(result.message || 'No se pudo cambiar el estatus de Cobranza.', 'warning', 'Bancos');
                        return;
                    }
                    
                    if (resultData['estatus']== "Sin pago") {
                 
                        $('#'+btn_id_servicio_cliente_concepto).removeClass("btn-success");
                        $('#'+btn_id_servicio_cliente_concepto).addClass("btn-danger");
                        $('#'+btn_id_servicio_cliente_concepto).text('Sin pago');
                    }
                    if (resultData['estatus']=="Pagado") {
                       
                        $('#'+btn_id_servicio_cliente_concepto).removeClass("btn-danger");
                        $('#'+btn_id_servicio_cliente_concepto).addClass("btn-success");
                        $('#'+btn_id_servicio_cliente_concepto).text('Pagado');
                    }
                    
                    
                }
            });
        });
    </script>
    @include('Cobranza.Informes.create_cobranza_modal')
    <script>
        $(document).on('click','.create_cobranza_modal',function(){

            $('#create_cobranza_modal').modal('show'); 
        });
    </script>
    {{--@include('Cobranza.Informes.create_cobranza_modal')--}}
    <script>
        function aplicarComplementoPagoAutomatico() {
            const esPUE = Number(resultData['pago_en_una_exhibicion'] || 0) === 1;
            const foliosComplementos = resultData['complementos_pago_folios'] || [];

            if (esPUE) {
                $('#switch_complemento_pago').prop('checked', true);
                $('#complemento_pago_factura').val('N/A').prop('disabled', true);
            } else {
                $('#switch_complemento_pago').prop('checked', false);
                $('#complemento_pago_factura').prop('disabled', false);

                if (foliosComplementos.length > 0) {
                    $('#complemento_pago_factura').val(foliosComplementos.join(', '));
                } else {
                    $('#complemento_pago_factura').val('');
                }
            }
        }

        var resultData = {};
        $(document).ready(function(){

            $('a.edit_cobranza_modal').on('click', function(){
                
                idServicioClienteConcepto = $(this).attr('id');
                id_servicio_cliente_concepto = $('#'+idServicioClienteConcepto).data('id_servicio_cliente_concepto');
                //alert(id_servicio_cliente_concepto);

                $('#id_servicio_cliente_concepto_edit').val(id_servicio_cliente_concepto);
                //$('#create_cobranza_modal').modal('show');
                $.ajax({
                    url:"show_datos_cobranza",
                    method:"POST",
                    data:{'id_servicio_cliente_concepto': id_servicio_cliente_concepto, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        //console.log(resultData);
                        $('#create_cobranza_modal').modal('show');
                    }
                });
        
            });
        });

        $('#create_cobranza_modal').on('show.bs.modal', function () {

            $('#create_cobranza_modal #update_cobranza_flag').val(resultData['update_cobranza_flag']);
            $('#create_cobranza_modal #id_cliente_informe').val(resultData['datos_cliente_informe']['id_cliente_informe']);

            if (resultData['datos_cobranza'] != null) {
                // opciones_servicio(resultData['datos_cobranza']['servicio'], "tipo_gestion_servicio");

                if (resultData['datos_cobranza'] != null && resultData['datos_cobranza']['estatus']) {
                    estatusCargadoDesdeBD = true;
                    estatusEditadoManual = true;
                }

                if (resultData['datos_cobranza']['na_fecha_pago'] == 1) {
                    $('#switch_fecha_pago').prop('checked', true);
                    $("#fecha_promesa_pago").prop("disabled", true);
                    $("#fecha_pago").prop("disabled", true);
                } else {
                    $('#switch_fecha_pago').prop('checked', false);
                    $("#fecha_promesa_pago").prop("disabled", false);
                    $("#fecha_pago").prop("disabled", false);
                }

                if (resultData['datos_cobranza']['complemento_pago_factura'] == 'N/A') {
                    $('#switch_complemento_pago').prop('checked', true);
                    $("#complemento_pago_factura").prop("disabled", true);
                } else {
                    $('#switch_complemento_pago').prop('checked', false);
                    $("#complemento_pago_factura").prop("disabled", false);
                }
            } else {
                $('#switch_fecha_pago').prop('checked', false);
                $("#fecha_promesa_pago").prop("disabled", false);
                $("#fecha_pago").prop("disabled", false);

                $('#switch_complemento_pago').prop('checked', false);
                $("#complemento_pago_factura").prop("disabled", false);
            }

            $("#create_cobranza_modal :input").each(function () {
                input = $(this).attr('id');

                if (resultData['datos_cobranza'] != null) {
                    if (input in resultData['datos_cobranza']) {
                        if (input == 'tipo_gestion_servicio') {
                            $('#create_cobranza_modal #' + input).val(resultData['datos_cobranza'][input]);
                        } else if (input == 'numero_factura' || input == 'fecha_elaboracion_factura') {
                            if (
                                resultData['datos_cobranza']['factura'] &&
                                resultData['datos_cobranza']['factura'].length > 0 &&
                                resultData['datos_cobranza'][input] == null
                            ) {
                                $('#create_cobranza_modal #' + input).val(
                                    resultData['datos_cobranza']['factura'][0]['complemento'][input]
                                );
                            } else {
                                $('#create_cobranza_modal #' + input).val(resultData['datos_cobranza'][input]);
                            }
                        } else {
                            $('#create_cobranza_modal #' + input).val(resultData['datos_cobranza'][input]);
                            $('#create_cobranza_modal #' + input).selectpicker('val', resultData['datos_cobranza'][input]);
                        }
                    }
                } else {
                    if (
                        input != 'update_cobranza_flag' &&
                        input != 'id_servicio_cliente_concepto_edit' &&
                        input != 'id_cliente_informe' &&
                        input != 'tipo_gestion_servicio'
                    ) {
                        $('#create_cobranza_modal #' + input).val('');
                        $('#create_cobranza_modal #' + input).selectpicker('val', '');

                        if (resultData['datos_muestra_reporte']['fecha_promesa_pago'] != null) {
                            $('#create_cobranza_modal #fecha_promesa_pago').val(resultData['datos_muestra_reporte']['fecha_promesa_pago']);
                        } else {
                            fecha_emision = new Date(resultData['datos_muestra_reporte']['fecha_emision']);
                            fecha_promesa_pago = sumarRestarDias(fecha_emision, 6);
                            $('#create_cobranza_modal #fecha_promesa_pago').val(fecha_promesa_pago);
                        }

                        $('#complemento_pago_factura').val('');
                        $('#fecha_elaboracion_factura').val('');
                        $('#numero_factura').val('');
                    }
                }

                if (input in resultData['datos_cliente_informe']) {
                    $('#create_cobranza_modal #' + input).val(resultData['datos_cliente_informe'][input]);
                    $('#create_cobranza_modal #' + input).selectpicker('val', resultData['datos_cliente_informe'][input]);
                }
            });

            if (resultData['datos_muestra']) {
                $('#create_cobranza_modal #fecha_promesa_entrega_cliente').val(resultData['datos_muestra']['fecha_promesa_entrega_cliente']);
                if (resultData['datos_muestra']['observaciones'] != null) {
                    $('#create_cobranza_modal #observaciones').val(resultData['datos_muestra']['observaciones']);
                } else {
                    $('#create_cobranza_modal #observaciones').val('');
                }
            } else {
                if (resultData['datos_muestra_programacion'] != null) {
                    $('#create_cobranza_modal #fecha_promesa_entrega_cliente').val(resultData['datos_muestra_programacion']['fecha_promesa_entrega_cliente']);
                } else {
                    $('#create_cobranza_modal #fecha_promesa_entrega_cliente').val('');
                }
                $('#create_cobranza_modal #observaciones').val('');
            }

            precio_unitario = resultData['datos_muestra_reporte']['precio_unitario_number_format'];
            iva = resultData['datos_muestra_reporte']['iva_number_format'];
            total = resultData['datos_muestra_reporte']['total_number_format'];

            pre_factura_tabla = "";
            pre_factura_tabla += "<div class='table-responsive mt-3'><table class='text-left table table-bordered'><thead><tr>";
            pre_factura_tabla += "<th>No. Informe</th>";
            pre_factura_tabla += "<th>Muestra</th>";
            pre_factura_tabla += "<th>Marca</th>";
            pre_factura_tabla += "<th>Modelo</th>";
            pre_factura_tabla += "<th>Norma/Servicio</th>";
            pre_factura_tabla += "<th>Producto</th>";
            pre_factura_tabla += "<th>Precio unitario</th>";
            pre_factura_tabla += "<th>IVA</th>";
            pre_factura_tabla += "<th>Total</th>";
            pre_factura_tabla += "</tr></thead><tbody>";
            pre_factura_tabla += "<tr>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['num_informe'] + "</td>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['producto'] + "</td>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['marca'] + "</td>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['modelo'] + "</td>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['servicio'] + "</td>";
            pre_factura_tabla += "<td>" + resultData['datos_muestra_reporte']['servicio_producto'] + "</td>";
            pre_factura_tabla += "<td>$" + precio_unitario + "</td>";
            pre_factura_tabla += "<td>$" + iva + "</td>";
            pre_factura_tabla += "<td>$" + total + "</td>";
            pre_factura_tabla += "</tr>";
            pre_factura_tabla += "</tbody></table></div>";
            $('#pre_factura_tabla_div').html(pre_factura_tabla);
            $('#create_cobranza_modal #id_servicio_cliente_reporte_edit').val(resultData['datos_muestra_reporte']['id_servicio_cliente_reporte']);
            cargarTabBancosCobranza(resultData);

            const sugerida = resultData['fecha_promesa_pago_sugerida'] || null;
            const promesaAutomatica = Number(resultData['promesa_pago_automatica'] || 0) === 1;
            const promesaActual = resultData['datos_cobranza'] ? resultData['datos_cobranza']['fecha_promesa_pago'] : null;

            if (promesaActual) {
                $('#fecha_promesa_pago').val(promesaActual);
            } else if (promesaAutomatica && sugerida) {
                $('#fecha_promesa_pago').val(sugerida);
            } else {
                const promesaReporte = resultData['datos_muestra_reporte']['fecha_promesa_pago'];
                if (promesaReporte) {
                    $('#fecha_promesa_pago').val(promesaReporte);
                } else {
                    $('#fecha_promesa_pago').val('');
                }
            }

            // MUY IMPORTANTE: esto debe ir al final
            aplicarComplementoPagoAutomatico();
        });
        // Si el usuario cambia la fecha de factura y el cliente tiene crédito, actualizamos automáticamente la promesa.
        // Utilidad para sumar días (días naturales)
        function addDays(dateStr, days) {
            const d = new Date(dateStr);
            if (isNaN(d.getTime())) return ''; // fecha inválida
            d.setDate(d.getDate() + days);
            return formatDate(d);
        }

        $('#fecha_elaboracion_factura').on('change', function(){
            const diasCredito = parseInt(resultData['dias_credito'] || 0);
            const base = $(this).val();

            if (base) {
                const nueva = addDays(base, diasCredito);
                $('#fecha_promesa_pago').val(nueva);
            }
        });
        
    </script>
    <script>
        function sumarRestarDias(fecha, dias){
            fecha.setDate(fecha.getDate() - dias);
            fecha = formatDate(fecha)
            return fecha;
        }
    </script>
    <script>
        function formatDate(date) {
        var d = new Date(date),
            month = '' + (d.getMonth() + 1),
            day = '' + d.getDate(),
            year = d.getFullYear();

        if (month.length < 2) 
            month = '0' + month;
        if (day.length < 2) 
            day = '0' + day;

        return [year, month, day].join('-');
        }
 
    </script>

    <script>
        $("#switch_fecha_pago").on('change', function() {
            if ($(this).is(':checked')) {
                //Switch encendido
                $( "#fecha_promesa_pago" ).prop( "disabled", true );
                $( "#fecha_pago" ).prop( "disabled", true );
            }else {
                //Switch apagado
                $( "#fecha_promesa_pago" ).prop( "disabled", false );
                $( "#fecha_pago" ).prop( "disabled", false );
            }
        });
    </script>
    <script>
        $("#switch_complemento_pago").on('change', function() {
            if ($(this).is(':checked')) {
                //Switch encendido
                $( "#complemento_pago_factura" ).prop( "disabled", true );
            }else {
                //Switch apagado
                $( "#complemento_pago_factura" ).prop( "disabled", false );
            }
        });
    </script>
    @include('Cobranza.Otros_Servicios.create_cobranza_otros_servicios_modal')
    
    <script>
        var resultData = {};
        $(document).ready(function(){

            $('a.edit_cobranza_otros_servicios_modal').on('click', function(){
                
                //idServicioClienteConcepto = $(this).attr('id');
                id_int_otro_servicio_concepto = $(this).data('id_int_otro_servicio_concepto');
                //alert(id_servicio_cliente_concepto);

                $('#id_int_otro_servicio_concepto_edit').val(id_int_otro_servicio_concepto);
                //$('#create_cobranza_modal').modal('show');
                $.ajax({
                    url:"show_datos_cobranza_otros_servicios",
                    method:"POST",
                    data:{'id_int_otro_servicio_concepto': id_int_otro_servicio_concepto, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        console.log(resultData);
                        $('#create_cobranza_otros_servicios_modal').modal('show');
                    }
                });
                
        
            });
        });

        $('#create_cobranza_otros_servicios_modal').on('show.bs.modal', function () {

            
            $('#create_cobranza_otros_servicios_modal #update_cobranza_flag').val(resultData['update_cobranza_flag']);
            $('#create_cobranza_otros_servicios_modal #id_cliente_informe').val(resultData['datos_cliente_informe']['id_cliente_informe']);
            console.log(resultData['datos_muestra_reporte']['fecha_promesa_pago']);
            if (resultData['datos_cobranza'] != null) {
                // opciones_servicio(resultData['datos_cobranza']['servicio_otros_servicios'],"tipo_gestion_servicio_otros_servicios");
                    
                if (resultData['datos_cobranza']['na_fecha_pago'] == 1) {
                    //Switch encendido
                    $('#switch_fecha_pago_otro_servicio').prop('checked', true);
                    $( "#fecha_promesa_pago" ).prop( "disabled", true );
                    $( "#fecha_pago" ).prop( "disabled", true );
                }else {
                    //Switch apagado
                    $('#switch_fecha_pago_otro_servicio').prop('checked', false);
                    $( "#fecha_promesa_pago" ).prop( "disabled", false );
                    $( "#fecha_pago" ).prop( "disabled", false );
                }
                if (resultData['datos_cobranza']['complemento_pago_factura'] == 'N/A') {
                    
                    $('#switch_complemento_pago_otro_servicio').prop('checked', true);
                    $( "#complemento_pago_factura" ).prop( "disabled", true );
                    
                }else {
                    //Complemento Pago switch
                    $('#switch_complemento_pago_otro_servicio').prop('checked', false);
                    $( "#complemento_pago_factura" ).prop( "disabled", false );
                }
            }else{
                $('#switch_fecha_pago_otro_servicio').prop('checked', false);
                $( "#fecha_promesa_pago" ).prop( "disabled", false );
                $( "#fecha_pago" ).prop( "disabled", false );
                //Complemento Pago switch
                $('#switch_complemento_pago_otro_servicio').prop('checked', false);
                $( "#complemento_pago_factura" ).prop( "disabled", false );
            }
            
            
            //Datos de cobranza
            
            $("#create_cobranza_otros_servicios_modal :input").each(function(){
                input = $(this).attr('id'); 
    
                //Datos de cobranza
               
                if (resultData['datos_cobranza'] != null) {
                    
                    if(input in resultData['datos_cobranza']){
                        if (input == 'tipo_gestion_servicio_otros_servicios') {
                            console.log(resultData['datos_cobranza'][input]);
                            $('#create_cobranza_otros_servicios_modal #'+input).val(resultData['datos_cobranza'][input]);
                            //Para recuperar los valores de select
                            console.log(input);
                        }else{
                            
                            $('#create_cobranza_otros_servicios_modal #'+input).val(resultData['datos_cobranza'][input]);
                            $('#create_cobranza_otros_servicios_modal #'+input).selectpicker('val', resultData['datos_cobranza'][input]);
                           
                        }
                        
                        
                    }
                }else{
                    if (input != 'update_cobranza_flag' && input != 'id_int_otro_servicio_concepto_edit' && input != 'id_cliente_informe' && input != 'tipo_gestion_servicio_otros_servicios') {
                        
                        $('#create_cobranza_otros_servicios_modal #'+input).val(input);
                        //Para recuperar los valores de select
                        $('#create_cobranza_otros_servicios_modal #'+input).selectpicker('val', input);
                        if (resultData['datos_muestra_reporte']['fecha_promesa_pago'] != null) {
                            $('#create_cobranza_otros_servicios_modal #fecha_promesa_pago').val(resultData['datos_muestra_reporte']['fecha_promesa_pago']);
                        }else{
                            //fecha_emision = new Date(resultData['datos_muestra_reporte']['fecha_emision']);
                            //fecha_promesa_pago = sumarRestarDias(fecha_emision,6);
                            //$('#create_cobranza_otros_servicios_modal #fecha_promesa_pago').val(fecha_promesa_pago);
                        }
                        $('#complemento_pago_factura_otro_servicio').val('');
                        $('#fecha_elaboracion_factura').val('');
                        $('#numero_factura_otro_servicio').val('');
                    }    
                }
                

                if(input in resultData['datos_cliente_informe']){
                    //console.log(resultData['datos_cliente_informe']);
                    $('#create_cobranza_otros_servicios_modal #'+input).val(resultData['datos_cliente_informe'][input]);
                    //Para recuperar los valores de select
                    $('#create_cobranza_otros_servicios_modal #'+input).selectpicker('val', resultData['datos_cliente_informe'][input]);    
                }
                
                
            });

            precio_unitario = resultData['datos_muestra_reporte']['precio_unitario_number_format'];
            iva = resultData['datos_muestra_reporte']['iva_number_format'];
            total = resultData['datos_muestra_reporte']['total_number_format'];
            
            
            pre_factura_tabla = "";
            pre_factura_tabla += "<div class='table-responsive mt-3'><table class='text-left table table-bordered'><thead><tr>";
                
                pre_factura_tabla += "<th>Servicio</th>";
                
                pre_factura_tabla += "<th>Producto</th>";
                pre_factura_tabla += "<th>Precio unitario</th>";
                pre_factura_tabla += "<th>Cantidad</th>";
                pre_factura_tabla += "<th>IVA</th>";
                pre_factura_tabla += "<th>Total</th>";
            pre_factura_tabla += "</tr></thead><tbody>";
            pre_factura_tabla += "<tr>";
                
                pre_factura_tabla += "<td>"+resultData['datos_muestra_reporte']['servicio']+"</td>";
                pre_factura_tabla += "<td>"+resultData['datos_muestra_reporte']['servicio_producto']+"</td>";
                pre_factura_tabla += "<td>$"+precio_unitario+"</td>";
                pre_factura_tabla += "<td>"+resultData['datos_muestra_reporte']['cantidad']+"</td>";
                pre_factura_tabla += "<td>$"+iva+"</td>";
                pre_factura_tabla += "<td>$"+total+"</td>";
            pre_factura_tabla += "</tr>";
            pre_factura_tabla += "</tbody>";
            pre_factura_tabla += "</table>";
            pre_factura_tabla += "</div>";
            $('#pre_factura_tabla_otros_servicios_div').html(pre_factura_tabla);
            //$('#create_cobranza_otros_servicios_modal #id_servicio_cliente_reporte_edit').val(resultData['datos_muestra_reporte']['id_servicio_cliente_reporte']);
            
            
        });
    </script>
    <script>
        $(document).on('click','.estatus_pago_otros_servicios',function(){
            
            id_int_otro_servicio_concepto = $(this).data('id_int_otro_servicio_concepto');
            btn_id_int_otro_servicio_concepto = $(this).attr('id');

            $.ajax({
                url:"change_estatus_cobranza_otros_servicios",
                method:"POST",
                data:{'id_int_otro_servicio_concepto': id_int_otro_servicio_concepto, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    
                    if (resultData['estatus']== "Sin pago") {
                 
                        $('#'+btn_id_int_otro_servicio_concepto).removeClass("btn-success");
                        $('#'+btn_id_int_otro_servicio_concepto).addClass("btn-danger");
                        $('#'+btn_id_int_otro_servicio_concepto).text('Sin pago');
                    }
                    if (resultData['estatus']=="Pagado") {
                       
                        $('#'+btn_id_int_otro_servicio_concepto).removeClass("btn-danger");
                        $('#'+btn_id_int_otro_servicio_concepto).addClass("btn-success");
                        $('#'+btn_id_int_otro_servicio_concepto).text('Pagado');
                    }
                    
                    
                }
            });
        });
    </script>
    <script>
        // $("#servicio").change(function(){
            
        //     servicio = $("#servicio").val();
        //     opciones_servicio(servicio,"tipo_gestion_servicio");
            
        // });
        $("#servicio_otros_servicios").change(function(){
            
            servicio = $("#servicio_otros_servicios").val();
            opciones_servicio(servicio,"tipo_gestion_servicio_otros_servicios");
            
        });
        function opciones_servicio(servicio,id_select){
            switch (servicio) {
                case 'INFORMES':
                    html_option = "";
                    opciones = [
                        'MODIFICACIONES',
                        'CANCELACION',
                        'PRUEBAS CONTRATADAS',
                        'INFORMES'
                    ];
                    $.each(opciones, function(key, value_opcion) {
                        html_option +='<option value="'+value_opcion+'">'+value_opcion+'</option>';
                    });
                    
                    $('#'+id_select).html(html_option);
                    break;

                case 'TRAMITES DE CERTIFICACION':
                    html_option = "";
                    opciones = [
                        'HONORARIOS',
                        'CERTIFICADOS',
                        'RENOVACION',
                        'SEGUIMIENTO',
                        'CORRECCION',
                        'REDUCCION',
                        'ANALISIS'
                    ];
                    $.each(opciones, function(key, value_opcion) {
                        html_option +='<option value="'+value_opcion+'">'+value_opcion+'</option>';
                    });
                    
                    $('#'+id_select).html(html_option);
                    break;

                case 'PRESTAMOS':
                    html_option = "";
                    opciones = [
                        'CAPITAL',
                        'INTERESES'
                    ];
                    $.each(opciones, function(key, value_opcion) {
                        html_option +='<option value="'+value_opcion+'">'+value_opcion+'</option>';
                    });
                    
                    $('#'+id_select).html(html_option);
                    break;

                case 'OTROS':
                    html_option = "";
                    opciones = [
                        'ETIQUETAS',
                        'MANUAL',
                        'PRESTAMOS',
                        'DIAGRAMAS COMPLEJOS'
                    ];
                    $.each(opciones, function(key, value_opcion) {
                        //console.log(value_opcion);
                        html_option +='<option value="'+value_opcion+'">'+value_opcion+'</option>';
                    });
                    
                    $('#'+id_select).html(html_option);
                    break;
            
                default:
                    html_option = "<option selected disabled>--Seleccione--</option>";
                    $('#'+id_select).html(html_option);
                    break;
            }
        }
    </script>
    @php
        function calculo_fecha_cobro($id_servicio_cliente_concepto){
            $fecha_cobro="";
            $datos_muestra_reporte = Servicio_Cliente_Concepto::select(
                'num_informe',
                'fecha_emision'
            )
            ->where('id_servicio_cliente_concepto',$id_servicio_cliente_concepto)
            ->first();

            $datos_cobranza = Cobranza::select(
                'fecha_promesa_pago'
            )
            ->where('id_servicio_cliente_concepto',$id_servicio_cliente_concepto)
            ->first();

            if ($datos_cobranza != null) {
                if ($datos_cobranza->fecha_promesa_pago) {
                    $fecha_promesa_pago = date("d-m-Y",strtotime($datos_cobranza->fecha_promesa_pago));
                    
                    $fecha_cobro = strtotime('-7 day', strtotime($fecha_promesa_pago));
                    $fecha_cobro = date("d-m-Y", $fecha_cobro);
                    
                }  
            }else{
                $datos_muestra = Servicio_Cliente_Concepto::select(
                    'muestras.observaciones',
                    'programacion_muestras.fecha_entrega_cliente',
                    'programacion_muestras.fecha_emision',
                    'servicio_cliente_reportes.fecha_limite_credito'
                    )
                ->join('programacion_muestras','servicio_cliente_conceptos.id_programacion_muestra','=','programacion_muestras.id_programacion_muestra')
                ->join('servicio_cliente_reportes','servicio_cliente_conceptos.id_servicio_cliente_reporte','=','servicio_cliente_reportes.id_servicio_cliente_reporte')
                ->join('inspeccion_muestras','programacion_muestras.id_inspeccion_muestra','=','inspeccion_muestras.id_inspeccion_muestra')
                ->join('muestras','inspeccion_muestras.id_muestra','=','muestras.id_muestra')
                ->where('id_servicio_cliente_concepto',$id_servicio_cliente_concepto)
                ->first();
                

                if ($datos_muestra != null) {
                    if ($datos_muestra->fecha_limite_credito != null) {
                        $fecha_promesa_pago = date("d-m-Y",strtotime($datos_muestra->fecha_limite_credito));

                        $fecha_cobro = strtotime('-7 day', strtotime($fecha_promesa_pago));
                        $fecha_cobro = date("d-m-Y", $fecha_cobro);
                    }else{
                        $fecha_emision = date("d-m-Y",strtotime($datos_muestra->fecha_emision));
                        $fecha_promesa_pago = strtotime('-7 day', strtotime($fecha_emision));
                        $fecha_promesa_pago = date("d-m-Y", $fecha_promesa_pago);

                        $fecha_cobro = strtotime('-7 day', strtotime($fecha_promesa_pago));
                        $fecha_cobro = date("d-m-Y", $fecha_cobro);
                    }
                }else{
                    
                    $datos_muestra_programacion = Servicio_Cliente_Concepto::select(
                        'num_informe',
                        'fecha_emision'
                    )
                    ->where('id_servicio_cliente_concepto',$id_servicio_cliente_concepto)
                    ->first();
                    if ($datos_muestra_programacion->fecha_emision != null) {
                        $fecha_emision = date("d-m-Y",strtotime($datos_muestra_programacion->fecha_emision));
                        $fecha_promesa_pago = strtotime('-7 day', strtotime($fecha_emision));
                        $fecha_promesa_pago = date("d-m-Y", $fecha_promesa_pago);

                        $fecha_cobro = strtotime('-7 day', strtotime($fecha_promesa_pago));
                        $fecha_cobro = date("d-m-Y", $fecha_cobro);
                    }
                    
                    
                }
            }
            
            
            return $fecha_cobro;
        }
    @endphp

<script>
    function addCommas(nStr){
        nStr += '';
        x = nStr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        }
        return x1 + x2;
    }
</script>

<script>
    $(document).ready(function(){

        $('#informes').change(function(){
            let id_concepto = $(this).val();
            $.ajax({
                url:"{{ url('facturacion/consultaInforme') }}",
                method:"POST",
                data:{'id_concepto': id_concepto, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    result = JSON.parse(response); 
                    resultData = result.data;
                    console.log(resultData);
                    let html = '';
                    $.each(resultData.partidas, function(key, concepto) {
                        html+=`
                                <tr class="">
                                <td class="">${concepto.num_informe}</td>
                                <td class="">${concepto.producto} ${concepto.marca} ${concepto.modelo}</td>
                                <td class="collapsing">$ ${concepto.precio_unitario}</td>
                                <td class="collapsing">$ ${concepto.subtotal}</td>
                                <td class="collapsing">$ ${concepto.iva}</td>
                                </tr>`
                        
                    });
                    $('table#breakdown tbody').html(html);
                }
            });
        });
        
    });
</script>
<script>
    function formatMoneyMXN(n) {
        try {
        return n.toLocaleString('es-MX', { style: 'currency', currency: 'MXN', minimumFractionDigits: 2 });
        } catch(e) {
        return '$' + (Math.round((n + Number.EPSILON) * 100) / 100).toFixed(2);
        }
    }

    // Helper: devuelve índice de una columna por título (para no hardcodear 12, etc.)
    function getColumnIndexByTitle(api, titleText) {
        const headers = api.columns().header(); // array de TH
        for (let i = 0; i < headers.length; i++) {
        if ((headers[i].textContent || '').trim().toLowerCase() === titleText.trim().toLowerCase()) {
            return i;
        }
        }
        return -1;
    }

    $(document).ready(function () {
        // Precarga de forma segura el buscador nativo con el folio enviado por la notificación.
        var buscarInformeInicial = {!! json_encode(isset($buscar_informe) ? $buscar_informe : '', JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP | JSON_HEX_QUOT) !!};
        const table = $('#detalles_cobranza_table').DataTable({
        search: {
            search: buscarInformeInicial
        },
        language: {
            url: "//cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json"
        },
        orderMulti: true,
        // IMPORTANTE: ordena por 'Total' (no por IVA)
        // Lo corregimos con getColumnIndexByTitle en initComplete
        columnDefs: [
            { targets: [0], visible: false },
            { targets: [1], visible: false }
        ],
        fixedHeader: {
            header: true,
            footer: true // mantenemos el footer fijo/clonado
        },

        initComplete: function () {
            const api = this.api();

            // Corrige el ordenamiento por la columna "Total" (en lugar de 11=IVA)
            const idxTotal = getColumnIndexByTitle(api, 'Total');
            if (idxTotal !== -1) {
            api.order([ [ idxTotal, 'asc' ] ]).draw(false);
            }

            // (tu filtro por año si aplica)
            this.api().columns(0).every(function () {
            var column = this;
            var select = $('<select class="form-control input-sm" id="ano"><option value="">--Seleccione--</option></select>')
                .appendTo($('#sort-by-year'))
                .on('change', function () {
                var val = $.fn.dataTable.util.escapeRegex($(this).val());
                column.search(val ? '^' + val + '$' : '', true, false).draw();
                });
            column.data().unique().sort().each(function (d) {
                select.append('<option value="' + d + '">' + d + '</option>')
            });
            });
        },

        footerCallback: function (row, data, start, end, display) {
            const api = this.api();
            let total = 0, pagado = 0, sinPago = 0;

            // Índices por título para no hardcodear
            const idxTotal = getColumnIndexByTitle(api, 'Total');         // ej. 12
            const idxEstatusTxt = getColumnIndexByTitle(api, 'pago_estatus'); // ej. 1 (la que dice Pagado/Sin Pago/N/A)

            // Recorremos sólo las filas filtradas actualmente (search:'applied')
            api.rows({ search: 'applied' }).every(function () {
            const rowIdx = this.index();

            // 1) Leemos el estatus (texto en la col pago_estatus)
            const estatusTxt = (idxEstatusTxt >= 0 ? api.cell(rowIdx, idxEstatusTxt).data() : '').toString().trim();

            // 2) Leemos el <td> del total y sus data-*
            const tdNode = (idxTotal >= 0 ? api.cell(rowIdx, idxTotal).node() : null);
            if (!tdNode) return;

            const $td = $(tdNode);
            const cancelado = parseInt($td.data('cancelado') || '0', 10);
            if (cancelado === 1) return; // excluir cancelados

            const val = parseFloat($td.data('total') || '0') || 0;

            total += val;
            if (estatusTxt === 'Pagado') {
                pagado += val;
            } else {
                // Todo lo que no sea "Pagado" lo consideramos pendiente
                sinPago += val;
            }
            });

            // Pintar en BOTH: footer original y el clonado por FixedHeader
            const $container = $(api.table().container());
            const $footOriginal = $(api.table().footer());
            const $footFixed = $container.find('.dtfh-fixed-footer'); // footer clonado

            // Pinta en original
            $footOriginal.find('.js-sum-pagado').text(formatMoneyMXN(pagado));
            $footOriginal.find('.js-sum-sin-pago').text(formatMoneyMXN(sinPago));
            $footOriginal.find('.js-sum-total').text(formatMoneyMXN(total));

            // Pinta en clonado (si existe)
            $footFixed.find('.js-sum-pagado').text(formatMoneyMXN(pagado));
            $footFixed.find('.js-sum-sin-pago').text(formatMoneyMXN(sinPago));
            $footFixed.find('.js-sum-total').text(formatMoneyMXN(total));
        }
        });

        // Si además llenas la tabla dinámicamente o cambias filtros por fuera,
        // puedes forzar recalcular con:
        // table.draw(false);
    });
    function pintarTotales(pagado, sinPago, total, api) {
        const $container = $(api.table().container());
        const $footOriginal = $(api.table().footer());
        const $footFixed = $container.find('.dtfh-fixed-footer');

        $footOriginal.find('.js-sum-pagado').text(formatMoneyMXN(pagado));
        $footOriginal.find('.js-sum-sin-pago').text(formatMoneyMXN(sinPago));
        $footOriginal.find('.js-sum-total').text(formatMoneyMXN(total));

        $footFixed.find('.js-sum-pagado').text(formatMoneyMXN(pagado));
        $footFixed.find('.js-sum-sin-pago').text(formatMoneyMXN(sinPago));
        $footFixed.find('.js-sum-total').text(formatMoneyMXN(total));
    }
</script>
<script>
    $('#anio_filtro').on('change', function () {
        let anio = $(this).val();
        let url = new URL(window.location.href);

        if (anio) {
            url.searchParams.set('anio', anio);
        } else {
            url.searchParams.delete('anio');
        }

        window.location.href = url.toString();
    });
</script>

<!-- <script>
    window.CobranzaInformesConfig = {
        csrfToken: '{{ csrf_token() }}',
        idClienteInforme: '{{ $datos_cliente->id_cliente_informe ?? "" }}',
        urls: {
            baseCobranza: "{{ url('cobranza') }}",
            consultaInforme: "{{ url('facturacion/consultaInforme') }}",
            pagosListar: "{{ route('cobranza.pagos.listar') }}",
            pagosEliminar: "{{ route('cobranza.pagos.eliminar') }}",
            pagosRevisar: "{{ url('cobranza/pagos/revisar') }}",
            pagosUpload: "{{ route('portal.pagos.upload') }}",
            limpiarInformeReemplazo: "{{ route('cobranza.limpiar_informe_reemplazo') }}",
            pagosDescargar: "{{ url('cobranza/pagos/descargar') }}"
        }
    };
</script>
<script src="{{ asset('assets/js/cobranza/cobranza_informes.js') }}"></script> -->
@endsection