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

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

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

    <div class="ui divider"></div>
    
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center">
                    <strong>{{ session()->get('warning') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
        @if(session()->has('recordatorio_success'))
            <div class="alert alert-success text-center">
                <strong>{{ session()->get('recordatorio_success') }}</strong>
            </div>
        @endif
        @if(session()->has('recordatorio_danger'))
            <div class="alert alert-danger text-center">
                <strong>{{ session()->get('recordatorio_danger') }}</strong>
            </div>
        @endif
        @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
        @include('Control_documentos.Notificacion.notificacion_documento_version')
        @include('Modificaciones.notificacion_modificacion')
        @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    </div>
    
    {{--<a class="ui button fluid blue mt-3 send_mail_recordatorio_cobranzas_modal" title="Recodatorio de pago cobranza" >
        <i class="mail icon"></i> Enviar recodatorio de pago
    </a>--}}

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

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable structured">
                    <thead>
                        <tr>
                            <th>Cliente factura</th>
                            <th>No. de informes</th>
                            <th>Fecha emisión</th>
                            <th>Fecha envío prefactura</th>
                            <th>No. Factura</th>
                            <th>Fecha elaboración factura</th>
                            <th>Fecha promesa de pago</th>
                            <th>Días vencidos</th>
                            <th>Subtotal</th>
                            <th>IVA</th>
                            <th>TOTAL</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($informes_fecha_cobro_hoy as $informe_fecha_cobro_hoy)
                            <tr>
                                <td>{{ $informe_fecha_cobro_hoy->nombre_cliente_factura }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->num_informe }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->fecha_emision_mostrar }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->fecha_envio_prefactura_mostrar }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->numero_factura_mostrar }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->fecha_elaboracion_factura_mostrar }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->fecha_promesa_pago_mostrar }}</td>
                                <td>{{ $informe_fecha_cobro_hoy->dias_vencidos_mostrar }}</td>
                                <td>${{ number_format($informe_fecha_cobro_hoy->subtotal_calculado, 2, '.', ',') }}</td>
                                <td>${{ number_format($informe_fecha_cobro_hoy->iva_calculado, 2, '.', ',') }}</td>
                                <td>${{ number_format($informe_fecha_cobro_hoy->total_calculado, 2, '.', ',') }}</td>
                                <td>
                                    <div class="ui tiny icon buttons">
                                        @if ($permisos->verqr == 1)
                                            <a
                                                class="ui button orange"
                                                title="Informes del cliente"
                                                href="{{ url('cobranza/'.$informe_fecha_cobro_hoy->id_cliente_factura.'/informes_cliente_factura/'.$informe_fecha_cobro_hoy->id_servicio_cliente_concepto) }}">
                                                Detalles <i class="arrow right icon"></i>
                                            </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="12" class="text-center" style="padding:40px 0;">
                                    Sin informes pendientes de pago hoy
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr>
                            <th colspan="8" class="text-right">TOTAL</th>
                            <th id="tfoot_subtotal_del_dia">$0.00</th>
                            <th id="tfoot_iva_del_dia">$0.00</th>
                            <th id="tfoot_total_del_dia">$0.00</th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    
    {{--@include('Cobranza.send_mail_recordatorio_cobranzas_modal')
    @php
        function datos_contacto_informe($id_cliente_contacto_factura){
            $datos_contacto = Cliente_Contacto_Factura::select('id_cliente_contacto_factura','correo')
            ->where('id_cliente_contacto_factura',$id_cliente_contacto_factura)
            ->first();

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

    @include('Cobranza.create_informe')
    <script>
        $(document).on('click','.create_bitacora',function(){
            tipo_bitacora =$(this).attr('id');
            switch (tipo_bitacora) {
                case "bitacora_general":
                    $('#tipo_bitacora').val(1);
                    break;
                case "bitacora_otros_servicios":
                    $('#tipo_bitacora').val(2);
                    break;
                case "bitacora_servicios_internacionales":
                    $('#tipo_bitacora').val(3);
                    break;
            }
           
            $('#create_modal').modal('show'); 
        });
    </script>
    <script>
        $(function() {
            $('.year_datepicker').datepicker({
                format: "yyyy",
                viewMode: "years", 
                minViewMode: "years"
            });
        });
        $(function() {
            $('.month_datepicker').datepicker({
                format: "mm",
                viewMode: "months", 
                minViewMode: "months"
            });
        });
    </script>
    <script>
        $(function() {
        $('.customdaterangepicker').daterangepicker({
            opens: 'left'
        }, function(start, end, label) {
            console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
        });
        });
    </script>
    <script>
        function parseMoneyDia(valor) {
            if (!valor) return 0;
            return parseFloat(
                valor.toString()
                    .replace(/\$/g, '')
                    .replace(/,/g, '')
                    .trim()
            ) || 0;
        }

        function actualizarTotalesDelDia() {
            let subtotal = 0;
            let iva = 0;
            let total = 0;

            $('#lang-dt tbody tr:visible').each(function() {
                const tds = $(this).find('td');

                if (tds.length >= 11) {
                    subtotal += parseMoneyDia($(tds[8]).text());
                    iva += parseMoneyDia($(tds[9]).text());
                    total += parseMoneyDia($(tds[10]).text());
                }
            });

            $('#tfoot_subtotal_del_dia').text('$' + subtotal.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
            $('#tfoot_iva_del_dia').text('$' + iva.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
            $('#tfoot_total_del_dia').text('$' + total.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
        }

        $(document).ready(function() {
            setTimeout(function() {
                actualizarTotalesDelDia();
            }, 300);

            $('#lang-dt').on('draw.dt search.dt page.dt order.dt', function() {
                actualizarTotalesDelDia();
            });

            $('#lang-dt_filter input').on('keyup change', function() {
                actualizarTotalesDelDia();
            });
        });
    </script>
@endsection