@extends('auth::layoutsbs4.main',['page_title' => 'Auth::User Lists',
'hide_nva_link' => ((Request::get('hide_header') == 'true')? 'true' : 'false')])
@section('content')
@if ($agent_type == 'desktop')
  <div class="page-header page-header-light mb-2 ">
      <div class="breadcrumb-line   header-elements-md-inline">
        <div class="page-title d-flex pb-2 pt-2">
          <h6><a href="javascript:history.back()" class="" data-popup="tooltip" title="Go Previous"><i class="icon-arrow-left52 mr-2"></i></a><b class="font-weight-semibold"> Users </b> - <span > Entry</span>  </h6>
          <a href="" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
        </div>
       <div class="header-elements d-none">
          <div class="breadcrumb justify-content-center">
            <a href="{{ route("cabinet.selection") }}" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
            <span class="breadcrumb-item">Menu Access</span>
            <span class="breadcrumb-item active">User Lists</span>
          </div>
        </div>
     </div>
  </div>
@else
  <div class="row mt-0">
    <div class="col-12">
      <div class="card mb-2 shadow-sm border-0">
        <div class="card-header bg-white p-2 header-elements-inline">
          <h6 class="card-title"><i class="icon-copy mr-2 text-theme"></i>User Lists</h6>
          <div class="header-elements">
            <a href="javascript:history.back()" class="float-right text-theme"><i class="icon-arrow-left52 mr-2"></i>Go Back</a>
          </div>
        </div>
      </div>
    </div>
  </div>
@endif
<div class="row mb-4">
  <div class="col-md-12">
    <div class="card mb-0 shadow-none border-0">
      <div class="card-body p-0 ">
        <ul class="nav nav-tabs nav-tabs-highlight mb-0" >
          @if (Request::get("page_user_type") == 'SY')
            <li class="nav-item">
              <a class="nav-link active system_admin" data-tab="System Admin" data-toggle="tab" href="#system_admin">System Admin</a>
            </li>
            <li class="nav-item">
              <a class="nav-link super_admin" data-tab="Super Admin" data-toggle="tab" href="#super_admin">Super Admin</a>
            </li>
          @endif
          @if (in_array(Request::get("page_user_type"),['SY','SA']))
            @if (Request::get("cabinet_id"))
              <li class="nav-item">
                <a class="nav-link admin" data-tab="Admin" data-toggle="tab" href="#admin">Admin</a>
              </li>
            @endif
          @endif
          @if (in_array(Request::get("page_user_type"),['SY','SA']))
            @if (Request::get("cabinet_id"))
              @if (Request::get("sub_module_id"))
                <li class="nav-item">
                  <a class="nav-link user" data-tab="Other User Type" data-toggle="tab" href="#user">Other User Type</a>
                </li>
              @endif
            @endif
          @endif
          <li class="nav-item ml-auto">
            <a href="#" class="bg-theme btn-sm float-right add_new">
              <i class="icon-plus2 mr-1"></i><span class="tab_mange_name">
                @php
                  switch (Request::get("page_user_type")) {
                    case 'SY':
                        echo "System Admin";
                      break;
                    case 'SA':
                        echo "Super Admin";
                      break;
                    case 'A':
                        echo "Admin";
                      break;
                    default:
                      echo "Other User Type";
                      break;
                  }
                @endphp
              </span>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="tab-content">
      <div class="tab-pane active" id="system_admin">
        <div class="card">
          <div class="card-body p-2">
            <form id="system_admin_form_filter">
              <input type="hidden" name="emp_type" value="O">
              <input type="hidden" name="user_type" value="SY">
            </form>
            <div class="table-responsive">
              <table class="table system_admin_table table-striped table-bordered">
                 <thead class="no-wrap">
                    <tr>
                      <th class="d-block d-sm-none invisible"></th>
                       <th class="text-center">SL No.</th>
                       <th>User Name</th>
                       <th>Employee Name</th>
                       <th>Designation</th>
                       {{-- <th>User Type</th> --}}
                       <th class="text-center" >Action</th>
                    </tr>
                 </thead>
                 <tbody>
                 </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="super_admin">
        <div class="card">
          <div class="card-body p-2">
            <form id="super_admin_form_filter">
              <input type="hidden" name="emp_type" value="O">
              <input type="hidden" name="user_type" value="SA">
            </form>
            <div class="table-responsive">
              <table class="table super_admin_table table-striped table-bordered">
                 <thead class="no-wrap">
                    <tr>
                      <th class="d-block d-sm-none invisible"></th>
                       <th class="text-center">SL No.</th>
                       <th>User Name</th>
                       <th>Employee Name</th>
                       <th>Designation</th>
                       {{-- <th>User Type</th> --}}
                       <th class="text-center" >Action</th>
                    </tr>
                 </thead>
                 <tbody>
                 </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="admin">
        <div class="card">
          <div class="card-body p-2">
            <form id="admin_form_filter">
              <input type="hidden" name="emp_type" value="O">
              <input type="hidden" name="user_type" value="A">
            </form>
            <div class="table-responsive">
              <table class="table admin_table table-striped table-bordered">
                 <thead class="no-wrap">
                    <tr>
                      <th class="d-block d-sm-none invisible"></th>
                       <th class="text-center">SL No.</th>
                       <th>User Name</th>
                       <th>Employee Name</th>
                       <th>Designation</th>
                       <th>User Type</th>
                       <th>Cabinet Name</th>
                       <th class="text-center" >Action</th>
                    </tr>
                 </thead>
                 <tbody>
                 </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="user">
        <div class="card">
          <div class="card-body p-2">
            <form id="user_form_filter">
              <input type="hidden" name="emp_type" value="O">
              <input type="hidden" name="user_type" value="U">
              <input type="hidden" name="sub_module_id" value="{{ Request::get("sub_module_id") }}">
              <input type="hidden" name="cabinet_id" value="{{ Request::get("cabinet_id") }}">
            </form>
            <div class="table-responsive">
              <table class="table user_table table-striped table-bordered">
                 <thead class="no-wrap">
                    <tr>
                      <th class="d-block d-sm-none invisible"></th>
                       <th class="text-center">SL No.</th>
                       <th>Cabinet</th>
                       <th>Sub Module</th>
                       <th>User Name</th>
                       <th>Employee Name</th>
                       <th>Designation</th>
                       <th>User Type</th>
                       <th class="text-center" >Action</th>
                    </tr>
                 </thead>
                 <tbody>
                 </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

