@include('theme_layout/header_test')
@include('theme_layout/nav_test')	
<div class="app-main__outer"> 
 <div class="app-main__inner">
  <div class="app-page-title">
   <div class="page-title-wrapper">
	<div class="page-title-heading">
	 <div style="color: #2d3234;"> Role Permission </div> 
    </div>  
   </div> 
  </div>            
					 
        <div class="tab-content">
         <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
          <div class="main-card mb-3 card">
           <div class="card-body">
		    @if(Session::has('successMessage'))
	        <input id="toster_id" type="hidden" value="{{ Session::get('successMessage') }}">
	       @endif
	 	   <h5 class="card-title"></h5> 
            <form onsubmit="return checkForm(this);" method="post"  action="{{ route('user_permission_store') }}"  >
             {{ csrf_field() }}
              <div class="form-row">
               <div class="col-md-4">
			    <div class="position-relative form-group ">
			     <label class="font-weight-bold ml-2" for="role" class="">Role</label>
				 <select class="mb-2 form-control country1" name="role" id="role" required >  
			      <option value=""> </option>
		           @foreach($user_role as $role_name)
			        <option value ="{{$role_name->id}}">{{$role_name->role_code}} - {{$role_name->role_name}}</option>
			       @endforeach
			        </select>
				   <input name="parent_menu"  value="" type="hidden" id="parent_menu" autocomplete="off" ">
			    </div>
	          </div> 
            </div>
										
        <div class="form-row" id="accordion1" style="display:none">
         <div class="col-md-12">
          @foreach($menu as $key => $menu_name)
           <div id="accordion" class="accordion-wrapper mb-3">
            <div class="card">
             <div id="headingOne" class="card-header">
              <button value="{{$key}}" id="{{$menu_name->id}}" type="button" data-toggle="collapse" data-target="#menu{{$key}}" aria-expanded="true" aria-controls="collapseOne" class="text-left m-0 p-0 btn btn-link btn-block menu_id">
              <h5 class="m-0 p-0">{{$menu_name->menu_name}}</h5>
             </button>
           </div>
		   
        <div data-parent="#accordion" id="menu{{$key}}"  aria-labelledby="headingOne" class="collapse">
        <div class="card-body">
       </div>
      </div>
     </div>
    </div>
   @endforeach	
  </div>
 </div>	
	   
        <center> <button style="display:none" type="submit" name="btnsubmit"  class="mt-3 btn btn-primary btn-lg" id="assign_customer1">Assign Permission</button> </center>	
	    </form>
       </div>
	  </div>
	</div> <!--card-body-->
   </div> <!--main-card mb-3 card-->
  </div> <!--tab-pane tabs-animation fade show active-->			   
 	
 </div> 
 
 </div> 
 @include('theme_layout/footer_test')
 </div> 
   
    <script>
    var jq = $.noConflict();
		 function checkForm(form)
			{ 
		form.btnsubmit.disabled = true;
		return true;
			}

    function checked1(id,key)
     {
    
	    jq('.Allrow'+id+'').change(function () {

            jq('.rowchecked'+key+'s'+id+'').prop('checked', jq(this).prop("checked"));

         });
      }
	 
	  function allchecked1(id)
      {
        jq('.applyAllrow'+id+'').change(function () {

            jq('.rowchecked1'+id+'').prop('checked', jq(this).prop("checked"));

         });
	   
       }

    jq(document).ready(function(){
		
		// @if(Session::has('successMessage'))
		// 	var toster=jq('#toster_id').val();
		// 	if(toster!=''){
		// 		Swal.fire({
		// 			icon: 'success',
		// 			title: ''+toster,
		// 			showConfirmButton: false,
		// 			timer: 2000
		// 		}) 
		// 	}
		// 	{{ Session::forget('successMessage') }}
		// @endif

	
     jq(".menu_id").click(function(){
           var menu_id= jq(this).attr('id');
             var inc=jq(this).attr('value'); 
			  jq('#parent_menu').val(menu_id);
			
          
		     var role = jq('#role').val();
		    get_submenu(menu_id,inc,role);
		 
       });
	//   $('#role').SumoSelect({ selectAll:true,search: true,triggerChangeCombined : true});
	
     $("#role").change(function(){
		 
            var role = jq('#role').val();
            jq('#accordion1').show();
			jq('#assign_customer1').show();
			
			
            });

    function get_submenu(menu_id,inc,role)
       {
		 
         jq.ajax({
          url: "{{ URL('user_permission_get_submenu/') }}" +"/" + menu_id+'/'+role,
           type:"GET",
           success:function(respons)
        {
       
           jq('#menu'+inc+'').html(respons);
		  jq('#assign_customer1').show();
          
        
           }
         });
       }
	 
    });


    </script>