@extends('layouts.app', ['activePage' => 'clientes', 'titlePage' => __('Autos')])

@section('content')

<style>
    table {
        table-layout: fixed;
    }

    table td {
        word-wrap: break-word;
        max-width: 200px;
    }

    table thead {
        text-align: start;
        position: sticky;
        top: 0;
        z-index: 1;
        border-top: 0;
        background: #ededed;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .errorpartida {
        background-color: #ff97a9;
        color: white;
    }
</style>
<div class="content">
        <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card ">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <h4 class="card-title"><a href="{{url('compras/volumetrias')}}" class="text-info"><i class="material-icons">arrow_back</i> Volumetrías / </a>{{ $data->Descripcion }} - ({{ $data->CodigoProyecto }})</h4>
                                <!--<p class="card-category"> Here is a subtitle for this table</p>-->
                                <input type="hidden" id="idProyecto" value="{{ $data->Id }}">
                                @if (isset($volumetria))
                                <input type="hidden" id="id_volumetria" value="{{ $volumetria->id }}">
                                @else
                                <input type="hidden" id="id_volumetria" value="0">
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="input-group input-group-static">
                                    <label>Cliente:</label>
                                    <input type="text" class="form-control" id="cliente" value="{{ $data->cliente->nombre }}" readonly>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Lider:</label>
                                    <input type="text" class="form-control" id="lider" value="{{ $data->lider->name }}" readonly>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="input-group input-group-static">
                                    <label>Prioridad:</label>
                                    <input type="text" class="form-control" id="prioridad" value="{{ $data->prioridad->prioridad }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <div class="input-group input-group-static">
                                    <label>Fecha de envío a proyectos:</label>
                                    <input type="text" class="form-control" id="fechaEnvio" value="{{ date('d/m/Y',strtotime($data->FechaEnvioAProyectos)) }}" readonly>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="input-group input-group-static">
                                    <label>Fecha de entrega de proyecto:</label>
                                    <input type="text" class="form-control" id="fechaEntrega" value="{{ date('d/m/Y',strtotime($data->FechaRequeridaEntrega)) }}" readonly>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="input-group input-group-static">
                                    <label>Fecha estimada de ejecucion obra:</label>
                                    <input type="text" class="form-control" id="fechaEjecucion" value="{{ date('d/m/Y',strtotime($data->FechaEstimadaEjecucion)) }}" readonly>
                                </div>
                            </div>
                            <div class="col-3" style="display: none;">
                                <div class="input-group input-group-static">
                                    <label>Moneda:</label>
                                    <input type="text" class="form-control" id="moneda" value="{{$moneda}}" readonly>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row ">
                            <!-- <div class="col-12"> -->
                            <!-- <div class="card bg-light border-light d-flex" style="max-width: 100%;height: 100%;">
                                    <div id="bodyCarPros" class="card-body d-flex" style="background-color:  #fef9e7 ;"> -->
                            <div class="table-responsive">
                                <table class="table table-hover text-sm">
                                    <thead>
                                        <th width="10%">Código</th>
                                        <th>Proveedor</th>
                                        <th width="10%">Unidad</th>
                                        <th width="15%">Descripción</th>
                                        <th>C.U.(mn)</th>
                                        <th>Stock</th>
                                        <th style="display:none;">PCIOS</th>
                                        <th>Cant.</th>
                                        <th>Total</th>
                                        <th width="15%">FPE</th>
                                        <th>Notas</th>
                                    </thead>
                                                                        <tbody id="prdlist" style="background-color:  #fef9e7 ;">
                                        @if (isset($volumetria))
                                        @foreach ($volumetria->productos as $p)
                                        @if(strtotime($p->FechaProbableEntrega) > strtotime($data->FechaEstimadaEjecucion))
                                                                                <tr id="pr_{{ $p->Id_Producto }}" class="prods errorpartida" idpr="{{ $p->Id_Producto }}">
                                            @else
                                        <tr id="pr_{{ $p->Id_Producto }}" class="prods" idpr="{{ $p->Id_Producto }}">
                                            @endif
                                            <td width="10%" class="text-wrap">{{ $p->producto->codigo }}</td>
                                            @if($p->producto->id_proveedor=='0')
                                            <td class="text-wrap">Distribuidora Alpin SA de CV</td>
                                            @else
                                            @if (isset($p->producto->proveedor))
                                            <td class="text-wrap">{{ $p->producto->proveedor->nombre }}</td>
                                            @else
                                            <td class="text-wrap">Distribuidora Alpin SA de CV</td>
                                            @endif

                                            @endif

                                            <td width="10%">{{ $p->producto->tipo_unidad }}</td>
                                            <td class="text-wrap">{{ $p->producto->descripcion }}</td>
                                            <!-- <td class="text-center"><i class="material-icons" style="cursor: pointer;" onclick="getListaPrecios('{{$p->producto->Cod020a}}')">list_alt</i></td> -->
                                            <td align="center">
                                                <!--<div class="input-group input-group-outline"><input type="number" class="form-control form-control-sm costo" value="{{ $p->costo_unitario }}" id="costo_{{ $p->Id_Producto }}" onkeyup="setTotal(this.value, `{{ intval($p->Cantidad) }}`, `{{ $p->Id_Producto }}`)"></div>-->
                                                <!--<div class="input-group input-group-outline"><input type="number" class="form-control form-control-sm costo" value="{{ $p->costo_unitario }}" id="costo_{{ $p->Id_Producto }}" onkeyup="setTotal2({{ $p->precio_venta }}, `{{ intval($p->Cantidad) }}`, `{{ $p->Id_Producto }}`)"></div>-->
                                                <div class="input-group input-group-outline"><input type="text" class="form-control form-control-sm costo" value="{{ $p->producto->costo }}" id="costo_{{ $p->Id_Producto }}" onkeyup="setTotal2({{ $p->Id_Producto }})"></div>
                                            </td>
                                            <td>
                                                <div class="input-group input-group-outline"><input type="number" step="any" class="form-control form-control-sm" value="{{ $p->existencias }}" id="stock_{{ $p->Id_Producto }}" readonly></div>
                                            </td>

                                            <td style="display:none;">
                                                <div class="input-group input-group-outline"><input type="text" class="form-control form-control-sm" value="${{ number_format(floatval($p->precio_venta),2)}}" readonly></div>
                                                <input type="hidden" id="precio_{{ $p->Id_Producto }}" value="{{$p->precio_venta}}">
                                            </td>
                                            <td>
                                                <div class="input-group input-group-outline"><input type="number" step="any" class="form-control form-control-sm" id="canti_{{ $p->Id_Producto }}" value="{{ $p->Cantidad }}" readonly></div>
                                            </td>
                                            <td>
                                                <div class="input-group input-group-outline"><input type="text" class="form-control form-control-sm " id="total_{{ $p->Id_Producto }}" value="{{ ($p->precio_venta * $p->Cantidad) }}" readonly></div>
                                                <input type="hidden" class="totalprice" id="total_hidden_{{ $p->Id_Producto }}">
                                            </td>
                                            <td align="center" width="10%">
                                                <div class="input-group input-group-outline">
                                                    <input type="date" class="form-control form-control-sm date_today fechadispo" id="fecha_{{ $p->Id_Producto }}" value="{{$p->FechaProbableEntrega}}" min="" rowid="{{ $p->Id_Producto }}">
                                                </div>
                                            </td>
                                            <td align="center" width="15%">
                                                <div class="input-group input-group-outline">
                                                    <input type="text" class="form-control form-control-sm date_today" id="motivo_{{ $p->Id_Producto }}" value="" min="">
                                                </div>
                                            </td>
                                        </tr>
                                                                                @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- </div> -->
                        <!-- <div class="card-footer"> -->
                        <div class="row pt-3 mx-1 border-light rounded-bottom" style="background-color: #E7E7E7;">
                            <div class="col-3" align="left">
                                <h5 id="totalPartidas">Partidas : {{ $partidas }}</h5>
                            </div>
                            <div class="col-3" align="center">
                                <h5 id="totalPiezas">Unidades : {{ $piezassTotales }}</h5>
                            </div>
                            <div class="col-3" align="center">
                                <h5 id="total_gen">Total :</h5>
                            </div>
                            <div class="col-3" align="right">


                                @if (isset($volumetria))
                                @if (($volumetria->estatus == 'En Validacion' || $volumetria->estatus == 'En Proceso'))
                                <button class="btn btn-info btn-regular" onclick="guardar(2);">Guardar</button>
                                <button class="btn btn-success btn-regular" onclick="guardar(3);">Finalizar</button>

                                @endif
                                @endif

                                <button class="btn btn-danger" onclick="guardar(4);" id="btn-regresar" style="display:none;">Regresar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalListaPrecios" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="titleModal">Listas de precios / </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Lista</th>
                            <th>Precio</th>
                        </tr>
                    </thead>

                    <tbody id="lista_precios_tableb">

                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <!-- <button type="submit" class="btn btn-primary" onclick="guardarListasPrecios()">Guardar</button> -->
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="cod_producto_hidden">
<input type="hidden" id="conerror" value="{{ $conerror }}">

