@extends('admin.layout.master')
@section('title','PERMISSION MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 24px !important;
    }
    .table th, .table td {
        padding: 0px 5px;
        color: black;
    }
    .table th {
        background: var(--cl-primary);
        padding: 5px !important;
        color: white !important;
    }
    .table-bordered th, .table-bordered td {
        border: 1px solid #c1c1c1 !important;
    }
    .special-cell{
        background: #bfbfbf;
        padding: 5px !important;
        color: black !important;
    }
</style>
<style>
    table {

        width:100%
    }
    table, td, th {
        border: 1px solid gray;
        border-collapse:initial;
        border-spacing: 0;
        padding: 2px 4px;
    }
    td {
        vertical-align: top;
    }
    @media print {
        thead { display: table-header-group; }

        .table th {
            background: #fff;
            color: #000 !important;
        }
    }
    .hidden_row {
       display: none;
   }
   label{
    color: #fff;
   }

</style>
@endsection
@section ('content')
@php
    $opt=[0=>'index',1=>'create',2=>'store',3=>'edit',4=>'update',5=>'destroy',6=>'other',7=>'report'];
@endphp
    <div class="card sina-card">
        @include('admin.layout.title_header', ['title'=>'All Permissions'])
        <div class="card-body" id="divTableDataHolder">
            <div class="col-md-12 table-responsive-sm" style="padding-bottom: 15px;">
            
                <div class="pro_trans_table">
                    <div class="input-group row justify-content-between" style="position: sticky; top: 75px;z-index:25000">
                        <div class="input-group-append">
                            
                        </div>
                    </div>
                    <div class="container-fluid tab-pane active sticky-top bg-dark text-white">
                        <div class="row hidden_content p-2">
                                
                                <div class="col">
                                    <label for="">Module</label>
                                    <select name="module" class="new_select_2" id="module" style="width:100%">
                                        <option value="0">No Change</option>
                                        @forelse ($modules as $module)
                                        {{-- @forelse ($modules->where('parent_id',null) as $module) --}}
                                            <option value="{{$module->id}}">{{$module->name}}</option>
                                        @empty
                                            
                                        @endforelse

                                    </select>
                                </div>
                                <div class="col">
                                    <label for="sub_module">Sub Module</label>
                                    <select name="sub_module" class="new_select_2" id="sub_module" style="width:100%">
                                        <option value="0">No Change</option>
                                        @forelse ($submodules as $module)
                                        {{-- @forelse ($modules->where('parent_id','>',0) as $module) --}}
                                            <option value="{{$module->id}}">{{$module->name}}</option>
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                                <div class="col">
                                    <label for="">Group Name</label>
                                    <input list="permission_groups" type="text" name="" id="group_name" class="form-control-sm">
                                    <datalist id="permission_groups">
                                        @forelse($permissions->groupBy('group_name') as $key=>$group)
                                            <option value="{{$key}}">
                                        @empty
                                        @endforelse

                                    </datalist>
                                </div>
                                <div class="col">
                                    <label for="">Task</label>
                                    <select name="task" class="select_2" id="task" style="width:100%">
                                        <option value="-1">No Change</option>
                                        @forelse ($opt as $k=>$v)
                                            <option value="{{$k}}">{{$v}}</option>
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                                <div class="col">
                                    <label for="">Display</label>
                                    <select name="type" class="select_2" id="type" style="width:100%">
                                        <option value="0">N/A</option>
                                        <option value="1">Show</option>
                                        <option value="2">Hide</option>
                                    </select>
                                </div>
                                <div class="col">
                                    <br>
                                    <div class="input-group">
                                        <button type="button" class="btn-xs btn-danger hidden_content" onclick="showHiddenRow()"><i class="fa fa-check"></i></button>
                                        <button class="hidden_content btn-xs btn-danger" style="min-width: 50px;" id="submit_buttom" onclick="searchPermission()"><i class="fa fa-search"></i></button>
                                        <button class="hidden_content btn-xs btn-warning" style="min-width: 50px;" id="" onclick="bulkUpdate()"><i class="fa fa-save"></i></button>
                                    </div>
                                </div>
                        </div>
                    </div>
                    <div id="_branch" class="container-fluid tab-pane active p-0" style="height: calc(100vh - 250px); overflow-y: scroll">
                        <div class="" id="">
                            <table class="table table-bordered table-hover p-0" id="datatable_apply">
                                <thead class="">
                                    <tr>
                                        <th>#</th>
                                        <th>SL</th>
                                        <th>Icon</th>
                                        <th>Name</th>
                                        <th>Local Name</th>
                                        <th>Route</th>
                                        <th>Group</th>
                                        <th>Task</th>
                                    </tr>
                                </thead>
                                <tbody id="report_html">
                                    @include('admin.permission.body')
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    @include('admin.global.loader')
@endsection
@section('script')
<script>
    $('.select_2').select2();
    $('.new_select_2').select2({
        tags: true
    });
    const showHiddenRow=(type)=>{
        $('.hidden_row').toggle();
        nullFormData();
    }
    const nullFormData=()=>{
        $('#module').val(0).trigger('change');
        $('#sub_module').val(0).trigger('change');
        $('#group_name').val('');
        $('#type').val(0).trigger('change');
        $('#task').val(-1).trigger('change');;
    }
    const selectGroupWise=(t,rn)=>{
        if(t.checked) {
            $('.'+rn).prop("checked", true);
        }else{
            $('.'+rn).prop("checked", false);
        }
    }
    const bulkUpdate=()=> {
        let currentUser=@json(active_user());
        var permission_ids = [];
        $.each($("input[name='bluk_item']:checked"), function() {
            permission_ids.push($(this).val());
        });
        if (permission_ids.length > 0) {
            let link="{{route('permission.bulk_update')}}";
            let c=null;
            let int_data_param={
                module:$('#module').val(),
                sub_module:$('#sub_module').val(),
                group_name:$('#group_name').val(),
                type:Number($('#type').val()),
                task:Number($('#task').val()),
                ids:permission_ids,
            }
            const showResponse=()=>{
                Swal.fire('Update Successfull', '', 'success');
                $('#loader').hide();
                searchPermission();
            }
            ajaxCall(link,'POST',int_data_param, showResponse);
        } else {
            alert('Please Select Order');
        }
    }
    const searchPermission=()=>
    {
       $('.hidden_row').hide();//.slow();
    //    $('.table_type_btn'+type).addClass('table_type_active');
    //    $('.table_type_btn'+(type==1?0:1)).removeClass('table_type_active');
        let link="{{route('permission.index')}}";
        let c=null;
        let int_data_param={
            module:$('#module').val(),
            sub_module:$('#sub_module').val(),
            group_name:$('#group_name').val(),
            type:Number($('#type').val()),
            task:Number($('#task').val()),
            search:1
        }
        const setReportHtml = data => {
            $('#report_html').html(data);
            $('#loader').hide();
        }
        ajaxCall(link,'GET',int_data_param, setReportHtml);
}
const getInputForEdit=(type,td_id,text)=>{
    let srt=['','str_','str_l_','str_cl_','str_sl_'];
    let cls_key=['','name','local_name','icon_cls','sorting_index'];
    let td_ids=td_id.split(srt[type]);
    var html=`<input class="form-control-sm text-center" type="text" onblur="updatePermissionData('`+cls_key[type]+`',`+td_ids[1]+`,this.value,'`+text+`')" value="`+text+`">`;
    $('#'+td_id).html(html);
}
const updatePermissionData=(cls_key,permission_id,newdata,oldData)=>{
    if(newdata!=oldData){
        Swal.fire({
            icon: 'warning',
            title: 'Confirmation',
            html: 'Are You Sure?',
            showConfirmButton: true,
            showDenyButton: true,
            position: 'center',
            timer: null,
        }).then((res) => {
            if(res.isConfirmed){
                $.ajax({
                type: "POST",
                url: "{{route('permission.store')}}",
                data: {
                    _token:"{{csrf_token()}}",
                    search_group_name:oldData,
                    set_group_name:newdata,
                    permission_id:permission_id,
                    key:cls_key,
                    type:100
                },
                success: function (data) {
                    Swal.fire('Update Successfull', '', 'success');
                    $('#loader').hide();
                    searchPermission();
                },
                error: function (response) {
                },
            });
            }
        });
    }else{
        Swal.fire('There is No update', '', 'warning');
    }
}
</script>
@stop