@extends('app')

@section('breadcrumbs')
    {!!Breadcrumbs::render('home.admin.usuarios.user',$active_role)!!}
@endsection

@section('content')
    @include('errors.partials.alert')
    <div class="container">
        <div class="page-header">
            <h1>
                Usuarios
            </h1>
        </div>
        @include('admin.users.partials.tabs')

        {!! Form::open([
            'method' => 'GET',
        ]) !!}
            <div class="row">
                <div class="col-md-4">
                    @unless(in_array($active_role, ['admin', 'manager']))
                        <div class="form-group {{ $errors->first('management_id') ? 'has-error' : '' }}">
                            {!! Form::label('management_id', 'Gerencia') !!}
                            {!! Form::select('management_id[]', \App\Management::all()->lists('name', 'id')->all(), request()->input('management_id'), ['id' => 'management_id', 'class' => 'form-control', 'multiple']) !!}
                            <small class="text-danger">{{ $errors->first('management_id') }}</small>
                        </div>      
                    @endunless
                </div>
                <div class="col-md-4">
                    <div class="form-group {{ $errors->first('user_id') ? 'has-error' : '' }}">
                        {!! Form::label('user_id', 'Número de empleado') !!}
                        {!! Form::select('user_id[]', \App\User::where('role', $active_role)->lists('employee_number', 'id'), request()->input('user_id'), ['id' => 'user_id', 'class' => 'form-control', 'multiple']) !!}
                        <small class="text-danger">{{ $errors->first('user_id') }}</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary margin-top-25">
                            <span class="fa fa-search"></span> Filtrar
                        </button>
                    </div>
                </div>
            </div>  
        {!! Form::close() !!}
            
        @if($users->count() > 0)
            <div class="table-responsive">
                <div class="table table-hover">
                    <div class="row thead">
                        <div class="col-md-2 col-xs-2 td">CUSP</div>
                        <div class="col-md-2 col-xs-3 td">Nombre</div>
                        <div class="col-md-2 col-xs-2 td">Apellido(s)</div>
                        @if($active_role == 'manager' || $active_role == 'executive')
                            <div class="col-md-2 col-xs-2 td">Gerencia</div>
                        @endif
                        <div class="col-md-4 col-xs-4 td"></div>
                    </div>
                    @foreach($users as $user)
                    <div class="row">
                        <a href="{{action('Admin\UsersController@edit', [$active_role,$user])}}" class="clearfix user-edit-link">
                            <div class="col-md-2 col-xs-2 td">{{$user->cusp}}</div>
                            <div class="col-md-2 col-xs-2 td">{{$user->first_name}}</div>
                            <div class="col-md-2 col-xs-2 td">{{$user->last_name}}</div>
                            @if($active_role == 'manager' || $active_role == 'executive')
                                <div class="col-md-2 col-xs-2 td">
                                    @if($user->update_status)
                                        <i class="fa fa-spinner fa-spin management-updating" data-user-id="{{$user->id}}"></i> Actualizando
                                    @else
                                        {{$user->management->name}}
                                    @endif
                                    
                                </div>
                            @endif
                            <div class="col-md-4 col-xs-4 td text-center">
                                <i class="fa fa-pencil btn-edit {{$user->update_status ? 'hidden' : null}}"></i>
                            </div>
                        </a>
                        @unless($user->id == auth()->id())
                            <button class="btn btn-danger btn-delete {{$user->update_status ? 'disabled' : null}}" data-user="{{$user->id}}" data-role="{{$user->role}}" data-name="{{$user->fullname}}">
                                <i class="fa fa-trash"></i>
                            </button>
                        @endunless
                        
                    </div>
                    @endforeach                    
                </div>
            </div>
            <div class="text-center">
                {!! $users->appends(request()->all())->render() !!}
            </div>
                
        @else
            <div class="alert alert-info">
                No hay usuarios que mostrar
            </div>
        @endif
    </div>
    
@endsection

@section('modals')
    @include('admin.users.partials.modal_delete')
    <div class="modal fade" id="wait-update-modal">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-body">
                    Por favor, espere a que la actualización del usuario termine para realizar otra.
                    <br>
                    <br>
                    <div class="text-right">
                        <button class="btn btn-primary btn-sm" data-dismiss="modal">Aceptar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    {!! Html::script('js/select2.full.js') !!}
    {{Html::script('js/users/index.js')}}
    
@endsection

@section('style')
    @parent
    {!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}
@endsection