@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-warning panel-border">
        <div class="panel-body">
            <div class="clearfix"></div>
            <div class="card-box table-responsive">
                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                    <thead>
                    <tr>
                        <th>SHIPPING</th>
                        <th>IMAGEN</th>
                        <th>CÓD. PROVEEDOR</th>
                        <th width="8%">REFERENCIA</th>
                        <th width="20%">NOMBRE</th>
                        <th width="5%">TARJ. PRV</th>
                        <th width="8%">PRECIO ¥ x Und</th>
                        <th width="8%">CTD x CARTON</th>
                        <th width="8%">¥ x CARTON</th>
                        <th width="8%">CBM x CARTON</th>
                        <th width="5%">PESO x CARTON(Kg)</th>
                        <th width="5%">CARTONES</th>
                        <th width="5%">TOTAL COMPRA ¥</th>
                        <th width="5%">TOTAL CBM</th>
                        <th width="5%">PESO TOTAL(Kg)</th>
                        <th width="5%">CREADO</th>
                        <th width="2%">Editar</th>
                        <th width="2%">Confirmar</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>
                        <td></td>
                        <td></td>

                    </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">TOTALES</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>
                    <th></th>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
@endif

                <!--Acción para Agregar o Editar Nuevo Producto-->
@if( $acc == 'edit' || $acc == 'add' )
    <form method="post" action="{{ $baseUrl }}" id="confirmarOrden-form"  role="form" enctype="multipart/form-data" class="validate">

            @if( $acc == 'edit' )
            <table width="100%">
                <tr>
                    <td width="100%" height="45">
                        <a href="{{ $breadcumb->url }}top" class="btn btn-warning">PRIMERO</a>&nbsp;<a href="{{ $breadcumb->url }}prv/{{ $producto->id }}" class="btn btn-warning">ANTERIOR</a>&nbsp;<a href="{{ $breadcumb->url }}nxt/{{ $producto->id }}" class="btn btn-warning">SIGUIENTE</a>&nbsp;<a href="{{ $breadcumb->url }}btn" class="btn btn-warning">ÚLTIMO</a>
                    </td>
                </tr>
            </table>
            @endif

            <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 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 disabled type="text" readonly class="form-control input-rbr" 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 type="text" class="form-control input-md input-descri" name="nombre" value="{{ $producto->nombre }}" style="text-transform: uppercase">
                    </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 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="10%">
                        <input 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="10%">
                        <input readonly type="text" value="{{ $producto->formula_costocif }}" name="formula_costocif" id="formula_costocif" class="form-control input-rbr" style="text-align: right !important;" />
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="25%">
                        &nbsp;
                    </td>
                </tr>
            </table>
            <div class="clearfix"></div>
            <table width="100%">
                <tr>
                    <td width="15%"  height="45">
                        <label class="control-label lbl-prs">Ctd. x Carton</label>
                    </td>
                    <td width="10%">
                        <input 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="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="25%">
                        &nbsp;
                    </td>
                </tr>
            </table>
            <div class="clearfix"></div>
            <table width="100%">
                <tr>
                    <td width="15%"  height="45">
                        <label class="control-label lbl-prs">CBM x Carton</label>
                    </td>
                    <td width="10%">
                        <input 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">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="25%">
                        &nbsp;
                    </td>
                </tr>
            </table>
            <div class="clearfix"></div>
            <table width="100%">
                <tr>
                    <td width="15%"  height="45">
                        <label class="control-label lbl-prs">Cartones</label>
                    </td>
                    <td width="10%">
                        <input type="text" value="{{ $producto->cantidadcartones }}" name="cantidadcartones" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="25%">
                        &nbsp;
                    </td>
                </tr>
            </table>
            <div class="clearfix"></div>
            <table width="100%">
                <tr>
                    <td width="15%"  height="45">
                        <label class="control-label lbl-prs">Peso Und. (g)</label>
                    </td>
                    <td width="10%">
                        <input type="text" value="{{ $producto->peso_und }}" name="peso_und" id="peso_und" class="form-control size-1 input-num-sm-b" style="text-align: right"/>
                    </td>
                    <td width="12%"  height="45">
                        <label class="control-label lbl-prs">Peso Carton (Kg)</label>
                    </td>
                    <td width="10%">
                        <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="10%">
                        &nbsp;
                    </td>
                    <td width="10%"  height="45">
                        &nbsp;
                    </td>
                    <td width="25%">
                        &nbsp;
                    </td>
                </tr>

            </table>
            <div class="clearfix"></div>
            <div class="form group col-sm-12">
                <div class="clearfix"></div>
                <br>
                <div class="form group col-sm-12">
                    <div class="form group col-sm-2" style="width: 200px">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" 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=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto1 }}">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Seleccionar Imagen 1</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="foto1" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                    <div class="form group col-sm-2" style="width: 200px">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" data-trigger="fileinput">
                                <img name="foto2" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto2 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto2 }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto2 }}">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Seleccionar Imagen 2</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="foto2" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                    <div class="form group col-sm-2" style="width: 200px">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" data-trigger="fileinput">
                                <img name="foto3" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto3 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto3 }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto3 }}">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Seleccionar Imagen 3</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="foto3" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                    <div class="form group col-sm-2" style="width: 200px">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" data-trigger="fileinput">
                                <img name="foto4" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto4 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto4 }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto4 }}">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Seleccionar Imagen 4</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="foto4" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                    <div class="form group col-sm-2" style="width: 200px">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" data-trigger="fileinput">
                                <img name="foto5" class="image-zoom-big" data-url="/files/productos/{{ $producto->foto5 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto5 }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $producto->foto5 }}">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Seleccionar Imagen 5</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="foto5" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <br>
                </div>
                <div class="clearfix"></div>
                <br>
                <div class="col-sm-3">
                    <div class="form group col-sm-3">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 180px; height: 150px;" 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 class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                            <div>
                            <span class="btn btn-white btn-file">
                                <span class="fileinput-new">Tarjeta Proveedor</span>
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="tarjeta_prv" accept="image/*">
                            </span>
                                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Borrar</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-5">
                    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>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="modal-footer" style="text-align: left !important">
                <button type="button" id="confirmar-btn" data-loading-text="Loading..."  class="btn btn-warning btn-icon btn-lg"><i class="fa fa-thumbs-o-up"></i> Desconfirmar</button>
                <a href="{{ $breadcumb->url }}" class="btn btn-default btn-icon btn-lg"><i class="entypo-cancel-squared"></i> Cancelar</a>
            </div>
        </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/desconfirmar-orden/json/' );

    </script>
    <script>

        $(document).ready(function() {
            $(document).on("click","#confirmar-btn" , function(){
                bootbox.confirm("Está seguro de Desconfirmar ésta orden?", function(result) {
                    if( result ) {
                        $("#confirmarOrden-form").submit();
                    }
                });
            });

        });
    </script>

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

@stop