@extends('layouts.app')

@section('content')

<section class="content-header" style="margin-bottom:20px">
    <h1>
        Permission Management
        <small>manage permissions</small>
    </h1>
</section>

@if ($message = Session::get('success'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }}</p>
</div>
@endif

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Permission Data</h3>
        <div class="pull-right">
            <a class="btn btn-success btn-sm pull-right" href="{{ route('permissions.create') }}"> Create New Permission</a>
        </div>
    </div>
    <div class="box-body">
        <table class="table table-bordered table-hover dataTable">
            <tr>
                <th>No</th>
                <th>Name</th>
                <th>Description</th>
                <th>Action</th>
            </tr>

            @foreach ($permissions as $key => $permission)
            <tr class="perm_{{ $permission->id }}">
                <td>{{ $permission->id }}</td>
                <td>{{ $permission->name }}</td>
                <td>{{ $permission->description }}</td>
                <td>
                    @can('permission-edit')
                    <a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('permissions.edit',$permission->id) }}">Edit</a>
                    @endcan

                    @can('permission-delete')
                    <a class="btn btn-danger btn-sm btn-block space_buttons deletePerm" data-id="{{ $permission->id }}" href="#">Delete</a>
                    @endcan
                </td>
            </tr>
            @endforeach
        </table>
    </div>
    <hr>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{{ $permissions->links() }}</div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(document).on('click', '.deletePerm', function (e) {
            e.preventDefault();

            var that = $(this);
            var checkMsg = confirm("Are you sure you want to delete this record!");
            if (!checkMsg) {
                return false;
            }
            $.ajax({
                type: "POST",
                url: '/permissions/destroy',
                data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id')},
                success: function (json) {
                    if (json.status == 'success') {
                        that.closest('.perm_' + json.id).delay(1000).html('<td colspan="5" style="text-align:center;">' + json.message + '</td>').fadeOut(1000, function () {
                            $(this).remove();
                        });
                    } else if (json.status == 'failure') {
                        //that.css("display", "block");
                    }
                }
            });
        });
    });
</script>

@endsection