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

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

            @if( count($temporales) > 0 && !Input::get('edit') )
            <button id="retomar-modal-btn" data-toggle="modal" data-target="#retomar-modal" style="margin-top: 3px; margin-right: 3px;" rel="tooltip" title="Haga click si desea retomar un Invoice guardado anteriormente" id="load-pedido-btn" type="button" class="btn btn-primary btn-rounded waves-effect waves-ligth pull-right btn-lg btn-icon">RETOMAR INVOICES <i class="fa fa-edit"></i></button>
            @endif

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form style="padding-top: 20px;" method="get" action="#" accept-charset="UTF-8" class="validate" id="frm_addedt" novalidate="novalidate">
                <div class="form-group col-md-4">
                    <label for="comprador_id" class="control-label">Shipping Mark</label>
                    <select class="select2" name="comprador_id" id="comprador_id">
                        <option value="">- Choose -</option>
                        @foreach($clientes as $cliente)
                            <option value="{{ $cliente->chip_padre }}">{{ strtoupper($cliente->chip_marc) }} - {{ $cliente->nombre }}</option>
                        @endforeach
                    </select>
                </div>
                 <div class="form-group col-md-3">
                     <label for="invoice_id" class="control-label">Invoice #</label>
                     <div class="input-group">
                         <input type="text" style="text-transform: uppercase;" name="invoice_id" id="invoice_id" class="form-control input-md" maxlength="10" readonly><span class="input-group-addon">#</span>
                     </div>
                 </div>
                <div class="form-group col-md-2 pull-right">
                    <label class="control-label">Date</label>
                    <div class="input-group">
                        <input type="text" name="fecha" id="fecha" class="form-control" value="{{ Input::has('fecha') ? Input::get('fecha') : date('d-m-Y')  }}"  >

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

            <div id="carroDiv" style="display: none">
                <hr />
                <ul class="nav nav-tabs bordered">
                    <li class="active" id="pedidosTabBtn"><a href="#pedidosDiv" data-toggle="tab">PRODUCTS</a></li>
                    <li id="gastosTabBtn"><a href="#gastosDiv" data-toggle="tab">EXPENSES</a></li>
                </ul>

                @if( !Input::get('edit') )
                    <button style="margin-top: -52px;" rel="tooltip" title="Guardar Invoice Temporalmente" id="guardar-pedido-btn" type="button" class="btn btn-danger btn-rounded waves-effect waves-ligth pull-right btn-lg btn-icon">GUARDAR INVOICE <i class="fa fa-save"></i></button>
                @endif

                <div class="tab-content">
                    <div class="tab-pane active" id="pedidosDiv">
                        <form action="/compras/invoices/referencias-add/" method="post" id="pedidos-form" name="pedidos-form">

                            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive"  id="pedidos-table-form">
                                <thead>
                                <tr>
                                    <th width="2%"></th>
                                    <th width="5%">Orden</th>
                                    <th width="15%">Ref</th>
                                    <th width="15%">Desc</th>
                                    <th>Qty/Ctn</th>
                                    <th>Ctns</th>
                                    <th>Qty</th>
                                    <th>Unidad</th>
                                    <th>CBM Ctn</th>
                                    <th>Peso Ctn</th>
                                    <th>¥ Und</th>
                                    <th>Total ¥</th>
                                    <th></th>
                                </tr>
                                </thead>

                                <tbody>
                                <tr>
                                    <td style="text-align: center;">
                                        <a id="buscar-producto-btn" data-toggle="modal" data-target="#productos-modal" href="#" rel="tooltip" data-original-title="Buscar Producto">
                                            <i style="font-size: 1.7em;" class="fa fa-search-plus"></i>
                                        </a>
                                    </td>
                                    <td>
                                        <input type="hidden" name="contrato" id="contrato" />
                                        <input type="hidden" name="contrato_id" id="contrato_id" />
                                        <input type="hidden" name="recepcion_id" id="recepcion_id" />

                                        <input type="hidden" name="orden_id" id="orden_id" /><input type="hidden" name="peso_und" id="peso_und" /><input type="hidden" name="numero" id="numero" />
                                        <span id="orden_idTxt">---</span><br />
                                    </td>
                                    <td>
                                        <input type="hidden" name="referencia" id="referencia" /><input type="hidden" name="cbm_und" id="cbm_und" /><input type="hidden" name="ctd_blt" id="ctd_blt" />
                                        <span id="referenciaTxt">---</span><br />
                                    </td>
                                    <td>
                                        <input type="hidden" name="nombre" id="nombre" />
                                        <span id="nombreTxt">---</span>
                                    </td>
                                    <td>
                                        <input required type="text" style="text-align: right;" class="form-control size-1 input-num-sm-l" name="formula_cantidadxcarton" readonly id="formula_cantidadxcarton" />
                                    </td>
                                    <td>
                                        <input required type="text" style="text-align: right;" class="form-control size-1 input-num-sm-l" name="cantidad_caja" id="cantidad_caja" />
                                        <input type="hidden" class="form-control size-1 input-num-sm-l" id="cantidad_old" />
                                    </td>
                                    <td>
                                        <input readonly required data-mask="text" type="text" style="text-align: right;" class="form-control size-1 input-num-sm-b" name="qty" id="qty" />
                                    </td>
                                    <td>
                                        <select name="unidad" id="unidad" class="form-control">
                                            @foreach( $unidades as $unidad )
                                            <option value="{{ $unidad->id }}">{{ $unidad->codigo }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <input readonly required type="text" style="text-align: right;" class="form-control size-1 input-num-sm-b" name="cubicaje_caja" id="cubicaje_caja" />
                                    </td>
                                    <td>
                                        <input readonly required type="text" style="text-align: right;" class="form-control size-1 input-num-sm-b" name="peso_caja" id="peso_caja" />
                                    </td>
                                    <td>
                                        <input readonly required type="text" style="text-align: right;" class="form-control size-1 input-num-sm-b" name="formula_precioxunidad" id="formula_precioxunidad" />
                                    </td>
                                    <td class="center-aligned">
                                        <input readonly type="text" style="text-align: right;" class="form-control size-1 input-num-md-b" name="total" id="total" />
                                    </td>
                                    <td>
                                        <button rel="tooltip"
                                                id="agregar-producto-btn"
                                                style="margin-right: 20px;"
                                                data-original-title="AGREGAR REFERENCIA"
                                                type="submit"
                                                class="button-icon btn btn-inverse btn-rounded waves-effect waves-light btn-lg">
                                            <i class="fa fa-2x fa-shopping-cart"></i>
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <input type="hidden" name="_token" value="