@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>
            @elseif (Request::get("page_user_type") == 'SA')
              <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
          <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
                $tab_type = '';
                $tab_type_value = '';
                  switch (Request::get("page_user_type")) {
                    case 'SY':
                        echo "System Admin";
                        $tab_type = 'SY';
                        $tab_type_value = 'System Admin';
                      break;
                    case 'SA':
                        echo "Super Admin";
                        $tab_type = 'SA';
                        $tab_type_value = 'Super Admin';
                      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">
              <div class="row">
                <div class="col-md-3 d-none">
                  <label>Employee Type </label>
                  <div class="form-group mt-1">
                     <div class="form-check-inline">
                       <label class="form-check-label">
                         <input type="radio" name="emp_type" class="form-input-styled " value="O" checked>
                         Office Staff
                       </label>
                     </div>
                     <div class="form-check-inline">
                       <label class="form-check-label">
                         <input type="radio" name="emp_type" class="form-input-styled" value="S">
                         Non Office Staff
                       </label>
                     </div>
                  </div>
                </div>
              {{-- <div class="col-md-1 col-12">
                <div class="form-group ">
                  <label class="invisible d-none d-sm-inline-block">Display</label>
                  <button class="btn bg-theme btn-block btn-theme text-center system_admin_form_filter_btn">Display</button>
                </div>
              </div> --}}
              </div>
              <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">
              <div class="row">
                <div class="col-md-3 d-none">
                  <label>Employee Type </label>
                  <div class="form-group mt-1">
                     <div class="form-check-inline">
                       <label class="form-check-label">
                         <input type="radio" name="emp_type" class="form-input-styled " value="O" checked>
                         Office Staff
                       </label>
                     </div>
                     <div class="form-check-inline">
                       <label class="form-check-label">
                         <input type="radio" name="emp_type" class="form-input-styled" value="S">
                         Non Office Staff
                       </label>
                     </div>
                  </div>
                </div>
              {{-- <div class="col-md-1 col-12">
                <div class="form-group ">
                  <label class="invisible d-none d-sm-inline-block">Display</label>
                  <button class="btn bg-theme btn-block btn-theme text-center super_admin_form_filter_btn">Display</button>
                </div>
              </div> --}}
              </div>
              <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>
  </div>
</div>
<div id="employee_type_modal" class="modal fade modal-fullscreen-xs-down">
  <div class="modal-dialog modal-md">
     <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 Users</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="emp_type" value="O">
            <div class="row">
              <div class="col-md-12" >
                <div class="form-group">
                  <label>Employee <span class="text-danger">*</span></label>
                  <select class="form-control office_employee_select2" name="office_employee"></select>
                </div>
              </div>
              <div class="col-md-4 site_employee_blog" style="display:none">
                <div class="form-group">
                  <label>Employee <span class="text-danger">*</span></label>
                  <select class="form-control site_employee_select2" name="site_employee"></select>
                </div>
              </div>
              <div class="col-md-4 user_type_blog" style="display:none">
                <div class="form-group">
                  <label>User Type <span class="text-danger">*</span></label>
                  <select class="form-control user_type_select2" name="user_type"></select>
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn mr-2  bg-theme text-white-800" id="form_submit_btn">Save </button>
                  <button type="button" class="btn mr-2  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  bg-warning text-white-800 border-warning btn_clear" data-dismiss="modal">Cancel </button>
                </div>
              </div>
            </div>
          </form>
        </div>
     </div>
  </div>
</div>
<input type="hidden" name="tab_type" value="{{ $tab_type}}">
<input type="hidden" name="tab_type_value" value="{{ $tab_type_value}}">
<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){
             if (jQuery.inArray(value.usertype,['SY']) !== -1) {
             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){
             if (jQuery.inArray(value.usertype,['SA']) !== -1) {
             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();
         });
     }

     if ($('[name="tab_type"]').val() == 'SY') {
       $('.system_admin').trigger("click")
       system_admin_data();
     } else {
       $('.super_admin').trigger("click")
       super_admin_data();
     }
     $(document).on('click','.system_admin',function(){
       $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="tab_type"]').val('SY');
       $('[name="tab_type_value"]').val('System Admin');
       system_admin_data();
     });
     $(document).on('click','.super_admin',function(){
        $('.tab_mange_name').text($(this).attr('data-tab'));
       $('[name="tab_type"]').val('SA');
       $('[name="tab_type_value"]').val('Super Admin');
       super_admin_data();
     });

     $('.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(){

     });

     $('.site_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/employee',
          dataType: 'json',
          async: true,
          data:{
            pagination:false
          },
          data: function (keyword) {
            return {
              search_param : keyword.term,
              region_id : "{{ Request::get('cookie_region_filter') }}",
              branch_id : "{{ Request::get('cookie_branch_filter') }}",
              emp_type : '%Non Office Staff%'
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                return {
                      text : value.employee_name + ' -' + value.employee_id,
                      id : value.employee_id,
                   }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     }).on('change',function(){

     });

     $('.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 : $('#form_validation').find('[name="emp_type"]').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; },
     });

      $('#form_validation').bootstrapValidator({
        message: 'This value is not valid',
        excluded: [':disabled', ':hidden', ':not(:visible)'],
           fields: {
             office_employee: {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'Employee is required'
                     },
                 }
             },
             site_employee: {
               enabled : true,
                   validators: {
                     notEmpty: {
                         message: 'Site Employee is required'
                     },
                 }
             },
             user_type: {
               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'){
              $('#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 {
                super_admin_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','.add_new',function(){
          $('#form_validation').bootstrapValidator('resetForm',true);
          $('#form_validation').find('[name="emp_type"]').val('O');
          $('.office_employee_blog').show();
          $('.site_employee_blog').hide();
          $('#form_validation').bootstrapValidator('enableFieldValidators','site_employee',false);
          $('#form_validation').bootstrapValidator('enableFieldValidators','office_employee',false);
          $('#form_validation').find('.office_employee_select2').val('').trigger('change');
          $('#form_validation').bootstrapValidator('enableFieldValidators','office_employee',true);
          $('#form_validation').bootstrapValidator('enableFieldValidators','user_type',false);
          $('#form_validation').find('.user_type_select2').empty().append(new Option($('[name="tab_type_value"]').val(),$('[name="tab_type"]').val(),true)).trigger('change');
          $('#form_validation').bootstrapValidator('enableFieldValidators','user_type',true);
          $('.form-input-styled').uniform();
          $('.user_type_blog').hide();
          $('.assign_user_type_blog').hide();
          $('#form_validation').bootstrapValidator('enableFieldValidators','user_type',false);
          $('#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  {
                      super_admin_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','.system_admin_form_filter_btn',function(e){
                  e.preventDefault();
                    system_admin_data();
                });

                $(document).on('click','.super_admin_form_filter_btn',function(e){
                  e.preventDefault();
                    super_admin_data();
                });

   });


</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