@extends('layouts.admin')
@section('title', 'Permissions')
@section('permissions', 'active')
@section('permissions_list', 'active')
@section('content')

    <section class="content-header">
        <h1>Permissions</h1>
    </section>

    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">Registered Permission</div>
            <div class="box-body">
                <table class="table table-left datatable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>name</th>
                            <th>display_name</th>
                            <th>description</th>
                            <th>created_at</th>
                            <th>Roles</th>
                            <th>Options</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach($permissions as $perm)
                                                <tr>
                            <td>{{$count}}</td>
                            <td>{{$perm->name}}</td>
                            <td>{{$perm->display_name}}</td>
                            <td>{{$perm->description}}</td>
                            <td>{{$perm->created_at}}</td>
                            <td>
                                @foreach($perm->roles as $role)
                                <label class="label label-info">{{$role->display_name}}</label>
                                @endforeach
                            </td>
                            <td>
                                <a href="{{url('superadmin/permissions/'.$perm->id)}}" class="btn btn-default btn-sm" data-toggle="tooltip" title="Edit Permission">
                                    <i class="fa fa-edit"></i>
                                </a>
                                <a href="javascript:;" class="btn btn-danger btn-sm" onclick="deletePermission('{{$perm->id}}')" data-toggle="tooltip" title="Delete Permission">
                                    <i class="fa fa-trash"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <a href="{{url('superadmin/permissions/add')}}" class="btn btn-primary">
            <i class="fa fa-plus-circle"></i> Add Permission
        </a>
    </section>

@endsection

@section('footerScripts')
    <script>
        function deletePermission(permission_id) {
            $.confirm({
                title: 'Delete Permission',
                content: 'Are you sure want to delete this permission? This permission might be assigned for certain user.',
                buttons: {
                    cancel: function () {
                        
                    },
                    somethingElse: {
                        text: 'DELETE',
                        btnClass: 'btn-red',
                        keys: ['enter', 'shift'],
                        action: function(){
                            $.ajax({
                                url: "{{url('')}}/superadmin/permissions/"+permission_id+"/delete",
                                type: "POST",
                                data: "_token={{csrf_token()}}&permission_id="+permission_id,
                                success: function(response) {
                                    if(response.status == 'success') {
                                        $.alert(response.message);
                                        location.reload();
                                    } else {
                                        $.alert(response.message);
                                    }
                                },
                                error: function(response) {
                                    $.alert(response.message);
                                }
                            });
                        }
                    }
                }
            });
        }
    </script>
@endsection