@extends('layout.app')
@section('title','New Feedbacks')
@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('new_feedbacks') }}' ">
							<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-->
			<!--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::Contact-->
					<div class="card">
						<div class="card-header border-0 pt-5">
							<h3 class="card-title align-items-start flex-column">
								<span class="card-label fw-bolder fs-3 mb-1">New Feedbacks</span>
							</h3>
							<!--begin::Toolbar-->
							<div class="card-toolbar">
								<!--begin::Menu-->
								<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('feedback_forward') }}' ">
									<!--begin::Svg Icon | path: icons/duotune/arrows/arr001.svg-->
									<span class="svg-icon svg-icon-5">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
											<path d="M14.4 11H3C2.4 11 2 11.4 2 12C2 12.6 2.4 13 3 13H14.4V11Z" fill="black" />
											<path opacity="0.3" d="M14.4 20V4L21.7 11.3C22.1 11.7 22.1 12.3 21.7 12.7L14.4 20Z" fill="black" />
										</svg>
									</span>
									<!--end::Svg Icon-->
								</button>
								<!--end::Menu-->
							</div>
							<!--end::Toolbar-->
						</div>
						<!--begin::Body-->
						<div class="card-body">
							<!--begin::Row-->
							<div class="row mb-3">
								<!--begin::Col-->
								<div class="col">
									<!--begin::Input group-->
									<table class="table-responsive w-100">
										<tr>
											<td class="w-50 fs-6 fw-bold">Date</td>
											<td class="w-50 fs-6 fw-lighter">23-02-22</td>
										</tr>
										<tr>
											<td class="w-50 fs-6 fw-bold">Name</td>
											<td class="w-50 fs-6 fw-lighter">Ram Singh</td>
										</tr>
										<tr>
											<td class="w-50 fs-6 fw-bold">Center Name</td>
											<td class="w-50 fs-6 fw-lighter">DH Sola.</td>
										</tr>
										<tr>
											<td class="w-50 fs-6 fw-bold" style="display:contents;">Center Address</td>
											<td class="w-50 fs-6 fw-lighter">Sola, Ahmedabad, Gujarat</td>
										</tr>
										<tr>
											<td class="w-50 fs-6 fw-bold">Contact</td>
											<td class="w-50 fs-6 fw-lighter">9876543210</td>
										</tr>
										<tr>
											<td class="w-50 fs-6 fw-bold">Type</td>
											<td class="w-50 fs-6 fw-lighter">Complaint</td>
										</tr>
										<tr>
											<td class="w-100 fs-6 fw-bold" colspan="2">Message</td>
										</tr>
										<tr>
											<td class="w-100 fs-6 fw-lighter" colspan="2">
												<p style="word-break: break-all;">
													Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas vitae scel<span id="dots">...</span>
													<span id="more" class="d-none">
														erisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi.
													</span>
													<a href="javascript:void(0)" id="read-more" class="link-primary">Read more</a>
												</p>
											</td>
										</tr>
									</table>
									<button class="btn btn-primary text-center d-table mx-auto w-200px" onclick="location.href = '{{ route('feedback_reply') }}'">Reply</button>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Row-->
						</div>
						<!--end::Body-->
					</div>
					<!--end::Contact-->
				</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