@extends('admin.layout.master')
@section('title','PERMISSION MANAGEMENT')
@section ('content')
<style>
.wrapper {
    height: 0;  
    }
</style> 
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>All Permissions</h4>
        </div>
        <div class="card-body">
            <div>
                {{-- <table class="table table-bordered table-hover">
                    <thead class="">
                        <tr>
                            <th>#</th>
                            <th>GROUP NAME</th>
                            <th>SORT</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($permissions->groupBy('group_name') as $key=>$group)
                        <tr>
                            <td></td>
                            <td class="text-left text-black" id="g{{$key}}" ondblclick="getInputForEdit(1,'{{'str_'.$key}}','{{'str_g'.$key}}')"><b>{{strtoupper($key)}}</b> </td>
                            <td>{{$group->first()->sorting_index}}</td>
                        </tr>
                    @empty
                            
                    @endforelse
                    </tbody> --}}
                <table class="table table-bordered table-hover">
                    <thead class="">
                       
                        <tr>
                            <th>#</th>
                            <th>NAME</th>
                            <th>ROUTE</th>
                            <th>GROUP</th>
                            <th>SORT</th>
                            <th>ACTION</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                        {{-- @csrf --}}
                        
                    @forelse($permissions->groupBy('group_name') as $key=>$group)
                        <tr>
                            <td class="text-center text-primary" id="{{$key}}" colspan="3" ondblclick="getInputForEdit(1,'{{'str_'.$key}}','{{'str_'.$key}}')"><b>{{strtoupper($key)}}</b> </td>
                            <td>
                                <select class="form-control select2" onchange="changeMenuGroup('{{$key}}',this.value)">
                                    @forelse (getMenuGroup() as $keyData=>$item)
                                        <option @if($group->first()->code==$keyData) selected @endif value="{{$keyData}}">{{$item}}</option>
                                    @empty
                                    @endforelse
                                </select>
                            </td>
                            <td id="list_sort_id-{{$key}}" ondblclick="getInputForEditSortG(4,'list_sort_id-{{$key}}','{{$group->first()->sorting_index}}')">{{$group->first()->sorting_index}}</td>
                            <td></td>
                        </tr>
                        @forelse ($group as $i => $permission)
                            
                            <tr>
                                <td>{{$i+1}}</td>
                                <td id="str_{{$permission->id}}" ondblclick="getInputForEdit(3,'{{'str_'.$permission->id}}','{{$permission->name}}')">{{$permission->name}}</td>
                                <td>{{$permission->route_name}}</td>
                                <td id="list_group_id-{{$permission->id}}" ondblclick="getInputForEdit(2,'{{'list_group_id-'.$permission->id}}','{{'str_'.$permission->group_name}}')">{{$permission->group_name}}</td>
                                <td id="list_sort_id-{{$permission->id}}" ondblclick="getInputForEditSort(3,'{{'list_sort_id-'.$permission->id}}','{{$permission->sorting_index}}')">{{$permission->sorting_index}}</td>
                                <td class="{{$permission->type==1?'text-info':'text-danger'}}"> <input type="hidden" id="hiddent_type-{{$permission->id}}" value="{{$permission->type}}"><span class="{{$permission->type==1?'fa fa-eye':'fa fa-eye-slash'}}" ondblclick="changeMode(this,'{{$permission->id}}')"></span></td>
                                {{-- <td> <input type="hidden" id="hiddent_type-{{$permission->id}}" value="{{$permission->type}}"><span>SHOW MENU <input id="show_menu-{{$permission->id}}" onchange="changeMode(this,'{{$permission->id}}')" value="{{$permission->type}}" type="checkbox" data-toggle="toggle" data-size="sm" data-onstyle="success" @if ($permission->type==1) checked="checked" @endif></span></td> --}}
                            </tr>
                        @empty
                            
                        @endforelse
                        @empty
                        <tr>
                            <td colspan="5">There is no data recorded</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <script>
            $(document).ready(function(){
                $('.select2').select2();
            });

        </script>
    </div> 
@endsection
@section('script')
    <!-- page script -->
