@extends('layouts.app')
@extends('rrhh.menu')

@section('content')
    <style>
        .form-check {
            display: inline-block;
            top: -15px;
            left: 13px;
        }

        .verTotal22 {
            text-align: right;
            margin-right: 400px;
            font-size: 17px;
            font-weight: 700;
        }

        .regresar {
            margin-top: -10px;
            padding-left: 6px;
        }

        .eliminar {
            margin-top: -10px;
            padding-left: 6px;
        }

        .nota_ {
            margin-top: -10px;
            padding-left: 6px;
        }

        .fa-upload {
            padding-top: 5px;
            padding-left: 6px;
        }
    </style>

    <div id="contenedor-dashboard" class="container-fluid">

        <form action="{{ route('rrhh.comisiones_por_usuario_fecha') }}" method="post">
            @csrf
            <div class="row p-3">
                <div class="col-md-2">
                    <h2>Detalle de comisiones</h2>
                </div>
                <div class="row p-2">
                    <div class="col-md-16">
                        <select class="form-control" name="mes">
                            <option selected disabled value="0">Escoger mes</option>
                            <option value="1">Enero</option>
                            <option value="2">Febrero</option>
                            <option value="3">Marzo</option>
                            <option value="4">Abril</option>
                            <option value="5">Mayo</option>
                            <option value="6">Junio</option>
                            <option value="7">Julio</option>
                            <option value="8">Agosto</option>
                            <option value="9">Septiembre</option>
                            <option value="10">Octubre</option>
                            <option value="11">Noviembre</option>
                            <option value="12">Diciembre</option>
                        </select>
                    </div>
                </div>
                <div class="row p-2">
                    <div class="col-md-16">
                        <select class="form-control" name="anio" id="anio">
                            <option value="0">Escoger año</option>
                            <option value="2022">2022</option>
                            <option value="2023">2023</option>
                            <option value="2024">2024</option>
                            <option value="2025">2025</option>
                        </select>
                    </div>
                </div>
                <div class="row p-2">
                    <div class="col-md-1">
                        <input type="hidden" name="userselect" value="">
                        <button class="btn btn-primary" type="submit">Buscar</button>
                    </div>
                </div>
            </div>
        </form>

        <div class="col-md-12">
            <table id="example2" class="display" style="width:100%">
                <thead>
                    <tr>
                        <td>Fecha de cobro</td>
                        <td>Vendedor</td>
                        <td>Cliente</td>
                        <td>Factura</td>
                        <td>Valor de factura</td>
                        <td>No. Recibo de Caja</td>
                        <td>Total pagado</td>
                        <td>Capuchón</td>
                        <td>BOPP/ PVC / Plastipel</td>
                        <td>Lienzos Carton / PVC</td>
                        <td>IVA</td>
                        <td>Valor afecto Comisión</td>
                        <td>Cálculo comisión</td>
                        <td style="visibility: hidden">Cálculo Number</td>
                    </tr>
                </thead>
                <tbody>

                    @foreach ($recibos as $factura)
                                                <tr>
                            <td> {{ $factura->fecha_cobro }} </td>
                            <td> {{ $factura->vendedor }} </td>
                            <td> {{ $factura->cliente }} </td>
                            <td> {{ $factura->no_sat ?? '' }} </td>
                            <td>Q {{ number_format($factura->facturado ?? '', 2, '.', ',') }} </td>
                            <td> {{ $factura->no_recibo }} </td>
                            <td style="border-right: 1px solid #848484;">Q
                                {{ number_format($valor_real_cancelado ?? '', 2, '.', ',') }}</td>
                            {{-- --- separación segun categoria -- --}}
                                                        <td class="table-success"></td>
                            <td class="table-info">Q {{ number_format($valor_real_cancelado ?? '', 2, '.', ',') }}</td>
                            <td class="table-primary" style="border-right: 1px solid #848484;"></td>
                                                        {{-- ----- Calculo de IVA----- --}}
                            <td>
                                Q 0.00                            </td>
                            <td>
                                Q 0.00                            </td>

                            {{-- ----- Calculo de comisión----- --}}
                            <td class="table-warning">
                                Q 0.00                            </td>
                            {{-- ----- Calculo para sumatoria----- --}}
                            <td style="visibility: hidden" class="table-warning">
                                0.00                            </td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td><b>Total</b></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><b id="sumaComisionX">Q 
                            0.00                        </b></td>
                        <td style="visibility: hidden"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="col-md-12">
            <h2>Recibos de caja sin factura o producto asignado.</h2>
            <table id="example3" class="display" style="width:100%">
                <thead>
                    <tr>
                        <td>Fecha de cobro</td>
                        <td>Vendedor</td>
                        <td>Cliente</td>
                        <td>No.Recibo de caja</td>
                        <td>Observación</td>
                        <td>Monto</td>
                    </tr>
                </thead>
                <tbody>

                    @foreach ($recibosAnticipo as $factura)
                        <tr>
                            <td> {{ $factura->fecha_cobro }} </td>
                            <td> {{ $factura->vendedor }} </td>
                            <td> {{ $factura->cliente }} </td>
                            <td> {{ $factura->no_recibo }} </td>
                            <td> {{ $factura->razon }} </td>
                            <td>Q {{ number_format($factura->monto, 2, '.', ',') }} </td>
                        </tr>
                    @endforeach


                </tbody>
            </table>
        </div>
    </div>

    <script>
        jQuery.fn.dataTable.Api.register('sum()', function() {
            return this.flatten().reduce(function(a, b) {
                if (typeof a === 'string') {
                    a = a.replace(/[^\d.-]/g, '') * 1;
                }
                if (typeof b === 'string') {
                    b = b.replace(/[^\d.-]/g, '') * 1;
                }

                return a + b;
            }, 0);
        });
        var token = '{{ csrf_token() }}';

        $('.form-check-input').change(function() {
            var total = 0;
            var facturas = new Array();
            $($('.form-check-input').get().reverse()).each(function($seleccion) {

                if ($(this).is(':checked')) {
                    var fel = $(this).attr('data-fel');
                    const buscar_fel = facturas.filter(element => element == fel);
                    if (buscar_fel.length == 0) {
                        facturas.push(fel);
                    }
                    if (facturas.length >= 5) {
                        alert('Solo puedes ingresar 4 facturas por recibo');
                        $(this).prop("checked", false);
                        console.log($(this));
                        return;
                    }
                    var subtotal = parseFloat($(this).attr('data-total'));
                    total = total + subtotal;
                }

            })

            $('#total_cliente').text('Q ' + total.toFixed(2));
        });
        $(".regresar").click(function() {
            var confirmacion = confirm("Desea regresar la factura a pendiente de facturar?");
            if (confirmacion) {
                return true;
            } else {
                return false;
            }
            return false;
        })
        $(".eliminar").click(function() {
            var confirmacion = confirm("Desea eliminar la factura?");
            if (confirmacion) {
                return true;
            } else {
                return false;
            }
            return false;
        })
        $('.nota_').each(function() {
            $(this).click(function() {
                var id_factura = $(this).attr('data-id_factura');
                $('#id_factura').val(id_factura);
            })
        })
        $('#btnTerminarOrdenInventario').click(function() {
            $('#btnTerminarOrdenInventario').attr('disabled', 'disabled');
            var inventario = $('#id_inventario2').val();
            $.ajax({
                type: 'POST',
                url: '{{ route('contabilidad.nota_debito') }}',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: {
                    tipo: $('#tipo_debito').val(),
                    cantidad: $('#cantidad2').val(),
                    observaciones: $('#observaciones2').val(),
                    id_factura: $('#id_factura').val(),
                },
                success: function(data) {
                    $('#entregaAlmacen').modal('hide');
                    location.reload(true);
                }
            });
        })
        $(document).ready(function() {
            $.fn.dataTable.moment('DD/MM/YYYY');
            $('#example3').dataTable({
                "paging": false,
                "order": [
                    [0, "desc"]
                ],
                dom: 'Bfrtip',
                buttons: [
                    'excel', 'print', 'copy'
                ]
            });
            $('#example2').dataTable({
                "paging": false,
                "order": [
                    [0, "desc"]
                ],
                dom: 'Bfrtip',
                buttons: [{
                        extend: 'excelHtml5',
                        text: 'Excel',
                        filename: 'calculo_comision', // Nombre personalizado del archivo
                        exportOptions: {
                            columns: ':not(:last-child)', // Excluir la última columna
                            modifier: {
                                selected: null
                            },
                            orthogonal: 'export',
                            footer: true // Incluir el contenido del footer
                        }
                    },
                    'print',
                    'copy'
                ],
                drawCallback: function() {
                    var api = this.api();

                    let dollarUSLocale = Intl.NumberFormat('en-IN');
                    $("#data7").html(
                        api.column(8, {
                            page: 'current'
                        }).data().sum().toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,')
                    );

                }
            });
        })

        $(document).ready(function() {
            // Identificar la columna por su índice (en este caso, la columna 14, índice 13)
            var columnIndex = 13;

            // Obtener todas las celdas de la columna
            var cells = $('#example2 tbody td:nth-child(' + (columnIndex + 1) + ')');

            // Inicializar la variable de suma
            var suma = 0;

            // Iterar sobre las celdas y sumar los valores
            cells.each(function() {
                var valor = parseFloat($(this).text()) || 0;
                suma += valor;
            });

            // Formatear el total con puntos decimales y el formato de quetzales
            var totalFormateado = suma.toLocaleString('es-GT', {
                style: 'currency',
                currency: 'GTQ',
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            });

            $('#sumaComision').html(totalFormateado);
            console.log('Suma de la columna 14:', suma);
        });
    </script>
@endsection