@extends('panel.layouts.app')
@section('page-title')
<title>{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Users </title>
@stop
@section('content')
<div class="content-wrapper">
    <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-10">
          @include('common.success')
          <section class="content">
              {{-- @include('common.breadcrumb') --}}
              <div class="box box-datatable">
                <div class="box-default">
                  <div class="box-header with-border">
                    <i class="fa fa-user"></i>
                    <h3 class="box-title">Users</h3>
                    <div class="box-tools box-tools-common pull-right">
                      <a href="javascript:void(0)" data-toggle="modal" data-target="#roles_modal" class="btn btn-box-tool show-tooltip" title="Roles"><i class="fa fa-graduation-cap"></i></a>
                      <a href="javascript:void(0)" data-toggle="modal" data-target="#permissions_modal" class="btn btn-box-tool show-tooltip" title="Permissions" id="btn-permissions"><i class="fa fa-check-square-o"></i></a>
                      <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('user_grid')" title="Search"><i class="fa fa-search"></i></a>
                      <a href="{{ route('users.create') }}" class="btn btn-box-tool show-tooltip" title="Add User"><i class="fa fa-plus"></i>
                      </a>
                    </div>
                  </div>
                  <div class="box-body">         
                    <div class="table-responsive">
                     <table id="user_grid" class="table table-bordered table-hover">
                      <thead>
                        <tr>
                          <th></th>
                          <th>Username</th>
                          <th>Email</th>
                          <th>Role</th>
                          <th>Status</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                      </tbody>
                    </table> 
                  </div>
                </div>
              </div>
              </div>
              @include('panel.role.roles_modal')
              @include('panel.permission.permissions_modal')
              @include('common.modal.delete_confirm_modal',['entity' =>  'user'])
          </section>
      </div>
      <div class="col-md-1"></div>
    </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var id = "user_grid";
  var role_grid = "";
  $(document).ready(function(e){
    role_grid = $('#'+id).DataTable({
      "serverSide": true,
      "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
      "order": [ 0, "desc" ],
      "pageLength": "{{ LaraCore::setting('default_pagination') }}",
      "language": { "emptyTable": "{{ LaraCore::setting('no_records') }}" },
      ajax: {
        url: '{{route("users.list")}}',
        type: 'POST',
      },
      columns: [
      {data: 'id',    name: 'u.id', visible: false  },
      {data: 'username',    name: 'u.username'  },
      {data: 'email',       name: 'u.email'  },
      {data: 'name',        name: 'r.name'},
      {data: 'status',      name: 'u.status', orderable: false},
      {data: 'actions',     name: 'actions', orderable: false, searchable:false}
      ],
    });
  });


  $(document).on('click', '#btn-permissionss', function(e){
    e.preventDefault();
    var url = APP_URL + '/permissions';
    $.ajax({
      type: "GET",
      url: url,
      dataType: "json",
      beforeSend: function( xhr ) {
        $('#overlay').removeClass('hide');
      },
      complete: function( xhr ){
        $('#overlay').addClass('hide');
      },
      success: function (res) {
        $('#permissions_modal').modal('show');
        $('#permissions_modal').find('#permissions_modal_body').html(res.permissions);
        initIcheck();
      }
    });
  });

  $('#delete_user_modal').on('show.bs.modal', function (event) {
    var action = $(event.relatedTarget).data('action');
    $(event.currentTarget).find('form').attr('action', action);
  });

  $(document).on('click', '#delete_user', function(e){
    e.preventDefault();
    var form = $(this).parent('form');
    url = $(form).attr('action');
    $.ajax({
      type: 'POST',
      url: url,
      data: {_method: "delete"},
      dataType: 'json',
      success: function (data) {
        role_grid.draw();
        $('#delete_user_modal').modal('hide');
        DisplayMessages(data['message']);
      },
      error: function (jqXHR, exception) {
        var Response = jqXHR.responseText;          
        Response = $.parseJSON(Response);
        DisplayMessages(Response.message,'error');
      }
    });
  });
</script>
@append