@extends('layout.backend.main')

@section('content')

<div class="portlet light bordered">

    <div class="portlet-title">
        <div class="caption font-dark">
            <i class="icon-settings font-dark"></i>
            <span class="caption-subject bold uppercase"> {!!trans('x.Permissions')!!}</span>
        </div>
        <div class="btn-group" style="margin-left:20px">
            <a href="#" data-toggle="modal" data-target="#modal_add_permission" class="btn sbold green"> 
                {!!trans('x.Add New')!!} <i class="fa fa-plus"></i>
            </a>
        </div>
    </div>
    
    <div class="portlet-body">

        <table class="table" id="general-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>{{ trans('x.Name') }}</th>
                    <th>{{ trans('x.Translation') }}</th>
                    <th><i class="fa fa-pencil"></i></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($permissions as $permission)
                    <tr>
                        <td>{{ $permission->id }}</td>
                        <td>{{ $permission->name }}</td>
                        <td>{{ trans('x.'.$permission->name) }}</td>
                        <td>
                            <a href="#" data-toggle="modal" data-target="#modal_edit_permission" data-id="{{ $permission->id }}" class="btn btn-sm"><span class="fa fa-pencil"></span></a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    
    </div>
</div>

@include('modals.settings.permissions.new')
{!! X::dynamicModal('modal_edit_permission', '/modals/settings/permissions/edit') !!}

@stop