@extends("layouts.app")
@section("content")
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-list font-green"></i>
                <span class="caption-subject font-green bold uppercase">@lang("constants.permissions")</span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="table-scrollable">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th> @lang("constants.name") </th>
                        <th> @lang("constants.options") </th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($permissions as $permission)
                        <tr>
                            <td>
                                {{$permission->name}}
                            </td>

                            <td>
                                {{Form::open(['route'=>["permissions.destroy",$permission->id],'method'=>"delete"])}}
                                <a href="{{route("permissions.edit",$permission->id)}}" class="btn btn-outline btn-sm purple" title="Edit"><i class="fa fa-edit"></i> @lang("constants.edit")</a>
                                <button onclick="return confirm('are you sure?')" type="submit" class="btn btn-outline btn-sm red" title="Delete"><i class="fa fa-trash"></i> @lang("constants.delete")</button>
                                {!! Form::close() !!}
                            </td>
                        </tr>
                    @empty
                    @endforelse
                    </tbody>
                     <tfoot>
                            <tr>
                                <td colspan="8">
                                    {!! $permissions->links()!!}
                                </td>
                            </tr>
                        </tfoot>
                </table>
            </div>
        </div>
    </div>
@endsection