@extends('admin.layouts.app')

@php
$permission_groups = @$permission_groups;
$permissions = @$permissions;
$roles = @$roles;
$pg = "";
@endphp

@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Admin Access</h4> </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="active">Permissions</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <div class="row m-b-30">
                    <div class="col-md-6 col-xs-12">
                        <h3 class="box-title m-b-0">Permissions</h3>
                        <span class="text-muted">List of Permission</span>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <div class="pull-right">
                            <a href="{{ route('role.list') }}" class="btn btn-block btn-info"><i class="fa fa-list"></i> Admin Type</a>
                        </div>
                    </div>
                </div>
                <div class="white-box well">
                    <form method="post" action="{{ route('role.permissions.filter', $role_name) }}">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Menu Section</label>
                                <select name="permission_group" id="permission_group" class="form-control">
                                    <option value="">-- Select Group --</option>
                                    @foreach($permission_groups as $item)
                                        <option value="{{ $item->id }}" {{ is_selected(request()->get('permission_group'),$item->id) }}>{{ $item->display_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Route Name</label>
                                <input type="text" name="route_name" id="route_name" value="{{request()->get('route_name')}}" class="form-control"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-info">Search</button>
                                <a type="button" class="btn btn-danger" href="{{ route('role.permissions') }}">Reset</a>
                            </div>
                        </div>
                    </form>
                </div>
                @include('admin.includes.status')
                <div class="table-responsive">
                    <table class="table table-bordered m-t-10">
                        <thead>
                            <tr>
                                <th>Route Name</th>
                                @foreach($roles as $role)
                                    <th>{{ $role->display_name }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @if(!empty($permissions))
                                @foreach($permissions as $permission)
                                    @php
                                        $role_ids = [];
                                        if(!empty($permission->role_ids))
                                        {
                                            $role_ids = $permission->role_ids;
                                        }
                                    @endphp
                                    @if($pg != $permission->group_label)
                                        <tr>
                                            <td class="table-row-head" colspan="100%">{{ $permission->group_label }}</td>
                                        </tr>
                                    @endif
                                    @php
                                        $pg = $permission->group_label;
                                    @endphp
                                    <tr>
                                        <td><label>{{ $permission->permission_label }} <i class="fa fa-fw fa-question-circle" data-toggle="tooltip" data-placement="right" title="" data-original-title="{{ $permission->description }}"></i> </label></td>
                                        @foreach($roles as $role)
                                            @php
                                                $is_checked = "";
                                                $is_disabled = "";
                                                if(in_array($role->id,$role_ids)){
                                                    $is_checked = "checked";
                                                }
                                                if($role->role_name == 'root'){
                                                    $is_checked = "checked";
                                                    $is_disabled = "disabled";
                                                }
                                            @endphp
                                            <td>
                                                <label style="font-weight: normal;"><input type="checkbox" value="{{ $permission->id }}" {{ $is_checked }} {{ $is_disabled }} onchange="return updateRolePermission(this.checked,this.value,'{{ $role->id }}');" /> {{ $permission->permission_label }} </label>
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="100%">No Records Found</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div> 
@endsection

@section('scripts')
<script type="text/javascript">
    function updateRolePermission(is_checked,p_id,r_id){
        showLoader("#full-overlay");
        var is_checked = (is_checked == true) ? "1" : "0";
        var url = "{{ route('role.update.role.permissions') }}";
        $.ajax({
            url: url,
            type: 'post',
            data: { is_checked:is_checked, p_id: p_id, r_id:r_id },
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                hideLoader("#full-overlay");
                notifyResponseTimerAlert(response.message,response.type);
            },
        });
    }
    
</script>
@endsection