<div id="employee_type_modal" class="modal fade modal-fullscreen-xs-down">
  <div class="modal-dialog modal-sm">
     <div class="modal-content border-0 shadow-none">
       <div class="modal-header py-1 px-2 bg-theme border-0" style="border-radius:0px;">
         <h6 class="modal-title" style="line-height: 2.2"> <span class="modal_title">Manage Employee</span> </h6>
         <a class="text-indigo font-weight-semibold cursor-pointer btn bg-theme btn-sm" data-dismiss="modal">
           <i class="icon-backward mr-2"></i>
           Go Back
         </a>
       </div>
        <div class="modal-body">
          <form id="form_validation">
            <input type="hidden" name="emptype" value="O">
            <input type="hidden" name="user_type" value="SY">
            <input type="hidden" name="sub_module_id" value="{{ Request::get("sub_module_id") }}">
            <div class="row">
              <div class="col-md-12">
                @if (Request::get("cabinet_id"))
                  <div class="form-group cabinet_blogs" style="display:none">
                    <label>Cabinet</label>
                    <select class="form-control cabinet_select2" name="cabinet_id">
                      <option value="{{ Request::get("cabinet_id") }}" selected>{{ Request::get("cabinet_id") }}</option>
                    </select>
                  </div>
                @else
                  <div class="form-group cabinet_blog" style="display:none">
                    <label>Cabinet</label>
                    <select class="form-control cabinet_select2" name="cabinet_id"></select>
                  </div>
                @endif
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  <label>Employee</label>
                  <select class="form-control office_employee_select2" name="office_employee"></select>
                </div>
              </div>
              <div class="col-md-12 user_type_blog" style="display:none">
                <div class="form-group">
                  <label>User Type</label>
                  <select class="form-control user_type_select2" name="usertype"></select>
                </div>
              </div>
              <div class="col-md-12 assign_user_type_blog" style="display:none">
                <div class="form-check mb-2">
                  <label class="form-check-label">
                    <input type="checkbox" name="assign_user_type" class="form-input-styled" value="Y">Enable permission for managing users
                  </label>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn mr-2 btn-md bg-theme text-white-800" id="form_submit_btn">Save </button>
                  <button type="button" class="btn mr-2 btn-md bg-dark text-white-800 border-dark  legitRipple" id="form_process_btn" style="display:none;" >Processing <i class="icon-spinner2 spinner ml-1"></i></button>
                  <button type="button" class="btn btn-md bg-warning text-white-800 border-warning btn_clear" data-dismiss="modal">Clear </button>
                </div>
              </div>
            </div>
          </form>
        </div>
     </div>
  </div>
