@extends('admin.master')
@section('content')
   <!-- TOP Nav Bar END -->
   <div class="container-fluid">
    <div class="row">
       <div class="col-sm-12">
          <div class="iq-card">
             <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title w-100">
                   <h4 class="card-title f-left">Listado Usuarios</h4>

                  
                </div>
             </div>
             <div class="iq-card-body">
               
                <div class="table-responsive">
                   <table id="datatable" class="table table-borderless data-table" >
                      <thead>
                         <tr>
                            <th scope="col">Id</th>
                            <th scope="col">Nombre</th>
                            <th scope="col">Email</th>

                          
                            <th scope="col">Acciones</th>
                        
                         </tr>
                      </thead>
                      <tbody>
                       
                      </tbody>
                     
                   </table>
                </div>
             </div>
          </div>
       </div>
    </div>
 </div>


 <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="deleteModalLabel">Bloquear Usuario</h4>
            </div>
            {!! Form::open(array('url' =>'admin/users/bloquear', 'name'=>'deleteRegistro', 'id'=>'deleteRegistro', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}
            {!! Form::hidden('action', 'delete', array('class'=>'form-control')) !!}
            {!! Form::hidden('id', '', array('class'=>'form-control id-usuario', 'id'=>'id')) !!}
            <div class="modal-body">
                <p>¿Seguro que quiere bloquear al usuario?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary">Bloquear</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="deleteModal2" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="deleteModalLabel">Desbloquear Usuario</h4>
            </div>
            {!! Form::open(array('url' =>'admin/users/desbloquear', 'name'=>'deleteRegistro', 'id'=>'deleteRegistro', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}
            {!! Form::hidden('action', 'delete', array('class'=>'form-control')) !!}
            {!! Form::hidden('id', '', array('class'=>'form-control id-usuario', 'id'=>'id')) !!}
            <div class="modal-body">
                <p>¿Seguro que quiere desbloquear al usuario?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary">Desbloquear</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="notificationModal" tabindex="-1" role="dialog" aria-labelledby="notificationModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content notificationContent">

        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          ajax: "{{ url('admin/users/list') }}",
          columns: [
              {data: 'id', name: 'id'},
              {data: 'name', name: 'name'},
              {data: 'email', name: 'email'},
              {data: 'action', name: 'action', orderable: false, searchable: false},
          ]
      });
    });
  </script>

@endsection