@extends("admin.layouts.app")

@section("wrapper")
<!--start page wrapper -->
<div class="page-wrapper">
	<div class="page-content">
		<!--breadcrumb-->
			<x-admin.breadcrumb menu="Settings" page="Manage Roles"/>
		<!--end breadcrumb-->
		
		<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
			<h6 class="mb-0 text-uppercase">List Roles</h6>
			<div class="ms-auto">
				<div class="btn-group">
					<button type="button" class="btn btn-primary rounded" href="javascript:void(0)" id="createNewRole">
						<i class="lni lni-circle-plus"></i> Add Role
					</button>
				</div>
			</div>
		</div>
		<hr/>

		<div class="card">
			<div class="card-body">
				<div class="table-responsive">
					<table id="data-table" class="table" width="100%">
						<thead class="table-light">
							<tr>
								<th style="width:5%;">#</th>
								<th>Roles</th>
								<th style="width:10%;">Action</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

	// Form Modal
	@include('admin.partials.role-modal')
</div>
@endsection

@section("script")
	@include('admin.partials.role-js')
@endsection