@extends('layouts.dashboardnew')

@section('content')


{{-- filtro por nombre --}}
@include('usuario.componentes.filtroNombre', ['ruta' => 'users.asignar.rango', 'form' => ''])


{{-- filtro por ID --}}
@include('usuario.componentes.filtroID', ['ruta' => 'users.asignar.rango', 'form' => ''])


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">ID</th>
                                <th class="text-center">Nombre</th>
                                <th class="text-center">Correo</th>
                                <th class="text-center">Estado</th>
                                <th class="text-center">Ingreso</th>
                                <th class="text-center">Rango</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                                @foreach ($usuarios as $user)
                                <tr>
                                  <td class="text-center">{{ $user->ID }}</td>
                                  <td class="text-center">{{ $user->display_name }}</td>
                                  <td class="text-center">{{ $user->user_email }}</td>
                                  <td class="text-center">
                                    @if ($user->status == '0')
                                        Inactivo
                                    @else
                                        Activo
                                    @endif
                                  </td>
                                  <td class="text-center">{{ date('d-m-Y', strtotime($user->created_at)) }}</td>
                                  <td class="text-center">{{ $user->rol->name }}</td>
                                  <td class="text-center">
                                      <a class="btn btn-info text-white" data-toggle="modal" data-target="#rango" onclick="actualizar('{{$user->ID}}','{{$user->rol_id}}')">
                                          <i class="fa fa-edit"></i>
                                      </a>
                                  </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                  
                </div>
            </div>
        </div>
    </div>
</div>     



<div class="modal fade" id="rango" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modificar Rango</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('users.cambio.rango')}}" method="post">
          {{ csrf_field() }} 

            <input type="hidden" class="id" name="id">
           
            <div class="col-md-12">
                <div class="form-group">
                  <label>Rango</label>
                  <select class="form-control rango" name="rango" required>
                     <option value="" selected disabled>Seleccione una Opción</option>
                         @foreach($roles as $rol)
                         <option value="{{$rol->id}}">{{$rol->name}}</option>
                         @endforeach
                  </select>
                </div>
            </div>
               
            <div class="col-md-12">
                <div class="form-group">   
                   <button type="submit" class="btn btn-primary btn-block">Aceptar</button>
                </div>
            </div>
            
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

@endsection

@include('usuario.componentes.scripBotones')


@push('script')
<script type="text/javascript">
   
    function actualizar(id, rango){
        $('.id').val(id);
        $('.rango').val(rango);
    } 
   
</script>
@endpush