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

        <!-- panel head -->
        <div class="panel-heading">



        </div>
        <!-- panel body -->
        <div class="panel-body">

            {{ Form::open( array( 'method' => 'GET', 'role' => 'form', 'class' => 'validate',  'autocomplete'=>'off' )) }}
                    <br>
                     <div class="form-group col-md-5 no-padding-left">

                        {{Form::hidden('menu', Input::get(menu))}}

                         {{ Form::label('lb_regional', _('Regional'), ['class'=>'control-label']) }}
                             <select name="regional" class="'form-control select2 required" id="regional"  data-allow-clear="true" data-placeholder='Seleccione la regional'>
                                     <option value="-1" @if($regional == -1) selected @endif>Todas las Regionales</option>
                                     @if($regionales)
                                         @foreach($regionales as $rowr)
                                             <option value="{{$rowr->id}}" @if($regional == $rowr->id) selected @endif>{{$rowr->title}}</option>
                                         @endforeach
                                     @endif
                              </select>
                     </div>

                    <br>
                    <button type="submit"  class="btn btn-rounded waves-light waves-effect btn-warning btn-lg ">Ver Asesores<i class="entypo-search"></i></button>
                    <div class="clearfix"></div>
                    <br>
            </form>


            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>

                    <tr>
                        <th style="width: 7%; text-align: center">CODIGO</th>
                        <th >NOMBRE</th>
                        <th style="width: 8%; text-align: center">USUARIO</th>
                        <th style="width: 8%; text-align: center">CLAVE</th>
                        <th style="width: 8%; text-align: center">CELULAR</th>
                        <th style="width: 10%; text-align: center">EMAIL</th>
                        <th style="width: 15%; text-align: center">REGIONAL</th>
                        <th style="width: 7%; text-align: center">Editar</th>
                        <th style="width: 7%; text-align: center">Inactivar</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>
                    </tr>
                </thead>
                <tbody>

                                        @foreach( $rows as $row )
                        <tr>
                                <td style="background: #F5F5F6; text-align: center">{{ $row->codigo }}</td>
                                <td>{{ $row->nombre }}</td>
                                <td style="text-align: center">{{ $row->username }}</td>
                                <td style="text-align: center">{{ $row->dpassword }}</td>
                                <td>{{ $row->celular }}</td>
                                <td>{{ $row->email }}</td>
                                <td>{{ $row->rgntitle }}</td>
                                <td class="centered">
                                        <a href="{{ $breadcumb->url }}edit/{{ $row->id }}" data-toggle="modal-ajax"
                                               rel="tooltip"
                                               data-original-title="Editar Asesor"
                                               class="btn btn-primary">
                                                <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                </td>
                                <td class="centered">
                                    <a data-url="{{ $breadcumb->url }}deleted/{{ $row->id }}"
                                               rel="tooltip"
                                               data-original-title="Inactivar Asesor"
                                               data-title="{{ $row->codigo . ' ' . $row->nombre }}"
                                               data-toggle="modal-delete"
                                               class="btn btn-primary">
                                                <i class="fa fa-2x fa-trash-o"></i>
                                    </a>
                                </td>
                        </tr>
                                            @endforeach

                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="md-fab-wrapper">
    <a href="{{ $breadcumb->url }}add/" data-toggle="modal-ajax" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class="mdi mdi-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">

    setDatatable('#table-1');

</script>
@stop
@endif


@if( $acc != "list" )
    <!--Ventana Flotante para editar o crear-->
    {{ Form::open( array( 'method' => 'POST', 'role' => 'form', 'class' => 'validate',  'autocomplete'=>'off' )) }}
        <div class="modal-header">
            {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} ASESOR COMERCIAL
        </div>

        <div class="modal-body">

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

                <div class="form-group col-md-8 no-padding-left">
                    {{ Form::label('lbregional', _('Regional'), array('class'=>'control-label')) }}
                    <select name="admregional_id" class="select2"  data-first-option="false" data-validate="required">
                        <option value="">Seleccione la Regional</option>
                        @foreach($regionales as $regional)
                            <option value="{{$regional->id}}" @if($regional->id == $row->admregional_id)  selected  @endif >{{$regional->title}}</option>
                        @endforeach
                    </select>
                </div>

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

                <div class="form-group col-md-6 no-padding-left">
                    {{ Form::label('lbdescripcion', _('Asesor'), array('class'=>'control-label')) }}
                    {{ Form::text('nombre', $row->nombre, array('class'=>'form-control', 'data-validate'=>"required")) }}
                    {{ Form::hidden('id', $row->id) }}
                </div>

                <div class="form-group col-md-2 no-padding-left">
                    {{ Form::label('lbcodigo', _('Codigo'), array('class'=>'control-label')) }}
                    {{ Form::text('codigo', $row->codigo, array('class'=>'form-control', 'data-validate'=>"required")) }}
                </div>

                <div class="form-group col-md-3 no-padding-left">
                    {{ Form::label('lbcelular', _('Celular'), array('class'=>'control-label')) }}
                    {{ Form::text('celular', $row->celular, array('class'=>'form-control',  'data-validate'=>"required")) }}
                </div>

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

                <div class="form-group col-md-6 no-padding-left">
                    {{ Form::label('lbemail', _('Email'), array('class'=>'control-label')) }}
                    {{ Form::email('email', $row->email, array('class'=>'form-control', 'data-validate'=>"required")) }}
                </div>

                <div class="form-group col-md-2 no-padding-left">
                    {{ Form::label('lbusuario', _('Usuario'), array('class'=>'control-label')) }}
                    {{ Form::text('username', $row->username, array('class'=>'form-control',  'data-validate'=>"required")) }}
                </div>

                <div class="form-group col-md-3 no-padding-left">
                    {{ Form::label('lbpassword', _('Password'), array('class'=>'control-label')) }}
                    {{ Form::text('dpassword', $row->dpassword, array('class'=>'form-control',  'data-validate'=>"required")) }}
                </div>


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


            <div class="form-group col-md-6 no-padding">
                <label for="exampleInputPassword1">Estado</label>

                <div class="radio">
                    <input  data-color="yellow"
                           data-skin="square" class="icheck-me" value="1" type="radio" id="activo-radio-1"
                           name="estado">
                    <label for="activo-radio-1">Activo</label>
                </div>
                <div class="radio">
                    <input  data-color="grey"
                           data-skin="square" class="icheck-me" value="0" type="radio" id="activo-radio-2"
                           name="estado">
                    <label for="activo-radio-2">Inactivo</label>
                </div>
            </div>
                <div class="clearfix"></div>
            </div>

        <div class="modal-footer">
                <button type="button" class="btn btn-default btn-rounded waves-light waves-effect btn-icon btn-lg" data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>
                <button type="submit" data-loading-text="Loading..."  class="btn btn-rounded waves-effect waves-light btn-warning btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
            </div>

    </form>

    <script>
    $(document).ready(function(){

        $("input[name='codigo']").change(function()
        {
            validaControl($(this));
        });

        $("input[name='username']").change(function()
        {
            validaControl($(this));
        });

        function validaControl(control)
        {
            var nombre = control.attr('name');

           if(control.val().length >0){
                $.getJSON("{{ $breadcumb->url }}valida_info/", {
                             campo: nombre,
                             valor: control.val()
                         }).done(function( data )
                         {
                             if(data.response == 1)
                             {
                                 messageSimple({response:0, message:'el ' + nombre + ' ' + control.val() + ' ya ha sido asignado a un asesor.'});
                                 control.val('').focus();
                                 return false;
                             }
                         });
                }
        }

    });

    </script>

@endif