@extends('layout.app')
@section('title','Pending Responses')
@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-secondary 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('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-light-danger px-6 py-8 rounded rounded-xl mb-7">
													<p>#12321</p>
													<p>23-2-22</p>
													<p>Gandhinagar</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card ">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-light-danger px-6 py-8 rounded rounded-xl mb-7">
													<p>#12322</p>
													<p>23-2-22</p>
													<p>Ahemdabad</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card ">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-primary px-6 py-8 rounded rounded-xl mb-7">
													<p>#12323</p>
													<p>23-2-22</p>
													<p>Jhalna</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card ">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-success px-6 py-8 rounded rounded-xl mb-7">
													<p>#12324</p>
													<p>23-2-22</p>
													<p>Bihar</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
									</div>
									<div class="row m-0 dashbord-filter d-none" id="kt_widget_5">
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-success px-6 py-8 rounded rounded-xl mb-7">
													<p>#12325</p>
													<p>23-2-22</p>
													<p>Maharashtra</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-primary px-6 py-8 rounded rounded-xl mb-7">
													<p>#12326</p>
													<p>23-2-22</p>
													<p>Barhampur</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-light-danger px-6 py-8 rounded rounded-xl mb-7">
													<p>#12327</p>
													<p>23-2-22</p>
													<p>Baxar</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
										<div class="col-xl-3 col-lg-4 col-xs-12 d-card">
											<a href="{{ route('feedback_details') }}" class="text-center fw-bold fs-5" style="color: 000;">
												<div class="col bg-primary px-6 py-8 rounded rounded-xl mb-7">
													<p>#12328</p>
													<p>23-2-22</p>
													<p>Bhojpur</p>
													<p class="text-link fw-bold fs-6 mt-2">View</p>
												</div>
											</a>
										</div>
									</div>
									<button class="btn btn-primary w-100 text-center my-5" id="kt_widget_5_load_more_btn">
										<span class="indicator-label">More Feeds</span>
										<span class="indicator-progress">Loading...
											<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
										</span>
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--end::Content-->
			</div>
			<!--end::Main-->
			@include('layout.footer')
		</div>
		<!--end::Page-->

	</div>
</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>
<script src="{{ URL::asset('assets/js/custom.js')}}"></script>
@endsection