@if($acc == "list" )
    @include('layouts.breadcumb')
@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop
    <div class="row">

        <div class="panel panel-orange panel-border">
            <!-- panel head -->
            <div class="panel-heading">

            </div>

            <!-- panel body -->
            <div class="panel-body">
                <div class="dataTables_scrollBody" style="overflow: auto; width: 100%">
                    <div class="panel-body" id="c" data-collapsed="0" style="width:2200px; overflow-x: scroll">
                        <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                            <thead>

                                <tr>
                                    <th>PHOTO</th>
                                    <th>SUPPLIER ITM NMR</th>
                                    <th width="8%">ITEM NUMBER</th>
                                    <th width="20%">NAME</th>
                                    <th width="5%">SUPPLIER NAME CARD</th>
                                    <th width="8%">BUYER CURRENCY</th>
                                    <th width="8%">PRICE ¥ x Unit</th>
                                    <th width="8%">QTY x CARTON</th>
                                    <th width="8%">¥ x CARTON</th>
                                    <th width="8%">CBM x CARTON</th>
                                    <th width="5%">CARTON WEIGHT (Kg)</th>
                                    <th width="5%">CARTONS</th>
                                    <th width="5%">TOTAL ORDER ¥</th>
                                    <th width="5%">TOTAL CBM</th>
                                    <th width="5%">TOTAL WEIGHT(Kg)</th>
                                    <th width="5%">CREATED</th>
                                    <th width="2%">Edit</th>
                                </tr>
                                <tr class="filter-column-tr">
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                            <tfoot>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th style="font-size: 16px;color: #000">TOTALS</th>
                                <th style="font-size: 16px;color:#981b1b; text-align: right"><span id="totcar">{{ number_format($totalCartones) }}</span></th>
                                <th style="font-size: 16px;color:#981b1b; text-align: right">¥<span id="totcmp">{{ number_format($totalCompra,2) }}</span></th>
                                <th style="font-size: 16px;color:#981b1b; text-align: right"><span id="totcbm">{{ number_format($totalCbm,2) }}</span></th>
                                <th style="font-size: 16px;color:#981b1b; text-align: right"><span id="totkgm">{{ number_format($totalPeso,2) }}</span></th>
                                <th></th>
                                <th></th>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
        <!--Acción para Actualizar los Productos-->
        @if( $acc == 'edit' || $acc == 'add' )
            <form role="form" action="/compras/gestion/actualizar-orden/{{$acc}}/{{ $producto->id }}" id="actualizarOrden-form" method="post" class="form-horizontal form-groups-bordered" enctype="multipart/form-data">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" style="font-size: 18px !impotant;">
                    ACTUALIZAR:  -  ( COD. PRV:  )                </h3>
            </div>

                <div class="modal-body">

                    <table width="100%">
                    <tr>
                            <td width="15%" height="45">
                                <label class="control-label lbl-prs">Shipping Marc</label>
                            </td>
                            <td width="10%">
                                <input disabled type="text" readonly class="form-control input-refe" id="chip_marc"  value="{{ $producto->chip_marc }}" style="text-align: left"/>
                            </td>
                            <td width="10%">
                                <label class="control-label lbl-prs">Cód. Prov</label>
                            </td>
                            <td width="10%">
                                <input readonly type="text" class="form-control  input-refe" id="proveedor_codigo" name="proveedor_codigo" value="{{ $producto->proveedor_codigo }}" style="text-align: left"/>
                            </td>
                            <td width="10%">
                                <label disabled class="control-label lbl-prs">Referencia</label>
                            </td>
                            <td width="45%">
                                <input type="text" readonly class="form-control input-rbr" name="referencia" id="referencia" value="{{ $producto->referencia }}" style="text-align: center"/>
                            </td>
                        </tr>
                    </table>
                    <table width="100%">
                        <tr>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Descripcion</label>
                            </td>
                            <td width="85%">
                                <input readonly type="text" class="form-control input-md input-descri" name="nombre" value="{{ $producto->nombre }}" style="text-transform: uppercase; width: 520px !important">
                            </td>
                        </tr>
                    </table>
                    <table width="100%">
                        <tr>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Rubro</label>
                            </td>
                            <td width="45%">
                                <select readonly id="rubro_id" name="rubro_id" class="required form-control col-sm-3 input-rubro" data-allow-clear="true">
                                    <option>...</option>
                                    @foreach( \DB::table("rubros")->orderBy("nombre")->get() as $rubro )
                                    <option value="{{ $rubro->id }}" selected>{{ strtoupper($rubro->codigo).' - '.strtoupper(trim($rubro->nombre))}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td width="10%"  height="45">
                                &nbsp;
                            </td>
                            <td width="30%">
                                &nbsp;
                            </td>

                        </tr>
                    </table>
                    <div class="clearfix"></div>
                    <table width="100%">
                        <tr>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Precio Und. ¥</label>
                            </td>
                            <td width="9%">
                                <input readonly type="text" value="{{ $producto->formula_precioxunidad }}" name="formula_precioxunidad" id="formula_precioxunidad" class="form-control size-1 input-num-sm-b" style="text-align: right" />
                            </td>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">{{ $producto->comprador_divisa }} x Und</label>
                            </td>
                            <td width="9%">
                                <input readonly type="text" value="{{ $producto->formula_costocif }}" name="formula_costocif" id="formula_costocif" class="form-control input-num-sm-b" style="text-align: right !important;" />
                            </td>
                            <td width="10%"  height="45">
                                &nbsp;
                            </td>
                            <td width="12%"  height="45">
                                &nbsp;
                            </td>
                            <td rowspan="3">
                                Información adicional del Producto
                                <textarea class="form-control" name="informacion" id="informacion" cols="30" rows="5" value="{{ $producto->informacion }}" style="text-transform: uppercase">{{ $producto->informacion }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Ctd. x Carton</label>
                            </td>
                            <td width="9%">
                                <input readonly type="text" value="{{ $producto->formula_cantidadxcarton }}" id="formula_cantidadxcarton" name="formula_cantidadxcarton" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                            </td>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">CBM x Carton</label>
                            </td>
                            <td width="9%">
                                <input readonly type="text" value="{{ $producto->formula_cubicajecarton }}" name="formula_cubicajecarton" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                            </td>
                            <td width="10%"  height="45">
                                <label class="control-label lbl-prs">Cartones</label>
                            </td>
                            <td width="12%">
                                <input readonly data-mask="decimal" type="text" value="{{ $producto->cantidadcartones }}" name="cantidadcartones" id="cantidadcartones" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Peso Und. (g)</label>
                            </td>
                            <td width="9%">
                                <input readonly data-mask="decimal" type="text" value="{{ number_format($producto->peso_und,0) }}" name="peso_und" id="peso_und" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                            </td>
                            <td width="15%"  height="45">
                                <label class="control-label lbl-prs">Peso Carton (Kg)</label>
                            </td>
                            <td width="9%">
                                <input readonly type="text" value="{{ $producto->peso_blt }}" id="peso_blt" name="peso_blt" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                            </td>
                            <td width="10%"  height="45">
                                &nbsp;
                            </td>
                            <td width="12%">
                                &nbsp;
                            </td>
                        </tr>
                    </table>

                    <div class="clearfix"></div>

                    <div class="form group col-sm-12 no-padding-left">
                        <div class="clearfix"></div>

                        <br>
                        <div class="form group col-sm-12">
                            <div class="form group col-sm-2 no-padding-left" style="width: 155px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="foto1" id="foto1" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto1 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto1 }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto1 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form group col-sm-2 no-padding-left" style="width: 155px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="foto2" id="foto2" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto2 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto2 }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto2 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form group col-sm-2 no-padding-left" style="width: 155px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="foto3" id="foto3" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto3 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto3 }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto3 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form group col-sm-2 no-padding-left" style="width: 155px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="foto4" id="foto4" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto4 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto4 }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto4 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form group col-sm-2 no-padding-left" style="width: 155px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="foto5" id="foto5" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto5 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto5 }}&w=150&h=150&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto5 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2 no-padding-left" style="width: 140px">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 140px; height: 110px;" data-trigger="fileinput">
                                        <img name="tarjeta_prv" class="image-zoom-big" data-url="/files/proveedores/{{ $producto->tarjeta_prv }}" src="/thumb/phpThumb.php?src=/public/files/proveedores/{{ $producto->tarjeta_prv }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->tarjeta_prv }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>
                <div class="modal-footer" style="text-align: left !important">
                    <button data-id_producto="{{ $producto->id }}" data-acc_form="{{ $acc }}" type="button" id="actualizarOrden-btn" data-loading-text="Loading..."  class="btn btn-warning btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
                    <button id="confirmar-btn-close" data-dismiss="modal" class="btn btn-default btn-icon btn-lg"><i class="entypo-cancel-squared"></i> Cancelar</button>
                </div>
                <input type="hidden" name="proveedor_id" id="proveedor_id" value="{{ $producto->proveedor_id }}"/>
                <input type="hidden" name="comprador_divisa" id="comprador_divisa" value="{{ $producto->comprador_divisa }}"/>
                <input type="hidden" name="comprador_id" id="comprador_id" value="{{ $producto->comprador_id }}"/>
                <input type="hidden" name="usr_modifica" id="usr_modifica" value="{{ $producto->usr_modifica }}"/>
                <input type="hidden" name="estado" id="estado" value="{{ $producto->estado }}"/>
                <input type="hidden" name="activo" id="activo" value="{{ $producto->activo }}"/>
                <input type="hidden" name="codigo" id="codigo" value="{{ $producto->codigo }}"/>
           </form>
        @endif

@section('footer')

    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="/plugins/bootstrap-filestyle/js/bootstrap-filestyle.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        setAjaxDatatable( '#table-1', '/compras/gestion/actualizar-orden/json/' );

    </script>

<script>
        var optionsForm = {
            beforeSubmit:  function() {},
            success:       function(data) {
                var curid = $("#prdid").val();
                $.ajax({
                    type: "GET",
                    url: "/compras/gestion/actualizar-orden/edit",
                    data: {item:curid },
                    dataType: "json",
                    success: function(aditm) {
                        $("#ref"+curid).html(aditm.newrefe);
                        $("#prc"+curid).html(numeral(aditm.newprc).format('0,000.00'));
                        $("#cxb"+curid).html(numeral(aditm.newcxb).format('0'));
                        $("#pxb"+curid).html(numeral(parseFloat(aditm.newprc*aditm.newcxb)).format('0,000.00'));
                        $("#cbm"+curid).html(numeral(aditm.newcbm).format('0.00'));
                        $("#blt"+curid).html(numeral(aditm.newblt).format('0'));
                        $("#kgm"+curid).html(numeral(aditm.newkgm).format('0.00'));
                        $("#trmb"+curid).html(numeral(parseFloat(aditm.newprc*aditm.newcxb)*aditm.newblt).format('0,000.00'));
                        $("#tcbm"+curid).html(numeral(aditm.newcbm*aditm.newblt).format('0.00'));
                        $("#tkgm"+curid).html(numeral(aditm.newkgm*aditm.newblt).format('0.00'));
                    }
                });
                $("#editar-btn-close").trigger('click');
                messageSimple(data);
            },
            dataType:  'json'
        };

        $('#actualizarOrden-form').ajaxForm(optionsForm);


        $(document).ready(function() {
            $(document).on("click","#actualizarOrden-btn" , function(){

                var id_producto = $(this).data('id_producto');
                var acc_form = $(this).data('acc_form');

                var formData = $('#actualizarOrden-form').formSerialize();

                var urlForm = "/compras/gestion/actualizar-orden/" + acc_form + "/" + id_producto;

                $.ajax({
                    url: urlForm,
                    type: "POST",
                    data: formData,
                    dataType: "json"
                }).done(function(adtm) {
                    messageSimple(adtm);4
                    $("#confirmar-btn-close").trigger('click');
                });
            });
        });

    </script>

    <script>
        $(document).ready(function() {
            $(document).on("change","#peso_und" , function(){
                //((peso_unitario*cantidadxcarton)+300)/1000
                var pesounidad = parseInt($("#peso_und").val());
                var cantidadcarton = parseInt($("#formula_cantidadxcarton").val());
                var total = ((pesounidad*cantidadcarton)+300)/1000;
                $("#peso_blt").val(total);
                return false;
            });

            $(document).on("change",".edtCtd" , function(){
                var codigo = $(this).data("index");
                //var dsmitm = $(this);
                var cantid = $("#ctd"+$(this).data("index")).val();
                var oldctd = $("#ctdh"+$(this).data("index")).val();
                if(isNaN(cantid) || cantid.length == 0 || parseInt(cantid) <= 0){
                    $("#ctd"+$(this).data("index")).val(oldctd);
                    return false;
                }
                $("#ctdh"+$(this).data("index")).val(cantid);


                $.ajax({
                    type: "GET",
                    url: "/compras/gestion/actualizar-orden/modificar_ctd",
                    data: { item:codigo,nctd:cantid,prc:2 },
                    dataType: "json",
                    success: function(aditm) {
                        shwdetalle(aditm);
                        messageSimple(aditm);

                        //gridOrdenes.fnReloadAjax();
                    }
                });
                //}
                //});
                return false;
            });
            $(document).on("focus",".edtCtd" , function(){
                $("#ctd"+$(this).data("index")).val('');
                return false;
            });
            $(document).on("blur",".edtCtd" , function(){
                var cantid = $("#ctd"+$(this).data("index")).val();
                var oldctd = $("#ctdh"+$(this).data("index")).val();
                if(cantid.length == 0){
                    $("#ctd"+$(this).data("index")).val(oldctd);
                    return false;
                }
            });
        });
        function shwdetalle(aditm){shwdetalle
            $("#totcar").html(aditm.cartones);
            $("#totcmp").html(aditm.comprado);
            $("#totcbm").html(aditm.cubicado);
            $("#totkgm").html(aditm.pesado);
        }
    </script>

@stop