@extends('layouts.admin')

@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Roles List</p>
            <a href="{{route('role.create')}}" data-toggle="tooltip" data-placement="bottom"
               title="Add New Record" class="btn btn-info float-right ml-2">
                <i class="fa fa-plus"></i>
            </a>
            <form action="{{route('roles')}}" method="get" class="form-inline float-right">
                <div class="form-group">
                    <div class="input-group">
                        <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"
                               placeholder="Search in Roles">
                        <div class="input-group-append">
                            <button class="btn btn-success" type="submit"><i class="fa fa-search"></i></button>
                        </div>
                        <div class="input-group-append">
                            <a class="btn btn-danger{{ request()->query('q') ? '' : ' disabled' }}"
                               href="{{route('roles')}}">
                                <i class="fa fa-eraser"></i></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>Role</th>
                    {{--<th>Permissions</th>--}}
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse($roles as $role)
                    <tr>
                        <td>{{$role->name}}</td>
                        {{--<td>
                            @forelse($role->permissions as $permission)
                                <span class="badge badge-success p-2">{{ $permission->name }}</span>
                            @empty
                                <span class="badge badge-warning p-2">No Permissions</span>
                            @endforelse
                        </td>--}}
                        <td>
                            <div class="btn-group">
                                <a href="{{route('role.edit', ['id' => $role->id])}}"
                                   class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>
                                @include('includes.modals.delete', ['model' => 'role', 'route' => 'role.delete'])
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="5" class="text-center">No Roles Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
            <div class="pagination justify-content-center mb-4">
                {{ $roles->links() }}
            </div>
        </div>
    </div>
@endsection