@extends('layouts.app')

@section('content')

    <div class="d-flex justify-content-between align-items-center mb-20 content-heading">
        <h2 class="h4 font-w300 mb-0">الادوار</h2>

        @can('dashboard_add_core_roles')
            <a class="btn btn-primary btn-sm btn-alt-primary btn-rounded" href="{{ route('dashboard.core.roles.create') }}">
                <i class="fa fa-plus ml-1"></i> انشاء دور جديد
            </a>
        @endcan

    </div>


    <div class="block">
    
        <div class="block-content">

            <div class="table-responsive">

                <table class="table table-vcenter">
                    <thead class="thead-light">
                        <tr>
                            <th style="width: 20px">#</th>
                            <th>الاسم</th>
                            <th>الوصف</th>
                            <th>Guard Name</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($roles as $role)
                            <tr>
                                <td>{{ $role->id }}</td>
                                <td>{{ $role->name }}</td>
                                <td>{{ $role->label }}</td>
                                <td>{{ $role->guard_name }}</td>

                                <td class="text-center">
                                
                                    @can('dashboard_edit_core_roles')
                                        <a href="{{ route('dashboard.core.roles.edit', $role) }}" class="btn btn-sm btn-warning">تعديل</a>
                                    @endcan

                                    @can('dashboard_delete_core_roles')
                                        <a href="{{ route('dashboard.core.roles.destroy', $role) }}" class="btn btn-sm btn-danger delete-url-action">حذف</a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach

                        @if(!$roles->count())
                            <tr>
                                <td class="text-center" colspan="5">لا يوجد بيانات</td>
                            </tr>
                        @endif


                    </tbody>
                </table>

            </div>

        </div>

        <div class="block-content block-content-full block-content-sm bg-body-light font-size-sm">
            {{ $roles->onEachSide(1)->links('pagination.default') }}
        </div>

    </div>

@endsection