@if($acc == "list" )
@include('layouts.breadcumb')
@section('header')
        <link rel="stylesheet" type="text/css" href="/plugins/gridforms/gridforms.css">
        <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
        <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
        <link rel="stylesheet" href="/layout/assets/css/prd_custom.css" rel="stylesheet" type="text/css"/>
    <style>
        .grid-form fieldset legend {
            border: none  !important;
            border-bottom: 2px solid #dadfe3 !important;
            color: #5f7676 !important;
            font-size: 20px !important;
            font-weight: 300 !important;
            padding: 5px 0px !important;
        }
        .grid-form [data-row-span] {
            border-bottom: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span] {
            border-right: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span]:last-child {
            border-right: none !important;
        }
    </style>
@parent
@stop


<div class="row">

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

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <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>PHOTO</th>
                            <th>ITEM NUMBER</th>
                            <th>DESCRIPTION</th>
                            <th>SUPPLIER PHOTO</th>
                            <th>Buyer Currency</th>
                            <th>¥ x Unit</th>
                            <th>QTY x CTN</th>
                            <th>¥ x CARTON</th>
                            <th>CBM x CARTON</th>
                            <th>Kg x CARTON</th>
                            <th>CREATED</th>
                            <th width="1%">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>

                        </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                    <tr>
                        @foreach($totales as $total)
                            <th></th>
                            <th></th>
                            <th></th>
                            <th>TOTALES:</th>
                            <th style="text-align: right">${{number_format( $total->formula_costocif)}}</th>
                            <th style="text-align: right">${{number_format( $total->formula_precioxunidad)}}</th>
                            <th style="text-align: right">{{number_format( $total->formula_cantidadxcarton)}}</th>
                            <th style="text-align: right">${{number_format( $total->rmbxcarton)}}</th>
                            <th style="text-align: right">{{number_format( $total->formula_cubicajecarton)}}</th>
                            <th style="text-align: right">{{number_format($total->peso_blt)}}</th>
                            <th></th>
                            <th></th>
                        @endforeach
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="md-fab-wrapper">
    <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax-big" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class="mdi mdi-playlist-plus"></i>
    </a>
</div>
@endif


