@extends('ctrl.app')

@section('head-script')
@endsection

@section('head-styles')
@endsection

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">

                    <div class="card-header">
                        <div class="row justify-content-between">
                            <div class="mt-2 ml-3">Permissions for Role <span
                                        class="text-info font-weight-bold">{{$role->title}}</span></div>
                            <div>
                                <a class="btn btn-outline-primary mr-3" href="{{session('ctrl_back', route('roles.index'))}}">Back to
                                    Roles</a>
                            </div>
                        </div>
                    </div>


                    <div class="card-body">
                        <div class="table-responsive-md">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th scope="col" class="text-center"></th>
                                    <th scope="col" class="text-center">Permissions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($models as $model)
                                    <tr id="{{$model}}">
                                        <th scope="row" class="text-center align-middle">{{$model}}</th>
                                        <td class="align-middle">
                                            @foreach( (auth('admin')->user()->is_super_user ? $permissions : $permissions->where('pivot.model',$model)) as $permission)
                                                @if($model != 'General' && (in_array($model, $permission->assigned_models) || empty($permission->assigned_models)))
                                                    @if($role->permissions->where('id',$permission->id)->where('pivot.model',$model)->count())
                                                        <button  class="btn btn-success mb-1" data-pid="{{$permission->fake_id}}" data-rid="{{$role->fake_id}}" data-action="takeaway">{{$permission->title}}</button>
                                                    @else
                                                        <button  class="btn btn-outline-danger mb-1" data-pid="{{$permission->fake_id}}" data-rid="{{$role->fake_id}}" data-action="give">{{$permission->title}}</button>
                                                    @endif
                                                @elseif($model == 'General' && in_array($model, $permission->assigned_models))
                                                    @if($role->permissions->where('id',$permission->id)->where('pivot.model',$model)->count())
                                                        <button  class="btn btn-success mb-1" data-pid="{{$permission->fake_id}}" data-rid="{{$role->fake_id}}" data-action="takeaway">{{$permission->title}}</button>
                                                    @else
                                                        <button  class="btn btn-outline-danger mb-1" data-pid="{{$permission->fake_id}}" data-rid="{{$role->fake_id}}" data-action="give">{{$permission->title}}</button>
                                                    @endif
                                                @endif
                                            @endforeach
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer-script')
    <script>

        $(document).on('click', '.btn-success, .btn-outline-danger', function(e) {
            e.preventDefault();
            let button = $(e.target);
            let action = this.dataset.action;
            let pid = this.dataset.pid;
            let rid = this.dataset.rid;
            let model = this.closest('tr').id;


            $.ajax({
                type: 'POST',
                url: baseUrl+'/roles/'+rid+'/permissions/'+pid,
                data: {action:action, model:model},
                beforeSend: function() {
                    button.html("<img src='{{asset('images/spinner.gif')}}' width=24>");
                },
                success: function (response) {
                    if (response === 'success') {
                        $("#" + model).load(location.href + " #" + model + ">*", "");
                    } else if (response === '403') {
                        location.reload();
                    }
                }
            });
        });


    </script>
@endsection