@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Roles
            <a href="{{ route('roles.create') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new Role</a>
        </h4>
    </div>
    <div class="card-body">
        <table class="table table-bordered data-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Details</th>
                    <th width="100">Action</th>
                </tr>
            </thead>
            <tbody>
                @if($roles->count() > 0)
                @foreach($roles as $role)
                <tr>
                    <td>{{ $role->rolename }}</td>
                    <td>{{ $role->details }}</td>
                    <td><a href="{{ route('roles.edit',['id' => $role->id]) }}" class="btn btn-primary"><i class="fa fas fa-pencil"></i> </a></td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="8"><div class="alert alert-danger">No role found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        <div class="text-right">
            {!! $roles->render() !!}
        </div>
    </div>
</div>
@endsection

@section('extraJs')
@endsection