@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
<br/>
@php
@endphp
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li>
				<a href="{{url('Admin-Panel')}}" title="Administration">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
					Admin Panel
				</a>
				</li>
				<li class="active">
				<a href="{{url('List-Roles')}}" class="active" title="List-Roles">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
					List Roles
				</a>
				</li>
				<li>
				<a href="{{url('Create-Roles')}}" title="Create-Roles">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
					Create Role
				</a>
				</li>
			</ul>
		</ol>
	</div>
</div>
<br>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div>
					<!--  class="statbox widget box box-shadow"
						<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>List of Roles</h4>
							</div>          
						</div>
					</div> -->
					<div class="widget-content widget-content-area">
						<div class="table-responsive">
							<table class="table table-bordered mb-4">
								<thead>
									<tr>
										<th class="text-center">Name</th>
										<th class="text-center">Description</th>
										<th class="text-center">Date Created</th>
										<th class="text-center">Created By</th>
									</tr>
								</thead>
								<tbody>
									@foreach ($Roles as $UserRole)		
									@php
									$CreatedBy=$UserRole->CreatedBy;
									@endphp
									<tr>
										<td class="text-center">{{$UserRole->RoleName}}</td>
										<td class="text-center">{{$UserRole->Description}}</td>
										<td class="text-center">{{$UserRole->CreatedDate}}</td>
										<td class="text-center">
											@if(array_key_exists($CreatedBy,$AllUsers))
												{{$AllUsers[$CreatedBy]['name']}}
											@endif
										</td>
									</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>

		</div>
        <!--  END CONTENT AREA  -->
@endsection