@if( $acc == 'edit' || $acc == 'add' )
    <form  role="form" action="/compras/registrar/nuevo-producto/{{$acc}}/{{ $producto->id }}" id="editarProducto-form" method="post" class="form-horizontal form-groups-bordered grid-form" 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;">
            @if( $acc == 'edit')
            EDIT:  -  ( SUPPLIER ITEM NUMBER:  )            @endif
            @if( $acc == 'add')
            ADD PRODUCT            @endif
        </h3>
    </div>

    <div class="modal-body">
        <fieldset>
        <div data-row-span="7">
            <div data-field-span="1">
                <label class="title_grd red">Supplier Item Number</label>
                <input type="text" class="form-control" data-place="top"  value="{{ $producto->proveedor_codigo }}" id="proveedor_codigo" name="proveedor_codigo" />
            </div>
            <div data-field-span="1">
                <label class="title_grd red">Item Number</label>
                <input type="hidden" class="form-control" data-place="top"  value="{{ $producto->id }}" id="prdid" name="prdid" />
                <input readonly type="text" class="form-control" id="referencia" value="{{ $producto->referencia }}" style="text-align: center"/>
            </div>
            <div data-field-span="3">
                <label class="title_grd red">Description</label>
                <input type="text"  class="form-control" data-place="top"  value="{{ $producto->nombre }}" id="nombre" name="nombre" />
            </div>
            <div data-field-span="2">
                <label class="title_grd red">Type of Product</label>
                <select id="rubro_id" name="rubro_id" class="form-control select2 val_fld1" data-place="top" 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>
                <input type="hidden" id="rbr_id" name="rbr_id" value="{{ $producto->rubro_id }}"/>
            </div>
        </div>
        <div data-row-span="5">
            <div data-field-span="1">
                <label class="title_grd red">Unit Price. ¥</label>
                <input type="hidden" value="{{ $producto->formula_precioxunidad }}" id="prcxund"/>
                <input type="text" class="form-control inputDec" data-place="top"  value="{{ $producto->formula_precioxunidad }}" id="formula_precioxunidad" name="formula_precioxunidad" />
            </div>
            <div data-field-span="1">
                <label class="title_grd red">Qty. x Carton</label>
                <input type="hidden" value="{{ $producto->formula_cantidadxcarton }}" id="ctdxemp"/>
                <input type="text" class="form-control wgh inputInt" data-place="top"  value="{{ $producto->formula_cantidadxcarton }}" id="formula_cantidadxcarton" name="formula_cantidadxcarton" />
            </div>
            <div data-field-span="1">
                <label class="title_grd red">CBM x Carton</label>
                <input type="hidden" value="{{ $producto->formula_cubicajecarton }}" id="cbmxemp"/>
                <input type="text" class="form-control inputDec" data-place="top"  value="{{ $producto->formula_cubicajecarton }}" id="formula_cubicajecarton" name="formula_cubicajecarton" />
            </div>
            <div data-field-span="1">
                <label class="title_grd red">Unit Weight (g)</label>
                <input type="hidden" value="{{ $producto->peso_und }}" id="pesound"/>
                <input type="text" class="form-control wgh inputInt" data-place="top"  value="{{ number_format($producto->peso_und,0) }}" id="peso_und" name="peso_und" />
            </div>
            <div data-field-span="1">
                <label class="title_grd">Carton Weight (Kg)</label>
                <input type="text" class="form-control inputDec" data-place="top"  value="{{ $producto->peso_blt }}" id="peso_blt" name="peso_blt" />
            </div>
        </div>
            <div data-row-span="4">
                <div data-field-span="1">
                    <label class="title_grd red">QQ Number</label>
                    <input type="hidden" class="form-control" data-place="top"  value="{{ $producto->proveedor_id }}" id="prvid" name="prvid" />
                    <input type="text" class="form-control inputInt" data-place="top"  value="{{ $producto->qq_number }}" id="qq_number" name="qq_number" />
                </div>
                <div data-field-span="1">
                    <label class="title_grd red">Booth Number</label>
                    <input type="text" class="form-control inputInt" style="text-align: left !important;" data-place="top"  value="{{ $producto->boot_number }}" id="boot_number" name="boot_number" />
                </div>
                <div data-field-span="2">
                    <label class="title_grd">Email</label>
                    <input type="text" class="form-control" data-place="top"  value="{{ $producto->email }}" id="email" name="email" />
                </div>
            </div>
        <div data-row-span="5">
            <div data-field-span="5">
                <label disabled class="title_grd">More Info</label>
                <textarea style="padding-left: 10px !important;" name="informacion" id="informacion" value="{{ $producto->informacion }}" style="text-transform: uppercase; width: 300px !important">{{ $producto->informacion }}</textarea>
            </div>
        </div>
        <div data-row-span="6">


                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd red">IMAGE 1</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto1 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/productos/{{$producto->foto1}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="foto1" name="foto1" />
                </div>
                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd">IMAGE 2</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto2 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/productos/{{$producto->foto2}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                    <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="foto2" name="foto2" />
                </div>
                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd">IMAGE 3</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto3 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/productos/{{$producto->foto3}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                    <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="foto3" name="foto3" />
                </div>
                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd">IMAGE 4</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto4 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/productos/{{$producto->foto4}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                    <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="foto4" name="foto4" />
                </div>
                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd">IMAGE 5</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto5 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/productos/{{$producto->foto5}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                    <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="foto5" name="foto5" />
                </div>
                <div data-field-span="1" style="text-align: center">
                    <label class="title_grd red">SUPPLIER CARD</label>
                    <div class="fileinput-new thumbnail" style="width: 100px; height: 100px;" data-trigger="fileinput">
                        <img style="cursor:pointer; " data-url="{{ \Session::get('dominio') }}/files/proveedores/{{ $producto->tarjeta_prv }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/files/proveedores/{{$producto->tarjeta_prv}}" class="img-responsive img-thumbnail image-zoom" >
                    </div>
                    <input  type="file" class="form-control input-lg hlp fto" data-place="top" data-help="LOGO DE LA MARCA DEL PROVEEDOR" id="tarjeta_prv" name="tarjeta_prv" />
                </div>
        </div>
        </fieldset>

        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
        <br><br>
    <div class="clearfix"></div>
    <div class="modal-footer" >
        <button id="editar-btn-close" class="btn btn-rounded  waves-light waves-effect btn-inverse btn-icon btn-lg" data-dismiss="modal"><i class="fa fa-close"></i> Cancel</button>
        <button type="submit"  data-loading-text="Loading..."  class="btn btn-orange btn-rounded waves-light waves-effect btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>

        <input type="hidden" value="{{ $producto->id }}" id="codigo" name="codigo"/>
    </div>
        <input type="hidden" name="_token" value="