<script type="text/javascript">
    let groupsData=@json($permissions->groupBy('group_name')->toArray());
    
   function getInputForEdit(type,td_id,text){
        if(type==1){
            texts=text.split("str_");
            td_ids=td_id.split("str_");
            console.log(td_ids);
                var html=`<input class="form-control-sm text-center" type="text" onblur="setGroupData(this.value,'`+texts[1]+`')" value="`+texts[1]+`">`;
                $('#'+td_ids[1]).html(html);
        }else if(type==2){
            groupsDataKey=Object.keys(groupsData);
            console.log(groupsDataKey);
            var html=`<select class="select_2" onchange="setGroupDataForSinglePermission(this.value,'`+td_id+`','`+text+`')">`;
            for (let index = 0; index < groupsDataKey.length; index++) {
                html+=`<option value="`+groupsDataKey[index]+`">`+groupsDataKey[index]+`</option>`;
            }
                html+=`</select>`;
                $('#'+td_id).html(html);
                $('.select_2').select2();
        }else if(type==3){
            td_ids=td_id.split("str_");
                var html=`<input class="form-control-sm text-center" type="text" onblur="setNameData(`+td_ids[1]+`,this.value,'`+text+`')" value="`+text+`">`;
                $('#'+td_id).html(html);
        }
    }
    function getInputForEditSortG(type,td_id,text){
            td_ids=td_id.split("list_sort_id-");
            var html=`<input class="form-control-sm text-center" type="text" onblur="setSortGroupData(this.value,'`+text+`','`+td_ids[1]+`')" value="`+text+`">`;
            $('#'+td_id).html(html);
        }
    function getInputForEditSort(type,td_id,text){
            td_ids=td_id.split("list_sort_id-");
            var html=`<input class="form-control-sm text-center" type="text" onblur="setSortData(this.value,'`+text+`','`+td_ids[1]+`')" value="`+text+`">`;
            $('#'+td_id).html(html);
        
    }
   function setGroupData(newdata,oldData){
       if(newdata!=oldData){
            if(confirm('are you sure?')){
                $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                search_group_name:oldData,
                                set_group_name:newdata,
                                type:1
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
            }else{
                alert('There is No update');
            }
       }
    function setSortGroupData(newdata,oldData,group_key){
        alert(oldData);
       if(newdata!=oldData){
            if(confirm('are you sure?')){
                $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                code:newdata,
                                group_key:group_key,
                                type:6
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
            }else{
                alert('There is No update');
            }
       }

       function setSortData(newdata,oldData,permission_id){
       if(newdata!=oldData){
            if(confirm('are you sure?')){
                $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                sorting_index:newdata,
                                permission_id:permission_id,
                                type:5
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
            }else{
                alert('There is No update');
            }
       }
   function setNameData(permission_id,newdata,oldData){
       if(newdata!=oldData){
            if(confirm('are you sure?')){
                $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                search_group_name:oldData,
                                set_group_name:newdata,
                                permission_id:permission_id,
                                type:3
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
            }else{
                alert('There is No update');
            }
       }
   function setGroupDataForSinglePermission(newdata,per_td_id,oldData){
       //alert(per_td_id);
       permission_id=per_td_id.split("-")[1];
       if(newdata!=oldData){
            if(confirm('are you sure?')){
                $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                permission_id:permission_id,
                                search_group_name:oldData,
                                set_group_name:newdata,
                                type:2
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
            }else{
                alert('There is No update');
            }
       }
       function changeMode(newdata,per_td_id){
                if(confirm('are you sure?')){
                    var type=$('#hiddent_type-'+per_td_id).val();
                    if(type==2){
                        new_type=1;
                            //$('#show_menu-'+per_td_id).attr('checked',false);
                    }else{
                        new_type=2;
                        //$('#show_menu-'+per_td_id).attr('checked',true);
                    }
                        permission_id=per_td_id;
                    $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                permission_id:permission_id,
                                new_type:new_type,
                                type:4
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
       }
       function changeMenuGroup(group_key,code){
                if(confirm('are you sure?')){
                    $.ajax({
                            type: "POST",
                            url: "{{route('permission.store')}}",
                            data: {
                                _token:"{{csrf_token()}}",
                                group_key:group_key,
                                code:code,
                                type:7
                            },
                            success: function (data) {
                            console.log(data);
                            location.reload();
                            },
                            error: function (response) {
                            },
                        });
                }
       }
</script>