<link rel="stylesheet" href="{{asset('vendor/jquery-ui/jquery-ui.min.css')}}">
<script src="{{asset('vendor/jquery-ui/jquery-ui.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $('.dropify').dropify();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        //$('.date_today').attr('min', moment().format("YYYY-MM-DD"));
        $('.costo').trigger('keyup')
        var text2 = $("#producto").tautocomplete({
            width: "750px",
            columns: ['Descripcion', 'Codigo'],
            ajax: {
                //url: "../proyectos/volumetrias/busca_productos",
                url: "{{url('proyectos/busca_productos')}}",
                type: "GET",
                data: function() {
                    return [{
                        test: text2.searchdata()
                    }];
                },
                success: function(data) {

                    var filterData = [];

                    var searchData = eval("/" + text2.searchdata() + "/gi");

                    $.each(data, function(i, v) {
                        if (v.country.search(new RegExp(searchData)) != -1 || v.code.search(new RegExp(searchData)) != -1) {
                            filterData.push(v);
                        }
                    });
                    return filterData;
                }
            },
            onchange: function() {
                console.log(text2.all())
                agregaProducto(text2.id(), $('#cantidad').val())
                $(this).val('')
                $("#producto").focus()
                //$('#modalServicios').modal('hide')
                //$("#ta-txt").html(text2.text());
                //$("#ta-id").html(text2.id());
            }
        });
        if ($('#conerror').val() != '0') {
            $('#btn-regresar').show()
            $('.btn-regular').hide()
        }
        //loadGrid();
        //loadgrid1();
        contadorPartidas();



    });


    $('.fechadispo').on('change', function() {

        //alert($(this).attr('rowid'))
        var date = new Date(this.value + ' 12:00:00');
        var mystr = $('#fechaEjecucion').val()
        var myarr = mystr.split("/");
        ejecucion = myarr[2] + '-' + myarr[1] + '-' + myarr[0]

        var date2 = new Date(ejecucion + ' 12:00:00');

        if (date > date2) {
            $('#pr_' + $(this).attr('rowid')).addClass('errorpartida')
            $('#btn-regresar').show()
            $('.btn-regular').hide()
        } else {
            $('#pr_' + $(this).attr('rowid')).removeClass('errorpartida')
            $('#btn-regresar').hide()
            $('.btn-regular').show()

            $('#motivo_' + $(this).attr('rowid')).val()
        }
        revisaError()
    });

    function blockSpecialChar(e) {
        var k;
        document.all ? k = e.keyCode : k = e.which;
        return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
    }


    function setTotal(costo, cantidad, id_prod) {

        $('#total_' + id_prod).val(numberFormat(parseFloat(costo) * parseInt(cantidad)));
        $('#total_hidden_' + id_prod).val(parseFloat(costo) * parseInt(cantidad));
        var sum = 0;
        $('.totalprice').each(function() {
            sum += parseFloat(this.value);
        });
        $('#total_gen').text('Total: ' + formatter.format(sum))
    }

    function setTotal2(id) {
        costo = $('#costo_' + id).val()
        if (costo == '') {
            costo = 0;
        }
        cantidad = $('#canti_' + id).val()
        total = parseFloat(costo) * parseFloat(cantidad)
        $('#total_' + id).val(total.toFixed(2))
        $('#total_hidden_' + id).val(total.toFixed(2))
        var sum = 0;
        $('.totalprice').each(function() {
            sum += parseFloat(this.value);
        });
        $('#total_gen').text('Total: ' + formatter.format(sum))
    }

    function numberFormat(numero) {

        var num2 = new Intl.NumberFormat('en-US', {
            style: 'currency',
            currency: 'USD'
        }).format(numero)
        return num2
    }

    function contadorPartidas() {
        partidas = 0;
        piezas = 0;
        $(".prods").each(function() {
            id = $(this).attr('idpr')
            piezas += parseFloat($('#canti_' + id).val())
            partidas++;
        });
        $('#totalPartidas').html('Partidas : ' + partidas)
        $('#totalPiezas').html('Unidades : ' + piezas)
    }

    function guardar(tipo) {
        var idVolumetria = $('#id_volumetria').val();
        var moneda = $('#moneda').val();
        var items = new Array()
        var partidas = 0;
        var flagIvalido = true;
        var flagIvalido2 = true
        //si la cantidad es mayor que el stock debe tener fechas
        $(".prods").each(function() {
            id = $(this).attr('idpr')
            partidas += parseFloat($('#canti_' + id).val())
            if (parseFloat($('#costo_' + id).val()) == 0) {
                flagIvalido = false
            }

            if (parseFloat($('#stock_' + id).val()) < parseFloat($('#canti_' + id).val()) && $('#fecha_' + id).val() == '') {
                flagIvalido2 = false
            }
            dat = {
                iditem: id,
                precio: $('#precio_' + id).val(),
                cantidad: $('#canti_' + id).val(),
                fecha: $('#fecha_' + id).val(),
                CostoUnitario: $('#costo_' + id).val(),
                motivo: $('#motivo_' + id).val(),
            }
            items.push(dat)

        });
        if (tipo == '3' && flagIvalido == false) {

            Swal.fire({
                title: 'Existen productos con precio $0.00',
                type: 'error',
                timer: 2000,
            })
            return false;

        }
        if (tipo == '3' && flagIvalido2 == false) {

            Swal.fire({
                title: 'Agrega una Fecha de surtido',
                type: 'error',
                timer: 2000,
            })
            return false;

        }

        $.ajax({
                url: "{{url('proyectos/save_volumetria')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: $('#idProyecto').val(),
                    items: items,
                    tipo: tipo,
                    idVolumetria: idVolumetria,
                    moneda: moneda,

                },
            })
            .done(function(resp) {
                console.log(resp);
                if (resp.id > 0) {
                    Swal.fire({
                        title: 'Se guardo correctamente',
                        type: 'success',
                        timer: 2000,
                    })
                    setTimeout(() => {
                        window.location.href = '{{url("compras/volumetrias")}}';
                    }, 2000);
                }

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }



    function muestraVolu() {

        if ($('#plantilla').is(':checked')) {
            $('.selplan').show()
        } else {
            $('.selplan').hide()
        }
    }

    function cargaVolumetria() {
        var version = $('#versiones').val()
        $.ajax({
                url: "{{url('proyectos/get_productos_volu')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    version: version
                },
            })
            .done(function(resp) {
                console.log("success");
                html = ''
                $('#prdlist').html(html)
                console.log(resp.productos)
                $.each(resp.productos, function(index, val) {

                    html += '<tr id="pr_' + val.Id + '" class="prods" idpr="' + val.Id + '">'
                    html += '<td width="5%">' + val.Cod020a + '</td>'
                    html += '<td width="5%">' + val.CodigoProveedor + '</td>'
                    html += '<td width="5%">' + val.Tipoe020a + '</td>'
                    html += '<td class="text-wrap">' + val.Nom020a + '</td>'
                    html += '<td width="10%"><div class="input-group input-group-outline"><input type="number" step="any" class="form-control" id="canti_' + val.Id + '" value="' + val.Cantidad + '" onkeyup="contadorPartidas();"></div></td>'
                    html += '<td width="10%" align="center"><button class="btn btn-danger btn-sm" onclick="elimina(' + val.Id + ')">X</button></td>'
                    html += '</tr>'
                });
                $('#prdlist').append(html)
                contadorPartidas()
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function getListaPrecios(cod_p) {

        $.ajax({
                url: "{{url('compras/volumetrias/get_lista_precios')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    cod_p: cod_p
                },
            })
            .done(function(resp) {
                $('#lista_precios_tableb').empty();
                $.each(resp.data, function(index, value) {

                    $('#lista_precios_tableb').append(
                        '<tr class="listas_precios" id_lista="' + value['id_lista'] + '" cod_producto="' + cod_p + '">' +
                        '<td>' + value['descripcion_lista'] + '</td>' +
                        '<td width="10%" align="center">' +
                        '<div class="input-group input-group-outline">' +
                        '<input type="number" readonly class="form-control" id="precio_lista_' + index + '" value="' + value['precio'] + '">' +
                        '</div>' +
                        '</td>' +
                        '</tr>'
                    );
                })
                $('#cod_producto_hidden').val(cod_p);
                $('#titleModal').text('Listas de precios / ' + cod_p);
                $('#modalListaPrecios').modal('show');
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });


    }

    function guardarListasPrecios() {

        var listas_precios = new Array();

        $('.listas_precios').each(function(index, value) {
            data = {
                codigo_producto: $(this).attr('cod_producto'),
                lista_precio: $(this).attr('id_lista'),
                precio: $('#precio_lista_' + index).val(),
            }
            listas_precios.push(data);
        })

        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{url('compras/volumetrias/save_lista_precios')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    listas_precios: listas_precios,
                    cod_prod: $('#cod_producto_hidden').val(),
                },
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                    $('#modalListaPrecios').modal('hide');
                }, 2000);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide');
                }, 2000);
            });
    }

    function revisaError() {
        var esconde = 0
        $(".prods").each(function() {
            tiene = $(this).hasClass('errorpartida')
            if (tiene == true) {
                esconde++
            }
        });
        if (esconde != 0) {
            $('#btn-regresar').show()
            $('.btn-regular').hide()
        } else {
            $('#btn-regresar').hide()
            $('.btn-regular').show()
        }
    }
</script>
@endsection