@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
<style>
.widget-table-one .transactions-list {
	border:none;
}
/*.notification_subject:hover
{
	color:#445ede;;
}*/
</style>
<div class="page-header">
	<nav class="breadcrumb-one" aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="javascript:void(0);"><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 class="breadcrumb-item"><a href="javascript:void(0);">Notifications</a></li>
			<li class="breadcrumb-item active" aria-current="page"><span>List Notifications</span></li>
		</ol>
	</nav>
</div>
<div class="row">
	<div class="col-xl-12 col-lg-12 col-md-6 col-sm-4 col-12 layout-spacing">
		<div class="widget widget-table-one">
			<div class="widget-heading">
				<h5 class="">Notifications</h5>
			</div>

			<div class="widget-content">
				<table class="col-xl-12 col-lg-12 col-md-6 col-sm-4 col-12 layout-spacing">
					@foreach($notifications as $notification)
					<tr>
						<td>
							<div class="transactions-list">
								<div class="t-item">
									<div class="t-company-name">
										<div class="t-icon">
											<div class="icon">
												<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-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
											</div>
										</div>
									</div>
								</div>
							</div>
						</td>
						<td nowrap>
							<div class="transactions-list">
								<div class="t-item">
									<div class="t-name">
										<h4 class="notification_subject">{{$notification->NotificationSubject}}</h4>
										<p class="meta-date">{{$notification->CreatedDate}}</p>
									</div>
								</div>
							</div>
						</td>
						<td>
							<div class="transactions-list">
								<div class="t-item">
									
									<div class="t-name">
										<p class="meta-date">{{$notification->NotificationDetail}}</p>
									</div>

								</div>
							</div>
						</td>
						<td nowrap>
							<div class="transactions-list">
								<div class="t-item">
									
									<div class="t-rate rate-dec">
										<p><span>Module ID({{$notification->ModuleID}})</span></p>
									</div>

								</div>
							</div>
						</td>
						
					</tr>
					@endforeach
				</table>
			</div>
		</div>
	</div>
	<!--  END CONTENT AREA  -->
	@endsection