@extends('layouts.default')

@section('title', 'Edit Role')

@section('content')
<style>
    .btn-role-map{
        cursor:pointer;
    }
</style>
<!-- Content Wrapper. Contains page content -->
<div class="page-title d-flex align-items-center px-3 mb-1">
    <h5 class="mt-2 text-dark">
        Edit role
    </h5>
    <div class="d-flex align-items-center ms-4"> <i class="bi bi-house-up me-1 icon_color"></i>
        @if(!empty($record))
            {{Breadcrumbs::render('roles.edit',$record)}}
            
        @else
            {{Breadcrumbs::render('roles.edit',$role)}}  
        @endif                             
        
    </div>
 </div>
<div class="container">
    <div class="row">
        <div class="col-md-12">
                <div class="card">                  
                    <div class="card-body">
                        
                       <input type ="hidden" id="role_name" value = "{{@$role->name}}">
                            <div class="row col-md-12">
                            <div class="col-md-12">
                            <div class="card-header">Role Mapping</div>
                                @php
                                    $default_menu="";
                                    // For table builder
                                    $array1[] = array("colom"=>"model_has_roles.role_id","operator"=>"=","value"=>$role->id.' or NULL',"operatortwo"=>"is");
                                    // For Search
                                    $sub_array1 = array("colom"=>"model_has_roles.role_id","operator"=>"=","value"=>$role->id.' or NULL',"operatortwo"=>"is");
                                   $params_new['rawquery'] = json_encode($array1);
                                    // $params = array();
                                    $params_new['search_type'] = 'or';
                                @endphp
                                <input type="hidden" id="get_menues2" value="roles-edit">
                                <input type="hidden" id="params2" value="{{json_encode(@$params_new)}}">
                                <input type="hidden" id="rawquery2" value="{{json_encode(@$sub_array1)}}">
                                {{ TableBuilderHelper::tableBuilder(12,$params_new,"roles-edit") }}
                                </div>
                                
                                <div class="col-md-12">
                                <div class="card-header">Permission Mapping</div>
                                @php
                                    // For table builder
                                   // echo $role->name;die;
                                    $array[] = array("colom"=>"name","operator"=>"=","value"=>$role->name.' or NULL',"operatortwo"=>"is");
                                    // For Search
                                    $sub_array = array("colom"=>"role_name","operator"=>"=","value"=>$role->name.' or NULL',"operatortwo"=>"is");
                                    $params['rawquery'] = json_encode($array);
                                    $params['search_type'] = 'or';
                                    $default_menu="";
                                @endphp
                                <input type="hidden" id="get_menues3" value="permissions-edit">
                                <input type="hidden" id="params3" value="{{json_encode(@$params)}}">
                                <input type="hidden" id="rawquery3" value="{{json_encode(@$sub_array)}}">
                                {{ TableBuilderHelper::tableBuilder(13,$params,"permissions-edit") }}
                                </div>
                            </div>   
                         
                    </div>
                </div>  
        </div>
       
    </div>
</div>
<!-- /.content-wrapper -->
<script>
jQuery("document").ready(function(){
    jQuery(document).on("click", ".btn-sm" , function(e) {
        e.preventDefault;
        var currentRow=jQuery(this).closest("tr");         
        var user_id=jQuery.trim(currentRow.find("td:eq(1)").text()); // get current row 1st TD value
        var role_name = jQuery("#role_name").val(); 
        var status = jQuery.trim(jQuery(this).text());
        jQuery.ajax({
               type: "get",
               url: "/user/update-role-mapping/?user_id="+user_id+"&status="+status+"&role_name="+role_name,
               success: function (data) {
                    data = JSON.parse(data);
                    if(data.code==0){
                        jQuery("#StepsuccessMessage").text('Updated successfully!!');
                        new bootstrap.Toast(document.querySelector('#liveToast')).show();
                       //location.reload();
                    }  else {
                        alert(data.msg);
                    }                  
               }
         });
    })


    jQuery(document).on("click", ".btn-pemission-map" , function() {
        var currentRow=jQuery(this).closest("tr");         
        var permission=jQuery.trim(currentRow.find("td:eq(1)").text()); // get current row 1st TD value
        var role_name = jQuery("#role_name").val(); 
        var status = jQuery.trim(jQuery(this).text());
        jQuery.ajax({
               type: "get",
               url: "/user/update-role-mapping/?permission="+permission+"&status="+status+"&role_name="+role_name,
               success: function (data) {
                    data = JSON.parse(data);
                    if(data.code==0){
                        jQuery("#StepsuccessMessage").text('Updated successfully!!');
                        new bootstrap.Toast(document.querySelector('#liveToast')).show();
                       //location.reload();
                    }  else {
                        alert(data.msg);
                    }                  
               }
         });
    })
});
</script>
@stop