@extends('layout.app')
@section('title','Grievance')
@section('body_class', 'header-fixed header-tablet-and-mobile-fixed toolbar-enabled')
@section('content')
<div class="d-flex flex-column flex-root">
	<!--begin::Page-->
	<div class="page d-flex flex-column flex-column-fluid">

		@include('layout.header')

		<div class="wrapper d-flex flex-column flex-row-fluid container-xxl" id="kt_wrapper">
			<div class="toolbar d-flex flex-stack flex-wrap py-4 gap-2" id="kt_toolbar">
				<!--begin::Page title-->
				<div class="page-title d-flex flex-column align-items-start gap-1">
					<!--begin::Title-->
					<h1 class="d-flex text-dark fw-bolder m-0 fs-3" style="display: block!important; float: left;">
						<button class="btn btn-icon bg-primary bg-opacity-10 btn-color-primary btn-active-success w-25px h-25px" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true" onclick=" location.href ='{{ route('index') }}' ">
							<span class="svg-icon svg-icon-5">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-back" viewBox="0 0 16 16">
									<path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/>
								</svg>
							</span>
						</button>
						Grievance
					</h1>
					<!--end::Title-->
				</div>
				<!--end::Page title-->
			</div>
			<!--begin::Main-->
			<div class="d-flex flex-row flex-column-fluid align-items-stretch">
				<!--begin::Content-->
				<div class="content flex-row-fluid" id="kt_content">
					<!--begin::Row-->
					<div class="row">
						<div class="container bg-white rounded rounded-xl p-2 " data-kt-drawer-toggle="#kt_header_menu_toggle">
							<div class="row">
								<div class="col" style="margin-top: 15px;">
									<div class="row m-0 dashbord-filter">
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('new_feedbacks') }}" class="text-primary fw-bold fs-6 mt-2">
												<div class="col bg-light-danger px-6 py-8 rounded rounded-xl mb-7">
													<span class="svg-icon svg-icon-3x svg-icon-primary d-block my-2">
														<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
															<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
																<polygon points="0 0 24 0 24 24 0 24"></polygon>
																<path d="M18,14 C16.3431458,14 15,12.6568542 15,11 C15,9.34314575 16.3431458,8 18,8 C19.6568542,8 21,9.34314575 21,11 C21,12.6568542 19.6568542,14 18,14 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
																<path d="M17.6011961,15.0006174 C21.0077043,15.0378534 23.7891749,16.7601418 23.9984937,20.4 C24.0069246,20.5466056 23.9984937,21 23.4559499,21 L19.6,21 C19.6,18.7490654 18.8562935,16.6718327 17.6011961,15.0006174 Z M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" fill="#000000" fill-rule="nonzero"></path>
															</g>
														</svg>
													</span>
													<p class="svg-title">New Feedbacks <span class="text-muted">(20)</span></p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('pending_responses') }}" class="text-primary fw-bold fs-6 mt-2">
												<div class="col bg-light-danger px-6 py-8 rounded rounded-xl mb-7">
													<span class="svg-icon svg-icon-3x svg-icon-primary d-block my-2">
														<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
															<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
																<rect x="0" y="0" width="24" height="24"></rect>
																<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"></path>
															</g>
														</svg>
													</span>
													<p class="svg-title">Pending Responses <span class="text-muted">(30)</span></p>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--end::Content-->
			</div>
			<!--end::Main-->
			@include('layout.footer')
		</div>
	</div>
	<!--end::Page-->
</div>
@endsection
@section('javascript')
<script src="{{ URL::asset('assets/js/widgets.bundle.js')}}"></script>
<script src="{{ URL::asset('assets/js/custom/widgets.js')}}"></script>
<script src="{{ URL::asset('assets/js/custom/apps/chat/chat.js')}}"></script>
@endsection