@extends('auth::layoutsbs4.main',['page_title' => 'Auth::User Rights',
'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"> User Rights </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 Rights</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 Rights</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-xl-12 " id="menu_form">
     <div class="card">
       <div class="card-header bg-white header-elements-inline p-2">
         <h6 class="card-title"><i class="icon-pencil7 text-theme mr-2" aria-hidden="true"> </i>Manage User Rights</h6>
         <div class="header-elements"></div>
       </div>
        <div class="card-body">
        <form id="form_validation">
          <div class="row">
            <div class="col-md-2">
              <div class="form-group">
                <label>Cabinet</label>
                <select class="form-control filter_cabinet_select2" name="cabinet_id">
                  @if (Request::get('cabinet_id'))
                    <option value="{{ Request::get('cabinet_id') }}" selected>{{ Request::get('cabinet_name') }}</option>
                  @endif
                </select>
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label>Main Module </label>
                <select class="form-control filter_main_module_select2" name="main_module_id">
                  @if (Request::get('main_module_id'))
                    <option value="{{ Request::get('main_module_id') }}" selected>{{ Request::get('main_module_name') }}</option>
                  @endif
                </select>
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label>Sub Module</label>
                <select class="form-control filter_sub_module_select2" name="sub_module_id">
                  @if (Request::get('sub_module_id'))
                    <option value="{{ Request::get('sub_module_id') }}" selected>{{ Request::get('sub_module_name') }}</option>
                  @endif
                </select>
              </div>
            </div>
            <div class="col-md-3">
              <label>User Type</label>
              <div class="form-group">
                <select class="form-control form-control-lg user_type_select2" name="user_type_id"></select>
              </div>
            </div>
            <div class="col-md-1 text-center">
              <label class="d-none d-sm-block invisible">Manage</label>
              <div class="form-group">
                <button type="submit" class="btn  btn-danger btn-block" style="margin-top: 2px;">Manage</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="col-md-12">
    <div id="user_rights_list_blog">
    </div>
  </div>
</div>
<script type="text/javascript">
var base_url = {!! json_encode(url('/')) !!};
   $('body').tooltip({
       selector: '[data-toggle="tooltip"]'
   });

     function user_rights_list(){
       $.ajax({
           type: 'GET',
           url : "{{ route('menu.access.user.rights.blog') }}",
           data : $('#form_validation').serialize(),
           success : function (data) {
               $('#user_rights_list_blog').show();
               $('#user_rights_list_blog').empty().append(data);
           }
       });
     }

    document.addEventListener('DOMContentLoaded', function() {
     $('.user_type_select2').select2({
       placeholder: "Search User Type",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No User Type were found";
          }
        },
        allowClear: false,
        maximumSelectionSize: 1,
        minInputLength:0,
        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,
              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(e){
        $('#user_rights_list_blog').hide();
      });

   $('#form_validation').bootstrapValidator({
       message: 'This value is not valid',
       excluded: [':disabled', ':hidden', ':not(:visible)'],
          fields: {
           user_type_id : {
             enabled : true,
             validators: {
                 notEmpty: {
                     message: 'User Type is required'
                 },
               }
            },
            main_module_id: {
              enabled : true,
                  validators: {
                    notEmpty: {
                        message: 'Main module is required'
                    },
                }
            },
            sub_module_id: {
              enabled : true,
                  validators: {
                    notEmpty: {
                        message: 'Sub module 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');
       bv.disableSubmitButtons(false);
       user_rights_list();
     });

     $(document).on("click",'#submit_user_rights_permission',function(){
       $.post(base_url + '/api/auth/user-type/store',$('#user_rights_permission_form').serialize()).done(function(result){
        if(result.status == 'success'){
          if(result.response.type == 'save_success'){
            $.jGrowl(result.response.message, {
               header: 'Success',
               theme: 'bg-success alert-styled-left ',
               position: 'top-right'
            });
         } else {
           $.jGrowl(result.response.message, {
              header: 'Warning',
              theme: 'bg-warning alert-styled-left ',
              position: 'top-right'
           });
         }
        } else {
          $.jGrowl(result.response.message, {
             header: 'Warning',
             theme: 'bg-warning alert-styled-left ',
             position: 'top-right'
          });
        }
        }).fail(function(xhr, status, error) {
          bv.disableSubmitButtons(false);
          $('#server_response_message').text(error);
          $('#server_error_modal').modal();
        });
     });

     $('.filter_sub_module_select2').select2({
       placeholder: "Search Sub Module",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No Sub Module were found";
          }
        },
        allowClear: false,
        maximumSelectionSize: 1,
        // minimumInputLength:4,
        ajax: {
          url:  base_url + '/api/auth/sub-module/list',
          dataType: 'json',
          async: true,
          data: function (keyword) {
            return {
              name : ((keyword.term)? '%' + keyword.term + '%' : ''),
              main_module_id : $('.filter_main_module_select2').val()
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                return {
                        text : value.ShortName + ' - ' + value.MainModuleName,
                        id : value.ID,
                   }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     }).on('change',function(e){
       $('#user_rights_list_blog').hide();
     });



     $('.filter_main_module_select2').select2({
       placeholder: "Search Main Module",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No Main Module were found";
          }
        },
        allowClear: false,
        maximumSelectionSize: 1,
        // minimumInputLength:4,
        ajax: {
          url:  base_url + '/api/auth/main-module/list',
          dataType: 'json',
          async: true,
          data: function (keyword) {
            return {
              name : ((keyword.term)? '%' + keyword.term + '%' : ''),
              discontinue_tag : 'N',
              cabinet_id : $('.filter_cabinet_select2').val()
            };
          },
          processResults: function (data) {
           return {
              results: $.map(data.data, function(value) {
                return {
                        text : value.ShortName,
                        id : value.ID,
                   }
              })
           };
          },
          cache: true
        },
        escapeMarkup: function (markup) { return markup; },
     }).on('change',function(e){
       $('#user_rights_list_blog').hide();
     });


     $('.filter_cabinet_select2').select2({
       placeholder: "Search Cabinet",
       width: '100%',
       language: {
          noResults: function (params) {
            return "No Cabinet were found";
          }
        },
        allowClear: false,
     });

    });
</script>
@stop