</div>
<input type="hidden" name="tab_type" value="SY">
<script>
   var base_url = {!! json_encode(url('/')) !!};
   $('body').tooltip({
       selector: '[data-popup="tooltip"]',
       trigger : 'hover'
   });

   document.addEventListener('DOMContentLoaded', function() {
     $('.form-input-styled').uniform();
     $('.form-check-input-styled').uniform();
     $.extend( $.fn.dataTable.defaults, {
       autoWidth: true,
       dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
       language:{
         search: '<span>Search:</span> _INPUT_',
         searchPlaceholder: 'Type to search...',
         lengthMenu: '<span>Show:</span> _MENU_',
         paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;'}
       }
     });

     function system_admin_data(){
       $('#page_loader_modal').modal();
       $.get(base_url + '/api/auth/user/list',$('#system_admin_form_filter').serialize())
        .done(function(result){
         var table_row = '';
         $('.system_admin_table').dataTable().fnClearTable();
         $('.system_admin_table').dataTable().fnDestroy();
         if(result.status == 'success'){
           $.each(result.data, function(key,value){
             table_row += '<tr class="no-wrap">'+
                      '<td class="d-block d-sm-none"></td>'+
                       '<td class="text-center" >'+ (++key) +'</td>'+
                       '<td >'+ value.userid +'</td>'+
                       '<td >'+ value.employeename +'</td>'+
                       '<td >'+ value.designation +'</td>'+
                       // '<td >'+ value.usertype_desc  +'</td>'+
                       '<td class="text-center" >'+
                         '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-theme rounded-round text-indigo-700 update_record mr-2"'+
                           'data-userid="'+ value.userid +'"'+
                           'data-username="'+ value.employeename +'"'+
                           'data-usertype="'+ value.usertype  +'"'+
                           'data-usertype_desc="'+ value.usertype_desc  +'"'+
                           'data-emptype="'+ value.emptype +'"'+
                           'data-cabinet_id="'+ value.CabinetID +'"'+
                           'data-cabinet_name="'+ value.CabinetName +'"'+
                           'data-assign_user_type="'+ value.AssignUserType +'"'+
                           'data-popup="tooltip" data-placement="auto" data-animation="true" title="Change User Type"><i class="icon icon-pencil5"></i></button>'+
                         '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-danger-400 rounded-round text-danger-800  delete_record mr-2" data-id="'+ value.ID +'" data-popup="tooltip" data-placement="auto" data-animation="true" title="Discontinue Record"><i class="icon-trash"></i></button>'+
                       '</td>'+
                     '</tr>';
           });
         }
         $('.system_admin_table').find('tbody').empty().append(table_row);
          var is_mobile = window.matchMedia("only screen and (max-width: 760px)").matches;
          if(is_mobile){
             if (window.matchMedia("(orientation: landscape)").matches) {
               $('.system_admin_table').dataTable({
                 destroy:true,
                 "autoWidth": true,
                 "ordering": false,
                 columnDefs: [
                 {
                   className: 'control',
                   orderable: false,
                   targets:   0,
                 },
                 ]
               });
             }
             if (window.matchMedia("(orientation: portrait)").matches) {
               $('.system_admin_table').dataTable({
                 destroy:true,
                 "ordering": false,
                 responsive: true,
                 columnDefs: [
                 {
                   className: 'control',
                   targets:   0,
                 },
                 ]
               });
             }
             } else {
                  $('.system_admin_table').dataTable({
                    destroy:true,
                    "autoWidth": true,
                    "ordering": false,
                    columnDefs: [
                    {
                      className: 'control',
                      orderable: false,
                      targets:   0,
                    },
                    ]
                  });

                }
               $($.fn.dataTable.tables( true ) ).css('width', '100%');
             $('#page_loader_modal').modal('toggle');
         })
         .fail(function(xhr, status, error) {
            $('#page_loader_modal').modal('toggle');
             $('#server_response_message').text(error);
             $('#server_error_modal').modal();
         });

     }
     function super_admin_data(){
       $('#page_loader_modal').modal();
       $.get(base_url + '/api/auth/user/list',$('#super_admin_form_filter').serialize())
        .done(function(result){
         var table_row = '';
         $('.super_admin_table').dataTable().fnClearTable();
         $('.super_admin_table').dataTable().fnDestroy();
         if(result.status == 'success'){
           $.each(result.data, function(key,value){
             table_row += '<tr class="no-wrap">'+
                      '<td class="d-block d-sm-none"></td>'+
                       '<td class="text-center" >'+ (++key) +'</td>'+
                       '<td >'+ value.userid +'</td>'+
                       '<td >'+ value.employeename +'</td>'+
                       '<td >'+ value.designation +'</td>'+
                       // '<td >'+ value.usertype_desc  +'</td>'+
                       '<td class="text-center" >'+
                       '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-theme rounded-round text-indigo-700 update_record mr-2"'+
                         'data-userid="'+ value.userid +'"'+
                         'data-username="'+ value.employeename +'"'+
                         'data-usertype="'+ value.usertype  +'"'+
                         'data-usertype_desc="'+ value.usertype_desc  +'"'+
                         'data-emptype="'+ value.emptype +'"'+
                         'data-cabinet_id="'+ value.CabinetID +'"'+
                         'data-cabinet_name="'+ value.CabinetName +'"'+
                         'data-assign_user_type="'+ value.AssignUserType +'"'+
                         'data-popup="tooltip" data-placement="auto" data-animation="true" title="Change User Type"><i class="icon icon-pencil5"></i></button>'+
                         '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-danger-400 rounded-round text-danger-800  delete_record mr-2" data-id="'+ value.ID +'" data-popup="tooltip" data-placement="auto" data-animation="true" title="Discontinue Record"><i class="icon-trash"></i></button>'+
                       '</td>'+
                     '</tr>';
           });
         }
         $('.super_admin_table').find('tbody').empty().append(table_row);
          var is_mobile = window.matchMedia("only screen and (max-width: 760px)").matches;
          if(is_mobile){
             if (window.matchMedia("(orientation: landscape)").matches) {
               $('.super_admin_table').dataTable({
                 destroy:true,
                 "autoWidth": true,
                 "ordering": false,
                 columnDefs: [
                 {
                   className: 'control',
                   orderable: false,
                   targets:   0,
                 },
                 ]
               });
             }
             if (window.matchMedia("(orientation: portrait)").matches) {
               $('.super_admin_table').dataTable({
                 destroy:true,
                 "ordering": false,
                 responsive: true,
                 columnDefs: [
                 {
                   className: 'control',
                   targets:   0,
                 },
                 ]
               });
             }
             } else {
                  $('.super_admin_table').dataTable({
                    destroy:true,
                    "autoWidth": true,
                    "ordering": false,
                    columnDefs: [
                    {
                      className: 'control',
                      orderable: false,
                      targets:   0,
                    },
                    ]
                  });

                }
               $($.fn.dataTable.tables( true ) ).css('width', '100%');
             $('#page_loader_modal').modal('toggle');
         })
         .fail(function(xhr, status, error) {
            $('#page_loader_modal').modal('toggle');
             $('#server_response_message').text(error);
             $('#server_error_modal').modal();
         });

     }
     function admin_data(){
       $('#page_loader_modal').modal();
       $.get(base_url + '/api/auth/user/list',$('#admin_form_filter').serialize())
        .done(function(result){
         var table_row = '';
         $('.admin_table').dataTable().fnClearTable();
         $('.admin_table').dataTable().fnDestroy();
         if(result.status == 'success'){
           $.each(result.data, function(key,value){
             table_row += '<tr class="no-wrap">'+
                      '<td class="d-block d-sm-none"></td>'+
                       '<td class="text-center" >'+ (++key) +'</td>'+
                       '<td >'+ value.userid +'</td>'+
                       '<td >'+ value.employeename +'</td>'+
                       '<td >'+ value.designation +'</td>'+
                       '<td >'+ value.CabinetName  +'</td>'+
                       '<td >'+ value.usertype_desc  +'</td>'+
                       '<td class="text-center" >'+
                       '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-theme rounded-round text-indigo-700 update_record mr-2"'+
                         'data-userid="'+ value.userid +'"'+
                         'data-username="'+ value.employeename +'"'+
                         'data-usertype="'+ value.usertype  +'"'+
                         'data-usertype_desc="'+ value.usertype_desc  +'"'+
                         'data-emptype="'+ value.emptype +'"'+
                         'data-cabinet_id="'+ value.CabinetID +'"'+
                         'data-cabinet_name="'+ value.CabinetName +'"'+
                         'data-assign_user_type="'+ value.AssignUserType +'"'+
                         'data-popup="tooltip" data-placement="auto" data-animation="true" title="Change User Type"><i class="icon icon-pencil5"></i></button>'+
                         '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-danger-400 rounded-round text-danger-800  delete_record mr-2" data-id="'+ value.ID +'" data-popup="tooltip" data-placement="auto" data-animation="true" title="Discontinue Record"><i class="icon-trash"></i></button>'+
                       '</td>'+
                     '</tr>';
           });
         }
         $('.admin_table').find('tbody').empty().append(table_row);
          var is_mobile = window.matchMedia("only screen and (max-width: 760px)").matches;
          if(is_mobile){
             if (window.matchMedia("(orientation: landscape)").matches) {
               $('.admin_table').dataTable({
                 destroy:true,
                 "autoWidth": true,
                 "ordering": false,
                 columnDefs: [
                 {
                   className: 'control',
                   orderable: false,
                   targets:   0,
                 },
                 ]
               });
             }
             if (window.matchMedia("(orientation: portrait)").matches) {
               $('.admin_table').dataTable({
                 destroy:true,
                 "ordering": false,
                 responsive: true,
                 columnDefs: [
                 {
                   className: 'control',
                   targets:   0,
                 },
                 ]
               });
             }
             } else {
                  $('.admin_table').dataTable({
                    destroy:true,
                    "autoWidth": true,
                    "ordering": false,
                    columnDefs: [
                    {
                      className: 'control',
                      orderable: false,
                      targets:   0,
                    },
                    ]
                  });

                }
               $($.fn.dataTable.tables( true ) ).css('width', '100%');
             $('#page_loader_modal').modal('toggle');
         })
         .fail(function(xhr, status, error) {
            $('#page_loader_modal').modal('toggle');
             $('#server_response_message').text(error);
             $('#server_error_modal').modal();
         });

     }
     function user_data(){
       $('#page_loader_modal').modal();
       var form_values = $("#user_form_filter").serializeArray();
       form_values.push({
           name: "user_type",
           value: "%"
       });
       form_values = jQuery.param(form_values);
       $.get(base_url + '/api/auth/user/list',form_values)
        .done(function(result){
         var table_row = '';
         $('.user_table').dataTable().fnClearTable();
         $('.user_table').dataTable().fnDestroy();
         if(result.status == 'success'){
           $.each(result.data, function(key,value){
             table_row += '<tr class="no-wrap">'+
                      '<td class="d-block d-sm-none"></td>'+
                       '<td class="text-center" >'+ (++key) +'</td>'+
                       '<td >'+ value.CabinetName +'</td>'+
                       '<td >'+ value.SubModuleName +'</td>'+
                       '<td >'+ value.userid +'</td>'+
                       '<td >'+ value.employeename +'</td>'+
                       '<td >'+ value.designation +'</td>'+
                       '<td >'+ value.usertype_desc  +'</td>'+
                       '<td class="text-center" >'+
                       '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-theme rounded-round text-indigo-700 update_record mr-2"'+
                         'data-userid="'+ value.userid +'"'+
                         'data-username="'+ value.employeename +'"'+
                         'data-usertype="'+ value.usertype +'"'+
                         'data-usertype_desc="'+ value.usertype_desc +'"'+
                         'data-emptype="'+ value.emptype +'"'+
                         'data-cabinet_id="'+ value.CabinetID +'"'+
                         'data-cabinet_name="'+ value.CabinetName +'"'+
                         'data-assign_user_type="'+ value.AssignUserType +'"'+
                         'data-popup="tooltip" data-placement="auto" data-animation="true" title="Change User Type"><i class="icon icon-pencil5"></i></button>'+
                         '<button type="button" class="btn btn-outline btn-sm btn-clean btn-icon btn-icon-md action-btn bg-danger-400 rounded-round text-danger-800  delete_record mr-2" data-id="'+ value.ID +'" data-popup="tooltip" data-placement="auto" data-animation="true" title="Discontinue Record"><i class="icon-trash"></i></button>'+
                       '</td>'+
                     '</tr>';
           });
         }
         $('.user_table').find('tbody').empty().append(table_row);
          var is_mobile = window.matchMedia("only screen and (max-width: 760px)").matches;
          if(is_mobile){
             if (window.matchMedia("(orientation: landscape)").matches) {
               $('.user_table').dataTable({
                 destroy:true,
                 "autoWidth": true,
                 "ordering": false,
                 columnDefs: [
                 {
                   className: 'control',
                   orderable: false,
                   targets:   0,
                 },
                 ]
               });
             }
             if (window.matchMedia("(orientation: portrait)").matches) {
               $('.user_table').dataTable({
                 destroy:true,
                 "ordering": false,
                 responsive: true,
                 columnDefs: [
                 {
                   className: 'control',
                   targets:   0,
                 },
                 ]
               });
             }
             } else {
                  $('.user_table').dataTable({
                    destroy:true,
                    "autoWidth": true,
                    "ordering": false,
                    columnDefs: [
                    {
                      className: 'control',
                      orderable: false,
                      targets:   0,
                    },
                    ]
                  });

                }
               $($.fn.dataTable.tables( true ) ).css('width', '100%');
             $('#page_loader_modal').modal('toggle');
         })
         .fail(function(xhr, status, error) {
            $('#page_loader_modal').modal('toggle');
             $('#server_response_message').text(error);
             $('#server_error_modal').modal();
         });

     }
     system_admin_data();
     $(document).on('click','.system_admin',function(){
       $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="user_type"]').val('SY');
       $('[name="tab_type"]').val('SY');
       $('.cabinet_blog').hide();
       $('.user_type_blog').hide();
       $('.assign_user_type_blog').hide();
       $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',false);
       system_admin_data();
     });
     $(document).on('click','.super_admin',function(){
       $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="user_type"]').val('SA');
       $('[name="tab_type"]').val('SA');
       $('.cabinet_blog').hide();
       $('.user_type_blog').hide();
       $('.assign_user_type_blog').hide();
       $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',false);
       super_admin_data();
     });
     $(document).on('click','.admin',function(){
       $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="user_type"]').val('A');
       $('[name="tab_type"]').val('A');
       $('.cabinet_blog').show();
       $('.user_type_blog').hide();
       $('.assign_user_type_blog').hide();
       $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',true);
       admin_data();
     });
     $(document).on('click','.user',function(){
       $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="user_type"]').val('U');
       $('[name="tab_type"]').val('U');
       $('.cabinet_blog').show();
       $('.user_type_blog').show();
       $('.assign_user_type_blog').show();
       $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',true);
       user_data();
     });

     $('.cabinet_select2').select2({
       placeholder: "Search Cabinet",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No Cabinet were found";
          }
        },
        allowClear: true,
        maximumSelectionSize: 1,
        // minimumInputLength:4,
        ajax: {
          url:  base_url + '/api/auth/cabinet/list',
          dataType: 'json',
          async: true,
          data:{
            pagination:false
          },
          data: function (keyword) {
            return {
              search_param : keyword.term,
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                if($('#user_form_filter').find('[name="cabinet_id"]').val()){
                  if($('#user_form_filter').find('[name="cabinet_id"]').val() == value.CabinetID){
                  return {
                        text : value.CabinetID +' - '+ value.Cabinet_Name,
                        id : value.CabinetID,
                     }
                   }
                } else {
                  return {
                        text : value.CabinetID +' - '+ value.Cabinet_Name,
                        id : value.CabinetID,
                     }
                }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     });

     $('.office_employee_select2').select2({
       placeholder: "Search Employee",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No Employee were found";
          }
        },
        allowClear: true,
        maximumSelectionSize: 1,
        // minimumInputLength:4,
        ajax: {
          url:  base_url + '/api/stellar_track/master/usp-list-user',
          dataType: 'json',
          async: true,
          data:{
            pagination:false
          },
          data: function (keyword) {
            return {
              search_param : keyword.term,
              // emp_type : '%Office Staff%'
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                return {
                      text : value.employee_name,
                      id : value.employee_id,
                   }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     }).on('change',function(){
       if($(this).select2('data')[0]){
         $('#form_validation').find('[name="employee_name"]').val($(this).select2('data')[0].name);
       } else {
         $('#form_validation').find('[name="employee_name"]').val('');
       }
     });

     $('.user_type_select2').select2({
       placeholder: "Select User Type",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No User Type were found";
          }
        },
        allowClear: true,
        maximumSelectionSize: 1,
        // minimumInputLength:4,
        ajax: {
          url: base_url + '/api/auth/user-rights-type/list',
          dataType: 'json',
          async: true,
          data:{
            pagination:false
          },
          data: function (keyword) {
            return {
              search_param : keyword.term,
              emp_type : $('[name="emptype"]').val(),
              discontinue_tag : 'N'
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                if(jQuery.inArray(value.Type_UserRights_code,['SA','SY','A']) == -1){
                  return {
                        text : value.Type_UserRights+' - '+value.Type_UserRights_code,
                        id : value.Type_UserRights_code,
                  }
                }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     }).on('change',function(){
       if($(this).select2('data')[0]){
         $('#form_validation').find('[name="user_type"]').val($(this).select2('data')[0].id);
       } else {
         $('#form_validation').find('[name="user_type"]').val('');
       }
     });

      $('#form_validation').bootstrapValidator({
        message: 'This value is not valid',
        excluded: [':disabled', ':hidden', ':not(:visible)'],
           fields: {
             cabinet_id: {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'Cabinet is required'
                     },
                 }
             },
             emp_type : {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'Employee Type is required'
                     },
                 }
             },
             office_employee: {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'Office Employee is required'
                     },
                 }
             },
             usertype: {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'User Type is required'
                     },
                 }
             },
          }
        }).on('success.field.bv', function(e, data) {
            var $parent = data.element.parents('.form-group');
            $parent.removeClass('has-success');
        }).on('success.form.bv', function(e, data) {
          e.preventDefault();
          var $form = $(e.target);
          var bv = $form.data('bootstrapValidator');
          $('#form_submit_btn').hide();
          $('#form_process_btn').show();
          $.post(base_url + '/api/auth/user/change-user-type', $form.serialize()).done(function(result) {
            bv.disableSubmitButtons(false);
            $('#form_submit_btn').show();
            $('#form_process_btn').hide();
            if(result.status == 'success' && result.response.type == 'save_success'){
              $('.office_employee_select2').val('').trigger('change')
              $('.cabinet_select2').val('').trigger('change')
              $('.user_type_select2').val('').trigger('change')
              $('[name="assign_user_type"]').prop('checked',true);
              $('#form_validation').bootstrapValidator('resetForm',true);
              $.jGrowl(result.response.message, {
                 header: 'Success',
                 theme: 'bg-success alert-styled-left ',
                 position: 'top-right'
              });
              if ($('[name="tab_type"]').val() == 'SY') {
                system_admin_data();
              }else if ($('[name="tab_type"]').val() == 'SA') {
                super_admin_data();
              }else if ($('[name="tab_type"]').val() == 'A') {
                admin_data();
              }else {
                user_data();
              }
              $('#employee_type_modal').modal('toggle');
            } else if(result.status == 'failure' && (result.response.type == 'validation_errors' || result.response.type == 'duplicate_entry')){
              $.jGrowl(result.response.message, {
                 header: 'Warning',
                 theme: 'bg-warning alert-styled-left ',
                 position: 'top-right'
              });
            } else {
              $.jGrowl(result.response.message, {
                 header: 'Warning',
                 theme: 'bg-danger alert-styled-left ',
                 position: 'top-right'
              });
            }
          }).fail(function(xhr, status, error) {
              bv.disableSubmitButtons(false);
              $('#form_submit_btn').show();
              $('#form_process_btn').hide();
              $('#server_response_message').text(error);
              $('#server_error_modal').modal();
          });
        });

        $(document).on('click','.update_record', function(e) {
          $(this).tooltip('hide');
          var userid = $(this).attr('data-userid');
          var user_name = $(this).attr('data-username');
          var emptype = $(this).attr('data-emptype');
          var usertype = $(this).attr('data-usertype');
          var usertype_desc = $(this).attr('data-usertype_desc');
          var cabinet_id = $(this).attr('data-cabinet_id');
          var cabinet_name = $(this).attr('data-cabinet_name');
          var assign_user_type = $(this).attr('data-assign_user_type');
          $('#form_validation').bootstrapValidator('resetForm',true);
          $('[name="emptype"]').val(emptype);
          $('[name="user_type"]').val(usertype);
          $('.office_employee_select2').empty().append(new Option(user_name + '-'+ userid,userid,true)).trigger('change');
          $('.cabinet_select2').empty().append(new Option(cabinet_name,cabinet_id,true)).trigger('change');
          $('.user_type_select2').empty().append(new Option(usertype_desc,usertype,true)).trigger('change');

          if (assign_user_type == 'Y') {
            $('[name="assign_user_type"]').prop('checked',true);
          }else {
            $('[name="assign_user_type"]').prop('checked',false);
          }
          $('.form-input-styled').uniform();
          $('#employee_type_modal').modal('toggle');
        });


        $(document).on('click','.add_new',function(){
          $('#form_validation').bootstrapValidator('resetForm',true);
          $('#form_validation').bootstrapValidator('enableFieldValidators','office_employee',false);
          $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',false);
          // $('#form_validation').bootstrapValidator('enableFieldValidators','usertype',false);
          $('.office_employee_select2').val('').trigger('change')
          $('.cabinet_select2').val('').trigger('change')
          // $('.user_type_select2').val('').trigger('change')
          $('#assign_user_type_yes').prop('checked',true)
          $('#form_validation').bootstrapValidator('enableFieldValidators','office_employee',true);
          $('#form_validation').bootstrapValidator('enableFieldValidators','cabinet_id',true);
          // $('#form_validation').bootstrapValidator('enableFieldValidators','usertype',true);
          $('.form-input-styled').uniform();
          $('#employee_type_modal').modal('toggle');
        });

        $(document).on('click','.delete_record', function(e) {
          $(this).tooltip('hide');
          var id = $(this).attr('data-id');
          swal({
              text: "You want to discontinue.",
              type: 'warning',
              showCancelButton: true,
              confirmButtonText: 'Yes',
              cancelButtonText: 'No, cancel!',
              confirmButtonClass: 'btn btn-success',
              cancelButtonClass: 'btn btn-danger',
              buttonsStyling: true
          }).then(function (result) {
            if(result.value == true) {
              $('#page_loader_modal').modal();
              $.post(base_url + '/api/auth/user/remove',{ 'id' : id}).done(function(result) {
                $('#page_loader_modal').modal('toggle');
                  if(result.status == 'success'){
                    $.jGrowl(result.response.message, {
                       header: 'Success',
                       theme: 'bg-success alert-styled-left ',
                       position: 'top-right'
                    });
                    if ($('[name="tab_type"]').val() == 'SY') {
                      system_admin_data();
                    }else if ($('[name="tab_type"]').val() == 'SA') {
                      super_admin_data();
                    }else if ($('[name="tab_type"]').val() == 'A') {
                      admin_data();
                    }else {
                      user_data();
                    }
                  } else {
                    $.jGrowl(result.response.message, {
                       header: 'Failed',
                       theme: 'bg-danger alert-styled-left ',
                       position: 'top-right'
                    });
                  }
              }).fail(function(xhr, status, error) {
                  bv.disableSubmitButtons(false);
                  $('#page_loader_modal').modal('toggle');
                  $('#server_response_message').text(error);
                  $('#server_error_modal').modal();
              });
            }
          });
        });

        $(document).on('click','#user_type_show_filter', function(e) {
          $('html,body').animate({
            scrollTop: $(window).scrollTop() + 100
          }, 1000, function() {
          $('#user_type_hide_filter').attr('style','display:block !important');
          $('#user_type_show_filter').attr('style','display:none !important');
          $('#user_type_filter_block').attr('style','display:block !important');
          });
        });


        $(document).on('click','#user_type_hide_filter', function(e) {
          $('html,body').animate({
            scrollTop: $(window).scrollTop() - 100
          }, 1000, function() {
          $('#user_type_show_filter').attr('style','display:block !important');
          $('#user_type_hide_filter').attr('style','display:none !important');
          $('#user_type_filter_block').attr('style','display:none !important');
          });
        });


   });


</script>
<script>
window.addEventListener("orientationchange", function() {
  if (window.matchMedia("(orientation: portrait)").matches) {
      $($.fn.dataTable.tables( true ) ).DataTable({ destroy:true, responsive : false}).responsive.rebuild();
   }
  if (window.matchMedia("(orientation: landscape)").matches) {
    $($.fn.dataTable.tables( true ) ).DataTable({ destroy:true, responsive : true}).responsive.rebuild();
   }
   $($.fn.dataTable.tables( true ) ).css('width', '100%');
}, false);
</script>
@stop