@extends('layouts.app')

@section('content')

@include('layouts.modals.proveedor')


<div class="breadcomb-area">

    <div class="modals-default-notika">
        <div class="modal-inner-pro">
            
        @foreach($datos AS $value)
        <form class="form-horizontal" action="{{ route('compras.update', $value->id) }}" method="POST">
        @endforeach
        @csrf
        @method('PATCH')

            <div class="row">
                <div class="col-sm-12">
                    @foreach($datos AS $value)
                    <h1>EDITAR ORDEN DE COMPRA <strong style="color:red;">{{ sprintf("CM-%'.06d", $value->id) }}</strong></h1>
                    @endforeach
                </div>
            </div>
            

            <div class="row">
                <div class="col-sm-3">
                    <strong>Proveedor:</strong> 
                    <select class="selectpicker" id="proveedor" name="proveedor" data-live-search="true" required>
                        @foreach ($provider AS $value)
                            <option value="{{ $value->id }}">{{ $value->nombre }} | {{ $value->documento }}</option>
                        @endforeach
                        @foreach($providers AS $value)
                            <option value="{{ $value->id }}">{{ $value->nombre }} | {{ $value->documento }}</option>
                        @endforeach
                    </select>                   
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-md-12" style="padding-top: 20px;">
                    <a href="" data-toggle="modal" data-target="#addProveedor" data-placement="left">
                        <i class="fa fa-user-plus fa-lg" style="color:#009834;"></i>
                    </a>                
                </div>
                <div class="col-sm-2">                    
                    <div class="form-group nk-datapk-ctm form-elet-mg" id="data_1">
                        <label>Fecha Pedido:</label>
                        <div class="input-group date nk-int-st">
                            <span class="input-group-addon"></span>
                            @foreach($datos AS $value)
                                <input type="text" class="form-control" name="fecha_pedidos" value="{{ \Carbon\Carbon::parse($value->fecha)->format('m/d/Y')}}" required>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group nk-datapk-ctm form-elet-mg" id="data_1">
                        <label>Fecha Pago:</label>
                        <div class="input-group date nk-int-st">
                            <span class="input-group-addon"></span>
                            @foreach($datos AS $value)
                                <input type="text" class="form-control" name="fecha_pago" value="{{ \Carbon\Carbon::parse($value->fecha_pago)->format('m/d/Y')}}" required>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <strong>Metodo Pago:</strong>
                    <select class="selectpicker" id="pagos" name="pagos" data-live-search="true" required>
                        @foreach($datos AS $value)
                            <option value="{{ $value->idpago }}">{{ $value->pago }}</option>
                        @endforeach
                        @foreach ($payment AS $value)
                            <option value="{{ $value->id }}">{{ $value->nombre }}</option>
                        @endforeach
                    </select>              
                </div>
                <div class="col-sm-2">                    
                    <strong>Métodos de entrega:</strong>
                    <select class="selectpicker" id="entrega" name="entrega" data-live-search="true" required>
                        @foreach($datos AS $value)
                            @if($value->entrega == 'Entrega en la oficina')
                                <option value="Entrega en la oficina">Entrega en la oficina</option>
                                <option value="Pasar a recoger">Pasar a recoger</option>
                            @else
                                <option value="Pasar a recoger">Pasar a recoger</option>
                                <option value="Entrega en la oficina">Entrega en la oficina</option>
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- AREA DE PRODUCTOS -->
            <div class="row">
                <div class="col-sm-12 bg-success text-white text-left">
                    <div class="row">
                        <div class="col-sm-9" style="margin-bottom: 20px; margin-top:40px;">
                            <h3>PRODUCTOS</h3>
                        </div>
                        <div class="col-sm-3" style="margin-bottom: 20px; margin-top:40px;">
                            <span>Total General</span>
                            @foreach($datos AS $value)
                                @php $totalGeneral = $value->total; @endphp
                                <h2 id="total_venta">RD$ {{ number_format($value->total, 2) }}</h2>
                                <!-- aqui debemos cargar el total -->
                                <input type="hidden" id="total_ventas" name="{{ $value->total }}" value="0">
                            @endforeach
        
                        </div>
                    </div>
                </div>

                <!-- DATOS PARA INSERCION -->
                <div>
                    <div class="row">
                        <div class="col-sm-5">
                            <div class="form-group ic-cmp-int">
                                <div class="form-ic-cmp">
                                </div>
                                <div class="nk-int-st">                                   
                                    <select class="select_product_search selectpicker" id="selectProductComp" name="selectProductComp" data-live-search="true">
                                        <option>Seleccione el producto</option>
                                        @foreach($productos as $pro)
                                            <option value="{{ $pro->id }}_{{ $pro->codigo }}_{{ $pro->nombre }}_{{ $pro->descripcion }}">{{ $pro->codigo }} | {{ $pro->nombre }}</option> 
                                        @endforeach
                                    </select>     
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-1 col-md-12" style="padding-top: 10px; padding-left: 30px;">
                            <a href="" data-toggle="modal" data-target="#addProducto" data-placement="left">
                                <i class="fas fa-cart-plus fa-lg" style="color:#009834;"></i>
                            </a>                
                        </div>
                        <div class="col-sm-1">
                            <div class="form-group ic-cmp-int">
                                <div class="form-ic-cmp">
                                </div>
                                <div class="nk-int-st">
                                    <input type="number" class="form-control" id="ppcantidad" name="ppcantidad" min="1" placeholder="Cantidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group ic-cmp-int">
                                <div class="form-ic-cmp">
                                </div>
                                <div class="nk-int-st">
                                    <input type="number" class="form-control" id="pppreciounidad" name="pppreciounidad" placeholder="P/Compra">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group ic-cmp-int">
                                <div class="form-ic-cmp">
                                </div>
                                <div class="nk-int-st">
                                    <input type="number" class="form-control" id="ppventa" name="ppventa" placeholder="P/Venta">
                                </div>
                            </div>
                    	</div>
                        <div class="col-sm-1">
                            <button type="button" class="btn btn-success waves-effect" onclick="agregarProdCompra()">Agregar</button>
                        </div>
                    </div>
                </div>

                <!-- DATOS PARA INSERTAR LA COMPRA A LA BASE DE DATOS -->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="normal-table-list">
                        <div class="bsc-tbl">
                            <table class="table table-sc-ex">
                                <thead>
                                    <tr>
                                        <th width="10%">Codigo</th>
                                        <th width="40%">Articulo</th>
                                        <th width="6%">Cantidad</th>
                                        <th width="13%">Precio Compra (U)</th>
                                        <th width="13%">Precio Venta (U)</th>
                                        <th width="13%">Total</th>
                                        <th width="5%"> </th>
                                    </tr>
                                </thead>
                                <tbody id="datosCompra">
                                    @foreach($items as $value)
                                    <tr id="fila{{ $value->id }}">
                                        <input type="hidden" name="articuloId[]" value="{{ $value->id }}">
                                        <td>{{ $value->codigo }}</td>
                                        <input type="hidden" name="codigo[]" value="{{ $value->codigo }}">
                                        <td>{{ $value->articulo }}</td>
                                        <input type="hidden" name="articulo[]" value="{{ $value->articulo }}">
                                        <td>{{ $value->cantidad }}</td>
                                        <input type="hidden" name="cantidad[]" value="{{ $value->cantidad }}">
                                        <td>${{ number_format($value->precio, 2) }}</td>
                                        <input type="hidden" name="precioCompra[]" value="{{ $value->precio }}">
                                        <td>${{ number_format($value->precio_venta, 2) }}</td>
                                        <input type="hidden" name="precioVenta[]" value="{{ $value->precio_venta }}">
                                        <td>${{ number_format($value->total, 1) }}</td>
                                        <input type="hidden" name="subtotal[]" value="{{ $value->total }}">
                                        <td><input type="button" onclick="eliminarFila({{$value->id}});" value="Eliminar" /></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>


            </div>

            <div class="modal-ft">
                <button type="button" class="btn btn-default waves-effect" onclick="location.href='{{ url()->previous() }}';"><i class="fas fa-chevron-left"></i> volver atras</button>
                <button type="submit" class="btn btn-primary waves-effect" value="Submit">Actualizar Orden</button>
            </div>

        </form>

        </div>
    </div>
              
