@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" data-collapsed="0">

        <!-- panel head -->
        <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>NOMBRE</th>
                    <th>CONTACTO</th>
                    <th>EMAIL</th>
                    <th>TELÉFONO</th>
                    <th width="7%">EMAILS</th>
                    <th width="7%">EDITAR</th>
                </tr>
                <tr class="filter-column-tr">
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>

                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="md-fab-wrapper">
    <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax-med" class="md-fab md-fab-danger show-loading waves-light waves-effect">
        <i class="mdi mdi-playlist-plus"></i>
    </a>
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            setAjaxDatatable("#table-1","/compras/parametros/clientes/json/")
        });
    </script>
@stop
@endif


@if( $acc == "edit" || $acc == "add" )
    <!--Ventana Flotante para Agregar/Editar los Usuarios registrados como Compradores-->
    <form method="post" action="{{ $baseUrl }}" role="form" class="validate">
        <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>
            <table width="100%">
                <tr>
                    <div class="form-group col-md-8 no-padding">
                        <label for="nombre">NOMBRE</label>
                        <input required="required" type="text" class="form-control input-descri" name="nombre" value="{{ $cliente->nombre }}" id="nombre" style="text-transform: uppercase"/><input value="{{ $cliente->apellidos }}" data-validate="required" type="hidden" name="apellidos" id="apellidos" class="form-control" style="text-transform: uppercase">
                    </div>
                    <div class="form-group col-md-4 no-padding">
                        <label class="title_grd red">SHIPPING MARK</label>
                        <input type="text" class="form-control  input-descri" data-place="top"  data-validate="required maxlength[10]" value="{{ $cliente->chip_marc }}" id="chip_marc" name="chip_marc" />
                    </div>
                    <div class="form-group col-md-12 no-padding">
                        <label for="ciudad">CONTACTO</label>
                        <input value="{{ $cliente->ciudad }}" data-validate="required" type="text" name="ciudad" id="ciudad" class="form-control input-descri">
                    </div>
                    <div class="form-group col-md-12 no-padding">
                        <label for="nombre">NAME IN CONTRACT - 名称在合同中</label>
                        <input required="required" type="text" class="form-control input-descri" name="shp_nombre" value="{{ $cliente->shp_nombre }}" id="shp_nombre" style="text-transform: uppercase"/>
                    </div>
                    <div class="form-group col-md-12 no-padding">
                        <label for="ciudad">ADDRESS IN CONTRACTS - 合同地址</label>
                        <input value="{{ $cliente->shp_direccion }}" data-validate="required" type="text" name="shp_direccion" id="shp_direccion" class="form-control input-descri">
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group col-md-6 no-padding">
                        <label for="telefono">TELEFONO</label>
                        <input data-mask="decimal" value="{{ $cliente->telefono }}" type="text" name="telefono" id="telefono" class="form-control input-descri">
                    </div>
                    <div class="form-group col-md-6 no-padding">
                        <label for="email">E-MAIL</label>
                        <input value="{{ $cliente->email }}" type="text" name="email" id="email" class="form-control input-mail">
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group col-md-6 no-padding">
                        <label for="email">Username</label>
                        <input value="{{ $cliente->username }}" data-validate="required" type="text" name="username" id="username" class="form-control input-usr">
                    </div>
                    <div class="form-group col-md-6 no-padding">
                        <label for="password">Password</label>
                        <input  type="password" value="" {{ ($acc == "add")?'data-validate="required"':'' }} name="password" id="password" class="form-control input-pss">
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group col-md-3 no-padding">
                        <label for="exampleInputPassword1">VER CXC</label><br/>
                        <input type="hidden" name="ve_cxc" value="0">
                        <div class="btn-switch btn-switch-primary">
                            <input type="checkbox" name="ve_cxc" id="ve_cxc" value="1" {{ (1 == $cliente->ve_cxc)?'checked="false"':''}}/>
                            <label for="ve_cxc"
                                   class="btn btn-rounded btn-primary waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                            </label>
                        </div>
                    </div>
                    <div class="form-group col-md-3 no-padding">
                        <label for="exampleInputPassword1">VE CATALOGO</label><br/>
                        <input type="hidden" name="catalogo" value="0">
                        <div class="btn-switch btn-switch-purple">
                            <input type="checkbox" name="catalogo" id="catalogo" value="1" {{ (1 == $cliente->catalogo)?'checked="false"':''}}/>
                            <label for="catalogo"
                                   class="btn btn-rounded btn-purple waves-effect waves-light">
                                <em class="glyphicon glyphicon-ok"></em>
                            </label>
                        </div>
                    </div>
                </tr>
            </table>
            <div class="form-group col-md-3">
                <div class="clearfix"></div>
            </div>

            <div class="clearfix"></div>
            <div class="modal-footer">
                <button type="submit" data-loading-text="Loading..."  class="btn btn-orange btn-icon btn-lg btn-rounded waves-light waves-effect "><i class="fa fa-save"></i> Guardar</button>
                <button type="button" class="btn btn-inverse btn-icon btn-lg btn-rounded waves-light waves-effect " data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>
            </div>
            <input type="hidden" name="_token" value="