@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('admin::permissions.page_title'))

@section('content')
    <section id="ps-list-content">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('admin::permissions.home')}}</a></li>
                <li>{{ __('admin::permissions.system')}}</li>
                <li>{{ __('admin::permissions.roles and permissions')}}</li>
            </ul>
        </div>
        <div class="roles-header-wrapper container-fluid p-2">
            <a href="{{ route('create_admin_permissions') }}" class="btn"><span class="me-2"><i class="fa-solid fa-plus"></i></span>{{ __('admin::permissions.create') }}</a>
        </div>
        <div class="permission-table-wrapper">
            <div class="table-responsive">
                <table id="list-table" class="table list-table table-striped table-hover table-bordered">
                <thead>
                <tr>
                    <th>{{ __('admin::permissions.id') }}</th>
                    <th>{{ __('admin::permissions.title') }}</th>
                    <th>{{ __('admin::permissions.slug') }}</th>
                    <th>{{ __('admin::permissions.description') }}</th>
                    <th>{{ __('admin::permissions.created at') }}</th>
                    <th>{{ __('admin::permissions.operations') }}</th>
                </tr>
                </thead>
                    <tbody>
                   @forelse($roles as $role)
                       <tr>
                           <td>{{ $loop->iteration }}</td>
                           <td>{{ $role->title }}</td>
                           <td>{{ $role->slug }}</td>
                           <td>{{ $role->description }}</td>
                           <td>{{ date(AdminBaseDashboard::format_date(), strtotime($role->created_at)) }}</td>
                           <td>
                               <a href="{{ route('edit_admin_permissions', ['id' => $role->id]) }}" class="btn edit-btn action-btn"><i class="fa-solid fa-pen-square"></i></a>
                               <button class="btn btn-danger action-btn" data-bs-toggle="modal" data-bs-target="#confirm-deleteModal{{ $role->id }}"><i class="fa-solid fa-trash"></i></button>
                           </td>
                       </tr>
                       @include('admin::Delete_Modal.confirm_delete')
                       @empty
                   @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </section>
    @stop