</div>

@include('layouts.modals.nuevo-producto')

<script>
    
    function agregarProdCompra(){

        // AQUI TRABAJAMOS EL INPUT DE SELECCIONAR EL PRODUCTO
        var datosProducto = document.getElementById('selectProductComp').value.split('_');
        var cantEntrada = document.getElementById('ppcantidad').value;
        var precioCompra = document.getElementById('pppreciounidad').value;
        var precioVenta = document.getElementById('ppventa').value;
        var subtotalProd = cantEntrada * precioCompra;

        var total = Number($('#total_ventas').val());

        if(datosProducto[0] >= 1){

            if(cantEntrada >= 1){

                if(precioCompra != ""){

                    var datosCompra = document.getElementById('datosCompra');
                    datosCompra.innerHTML += "<tr id=fila"+datosProducto[0]+">\
                        <input type='hidden' name='articuloId[]' value='"+datosProducto[0]+"'>\
                        <td>"+datosProducto[1]+"</td>\
                        <input type='hidden' name='codigo[]' value='"+datosProducto[1]+"'>\
                        <td>"+datosProducto[2]+"</td>\
                        <input type='hidden' name='articulo[]' value='"+datosProducto[2]+"'>\
                        <td>"+cantEntrada+"</td>\
                        <input type='hidden' name='cantidad[]' value='"+cantEntrada+"'>\
                        <td>"+new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(precioCompra)+"</td>\
                        <input type='hidden' name='precioCompra[]' value='"+precioCompra+"'>\
                        <td>"+new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(precioVenta)+"</td>\
                        <input type='hidden' name='precioVenta[]' value='"+precioVenta+"'>\
                        <td>"+new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(subtotalProd)+"</td>\
                        <input type='hidden' name='subtotal[]' value='"+subtotalProd+"'>\
                        <td><input type='button' onclick='eliminarFila("+datosProducto[0]+");' value='Eliminar' /></td>\
                    </tr>";

                    var totalSuma = total + subtotalProd;
                    
                    document.getElementById("total_venta").innerHTML = "RD "+new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(totalSuma);
                    total = document.getElementById('total_ventas').value = totalSuma;

                    cantEntrada = document.getElementById('ppventa').value = "";
                    cantEntrada = document.getElementById('pppreciounidad').value = "";
                    cantEntrada = document.getElementById('ppcantidad').value = "";



                }else{
                    alert('Debe ingresar el PRECIO COMPRA.');
                };

            }else{            
                alert('Es obligatorio la CANTIDAD de ENTRADA del producto.');
            };


        }else{
            alert('Primero debes seleccionar el producto para darle entrada.');
        };   


    }

    function eliminarFila(index) {
        $("#fila" + index).remove();
    }


</script>




@endsection