@extends('layouts.dash')

@section('content')
<!--begin::Project Report Main-->
		<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
						<!--begin::Content wrapper-->
						<div class="d-flex flex-column flex-column-fluid">
							<!--begin::Toolbar-->
							<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
								<!--begin::Toolbar container-->
								<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
									<!--begin::Page title-->
									<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
										<!--begin::Title-->
										<h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Notification</h1>
										<!--end::Title-->
										<!--begin::Breadcrumb-->
									
										<!--end::Breadcrumb-->
									</div>
									<!--end::Page title-->
									<!--begin::Actions-->
								
									<!--end::Actions-->
								</div>
								<!--end::Toolbar container-->
							</div>
							<!--end::Toolbar-->
							<!--begin::Content-->
							<div id="kt_app_content" class="app-content flex-column-fluid">
								<!--begin::Content container-->
								<div id="kt_app_content_container" class="app-container container-xxl">
									<!--begin::Products-->
									<div class="card card-flush">
										<!--begin::Card header-->
										<div class="card-header align-items-center py-5 gap-2 gap-md-5">
											<!--begin::Card title-->
											<!--<div class="card-title">-->
												<!--begin::Search-->
											<!--	<div class="d-flex align-items-center position-relative my-1">-->
											<!--		<i class="ki-duotone ki-magnifier fs-3 position-absolute ms-4">-->
											<!--			<span class="path1"></span>-->
											<!--			<span class="path2"></span>-->
											<!--		</i>-->
											<!--		<input type="text" data-kt-ecommerce-order-filter="search" class="form-control form-control-solid w-250px ps-12" placeholder="Search Report" />-->
											<!--	</div>-->
												<!--end::Search-->
												<!--begin::Export buttons-->
											<!--	<div id="kt_ecommerce_report_customer_orders_export" class="d-none"></div>-->
												<!--end::Export buttons-->
											<!--</div>-->
											<!--end::Card title==

        <!==begin::Card toolbar-->
		
											<!--<div class="card-toolbar flex-row-fluid justify-content-end gap-5">-->
										
												<!--begin::Export dropdown-->
											<!--	<button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">-->
											<!--	<i class="ki-duotone ki-exit-up fs-2">-->
											<!--		<span class="path1"></span>-->
											<!--		<span class="path2"></span>-->
											<!--	</i>Export Report</button>-->
												<!--begin::Menu-->
											<!--	<div id="kt_ecommerce_report_customer_orders_export_menu" class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4" data-kt-menu="true">-->
													
													<!--begin::Menu item-->
											<!--		<div class="menu-item px-3">-->
											<!--			<a href="#" class="menu-link px-3" data-kt-ecommerce-export="excel">Export as Excel</a>-->
											<!--		</div>-->
													<!--end::Menu item-->
													<!--begin::Menu item-->
											<!--		<div class="menu-item px-3">-->
											<!--			<a href="#" class="menu-link px-3" data-kt-ecommerce-export="csv">Export as CSV</a>-->
											<!--		</div>-->
													<!--end::Menu item-->
													<!--begin::Menu item-->
											<!--		<div class="menu-item px-3">-->
											<!--			<a href="#" class="menu-link px-3" data-kt-ecommerce-export="pdf">Export as PDF</a>-->
											<!--		</div>-->
													<!--end::Menu item-->
											<!--	</div>-->
												<!--end::Menu-->
												<!--end::Export dropdown-->
											<!--</div>-->
											<!--end::Card toolbar-->
										</div>
										<!--end::Card header-->
										<!--begin::Card body-->
									
									
									<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_report_customer_orders_table">
												<thead>
													<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
													<!--	<th class="min-w-50px">No</th>-->
														<th class="min-w-50px">&nbsp; &nbsp;  Date</th>
														<th class="min-w-100px">title</th>
														<th class="min-w-500px">Notification</th>
														
													</tr>
												</thead>
												<tbody class="fw-semibold text-gray-600">
												    @php
												    $i=0;
												    @endphp
												    @forEach($notifications as $nt)
													<tr>
													<!--	<td>{{ $i+1 }}</td>-->
														<td>&nbsp;&nbsp;  {{ date('d/m/Y H:i:s',strtotime($nt->date.$nt->time))}}</td>
														<td>{{$nt->title}}</td>
														<td>{{$nt->message}}</td>
													</tr>
												 @php $i++;@endphp	
												 @endforeach
												</tbody>
											</table>
										<!--end::Card body-->
									</div>
									<!--end::Products-->
								</div>
								<!--end::Content container-->
							</div>
							<!--end::Content-->
						</div>
						<!--end::Content wrapper-->
						<!--begin::Footer-->
						<div id="kt_app_footer" class="app-footer">
							<!--begin::Footer container-->
							<div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
								<!--begin::Copyright-->
								<div class="text-gray-900 order-2 order-md-1">
									<span class="text-muted fw-semibold me-1">2024&copy;</span>
									<a href="#" target="_blank" class="text-gray-800 text-hover-primary">PMS</a>
								</div>
								<!--end::Copyright-->
								<!--begin::Menu-->
							
								<!--end::Menu-->
							</div>
							<!--end::Footer container-->
						</div>
						<!--end::Footer-->
					</div>
<!--end:::Project Report Main-->
<script>
    $("#kt_ecommerce_report_customer_orders_daterangepicker").on('change', function() {
        alert("date changed!!");
    });
</script>
@endsection