@if($acc == "list" )

    @section('header')

        <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
        <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/plugins/gridforms/gridforms.css">
        <link rel="stylesheet" href="/layout/assets/css/prd_custom.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="/plugins/switchery/switchery.min.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>
    @stop

@include('layouts.breadcumb')
    <div class="row">

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


            </div>
            <!-- panel body -->
            <div class="panel-body">
                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                    <thead>
                        <tr>
                            <th width="10%">FOTO</th>
                            <th>SHIP. MARC</th>
                            <th>NOMBRE</th>
                            <th>SHIP MATRIZ</th>
                            <th>USERNAME</th>
                            <th>EMAIL</th>
                            <th>EMAIL</th>
                            <th>EDITAR</th>

                        </tr>
                        <tr class="filter-column-tr">
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <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-plus"></i>
                    </a>
                </div>

            </div>
        </div>
    </div>
@endif
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
    <script type="text/javascript" src="/plugins/gridforms/gridforms.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
    <script type="text/javascript">
        setAjaxDatatable("#table-1","/compras/compradores/index/json/");
    </script>
@stop

@if( $acc == "edit" || $acc == "add" )
<!--Ventana Flotante para Agregar/Editar los Usuarios registrados como Compradores-->
<form class="grid-form" id="buyers" method="post" enctype="multipart/form-data" action="{{ $baseUrl }}">

    <div class="modal-header">
        <h4 class="modal-title">
            {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} {{ strtoupper($breadcumb->nombre) }}
        </h4>
    </div>
    <div class="modal-body">

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

            <fieldset>

                <div data-row-span="8">
                    <div data-field-span="1">
                        <label class="title_grd red">Shipping Mark</label>
                        <input type="text" class="form-control" data-place="top"  data-validate="required maxlength[10]" value="{{ $comprador->chip_marc }}" id="chip_marc" name="chip_marc" />
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd red">Ship Matriz</label>
                        <select id="chip_padre" name="chip_padre" class="form-control select2 val_fld1" data-place="top" data-allow-clear="true">
                            <option>...</option>
                            @foreach( $supervisa as $superv )
                                <option value="{{ $superv->id }}" selected>{{ strtoupper(trim($superv->chip_marc))}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div data-field-span="4">
                        <label class="title_grd">Nombre</label>
                        <input type="text" class="form-control" data-place="top"  value="{{ $comprador->nombre }}" id="nombre" name="nombre" />
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd">Username</label>
                        <input type="text" class="form-control" data-place="top"  value="{{ $comprador->username }}" id="username" name="username" />
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd">Password</label>
                        <input type="password" class="form-control"  value="" id="password" name="password" {{ ($acc == "add")?'data-validate="required"':'' }} />
                    </div>
                </div>
                <div data-row-span="7">
                    <div data-field-span="2">
                        <label class="title_grd">E - mail</label>
                        <input type="text" class="form-control" data-place="top" value="{{ strtolower($comprador->email) }}" id="email" name="email" />
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="supervisa" value="2">
                        <div class="btn-switch btn-switch-orange">
                            <input type="checkbox" name="supervisa" id="supervisa" value="1" {{ (1 == $comprador->supervisa)?'checked="false"':''}}/>
                            <label for="supervisa"
                                   class="btn btn-rounded btn-orange waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> ES SUPERVISOR</strong>
                            </label>
                        </div>
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="catalogo" value="2">
                        <div class="btn-switch btn-switch-primary">
                            <input type="checkbox" name="catalogo" id="catalogo" value="1" {{ (1 == $comprador->catalogo)?'checked="false"':''}}/>
                            <label for="catalogo"
                                   class="btn btn-rounded btn-primary waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> VE CATALOGO</strong>
                            </label>
                        </div>
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="ve_costo_cif" value="2">
                        <div class="btn-switch btn-switch-primary">
                            <input type="checkbox" name="ve_costo_cif" id="ve_costo_cif" value="1" {{ (1 == $comprador->ve_costo_cif)?'checked="false"':''}}/>
                            <label for="ve_costo_cif"
                                   class="btn btn-rounded btn-primary waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> VE COSTO CIF</strong>
                            </label>
                        </div>
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="ve_control" value="2">
                        <div class="btn-switch btn-switch-primary">
                            <input type="checkbox" name="ve_control" id="ve_control" value="1" {{ (1 == $comprador->ve_control)?'checked="false"':''}}/>
                            <label for="ve_control"
                                   class="btn btn-rounded btn-primary waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> VE QUALITY CTRL</strong>
                            </label>
                        </div>
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="aprueba_ctr" value="2">
                        <div class="btn-switch btn-switch-primary">
                            <input type="checkbox" name="aprueba_ctr" id="aprueba_ctr" value="1" {{ (1 == $comprador->aprueba_ctr)?'checked="false"':''}}/>
                            <label for="aprueba_ctr"
                                   class="btn btn-rounded btn-primary waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> APRUEBA QLTY</strong>
                            </label>
                        </div>
                    </div>
                </div>

                <div data-row-span="6">
                    <div data-field-span="1">
                        <label class="title_grd">Idioma</label>
                        <select id="idioma" name="idioma" class="form-control select2" data-place="top" data-allow-clear="true">
                            <option  value="1">ESPAÑOL</option>
                            <option  value="2">INGLES</option>
                        </select>
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd">Moneda Local</label>
                        @if( isset( $nombremonedalocal ) ) <input type="hidden" name="idNombremonedalocal" value="{{ $nombremonedalocal->id }}"/> @endif
                        <input type="text" class="form-control" id="nombremonedalocal" name="nombremonedalocal" data-validate="required"
                               @if( isset( $nombremonedalocal ) ) value="{{ $nombremonedalocal->valor }}" @endif />
                    </div>
                    <div data-field-span="1" style="text-align: center !important;">
                        <label class="title_grd">&nbsp;</label>
                        <input type="hidden" name="calcula" value="2">
                        <div class="btn-switch btn-switch-danger">
                            <input type="checkbox" name="calcula" id="calcula" value="1" {{ (1 == $comprador->calcula)?'checked="false"':''}}/>
                            <label for="calcula"
                                   class="btn btn-rounded btn-danger waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                                <strong> USA CALCULADORA</strong>
                            </label>
                        </div>
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd">Tipo Contenedor</label>
                        @if( isset( $tipocontenedor ) ) <input type="hidden" name="idTipocontenedor" value="{{ $tipocontenedor->id }}"/> @endif
                        <input type="text" class="form-control" id="tipocontenedor" name="tipocontenedor" data-validate="required" value="{{ $tipocontenedor->valor }}">
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd">CMB (m³)</label>
                        @if( isset( $metroscubicoscontenedor ) ) <input type="hidden" name="idMetroscubicoscontenedor" value="{{ $metroscubicoscontenedor->id }}"/> @endif
                        <input type="text" class="form-control inputDec" id="metroscubicoscontenedor" name="metroscubicoscontenedor" data-validate="required"
                               @if( isset( $metroscubicoscontenedor ) ) value="{{ $metroscubicoscontenedor->valor }}" @endif/>
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Costo Contenedor</label>
                        @if( isset( $costoContenedor ) ) <input type="hidden" name="idCostoContenedor" value="{{ $costoContenedor->id }}"/> @endif
                        <input type="text" class="form-control" id="costoContenedor" name="costoContenedor" data-validate="required" @if( isset( $costoContenedor ) ) value="{{ $costoContenedor->valor }}" @endif/>
                    </div>
                </div>

                <div data-row-span="5">
                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Dolar x M. Local</label>
                        @if( isset( $monedalocalfrentedolar ) ) <input type="hidden" name="idMonedalocalfrentedolar" value="{{{ $monedalocalfrentedolar->id }}}"/> @endif
                        <input type="text" class="form-control val_fld1 hlp  red mst" id="monedalocalfrentedolar" name="monedalocalfrentedolar" data-validate="required"
                        @if( isset( $monedalocalfrentedolar ) ) value="{{ $monedalocalfrentedolar->valor }}" @endif />
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Dolar x RMB</label>
                        @if( isset( $rmb ) ) <input type="hidden" name="idRmb" value="{{{ $rmb->id }}}"/> @endif
                        <input type="text" class="form-control val_fld1 hlp  red mst" id="rmb" name="rmb" data-validate="required"
                        @if( isset( $rmb ) ) value="{{ $rmb->valor }}" @endif />
                    </div>
                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Cargos en China</label>
                        <input type="text" data-mask="decimal" class="form-control val_fld1 hlp inputDec red mst" id="cargosChina" name="cargosChina" data-validate="required" value="0">

                    </div>
                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Otros Cargos</label>
                        <input type="text" data-mask="decimal" class="form-control val_fld1 hlp inputDec red mst" id="otroscargos" name="otroscargos" data-validate="required" value="0">

                    </div>

                    <div data-field-span="1">
                        <label class="title_grd" id="lb_ancho_caja_inner">Cargos Importación</label>
                        <input type="text" data-mask="decimal" class="form-control val_fld1 hlp inputDec red mst" id="cargosImportacion" name="cargosImportacion" data-validate="required" value="0">
                    </div>
                </div>
            </fieldset>



        <div class="form-group col-md-3">

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


        </div>

        <div class="clearfix"></div>
        <div class="modal-footer">
            <button type="button" class="btn btn-inverse btn-rounded waves-effect btn-lg btn-icon" data-dismiss="modal"><i
                        class="fa fa-close"></i> Cerrar</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>
        </div>
        <input type="hidden" name="_token" value="