@extends('admin.layouts.master')
@section('content')


<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.manage_area')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="#">{{__('translate.manage_area')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.manage_area')}}</li>
		</ol>
	</div>
	<div class="row">
		<div class="col-md-12 col-lg-12">
			<div class="card">
				<div class="card-body">
					@if($message = Session::get('success'))
					<div class="alert alert-success alert-block">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<p>{{ $message }}</p>
					</div>
					@endif
					<div class="table-responsive">
						<table id="records" class="table table-striped table-bordered w-100">
							<thead>
								<tr>
									<th class="wd-15p">S No.</th>
									<!-- <th class="wd-15p">File</th> -->
									<th class="wd-15p">User Name</th>
									<th class="wd-15p">Title</th>
									<th class="wd-15p">Ward Number - Gram Panchayat</th>
									<th class="wd-25p">Description</th>
									<th class="wd-25p">Admin Review</th>
									<th class="wd-25p">Status</th>
									<th>Action</th>
								</tr>
							</thead>
						</table>
						@forelse(App\Models\Complaint::all() as $complaint)
						<div id="{{$complaint->id}}" class="modal" tabindex="-1" role="dialog">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<form action="{{route('complaint-update',$complaint->id)}}" method="post">
										{{csrf_field()}}
										<div class="modal-header">
											<h5 class="modal-title">Update Complaint</h5>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
										</div>
										<div class="modal-body">
											<div class="form-group">
												<div class="form-group">
													<label class="bmd-label-floating ">Admin Comment</label>
													<textarea name="admin_review" type="text" class="form-control" style="width: 100%">{{$complaint->admin_review}}</textarea>
												</div>
												<div class="form-group">
													<label class="bmd-label-floating ">Update Status</label> <br>                     
													<select required name="status" class="form-control">
														<option value="Pending" @if($complaint->status == 'Pending') selected @endif>Pending</option>
														<option value="In-Process" @if($complaint->status == 'In-Process') selected @endif>In-Process</option>
														<option value="Resolved" @if($complaint->status == 'Resolved') selected @endif>Resolved</option>
														<option value="Rejected" @if($complaint->status == 'Rejected') selected @endif>Rejected</option>
													</select>
												</div>
											</div>
										</div>
										<div class="modal-footer">
											<button type="submit" class="btn btn-primary">Save changes</button>
											<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
										</div>
									</form>
								</div>
							</div>
						</div>
						@empty
						@endforelse
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('after-scripts')

<script type="text/javascript">
	$(document).ready(function() {
		oTable = $('#records').DataTable({
			"processing": true,
			"serverSide": true,
			ajax: {
				url: '{{ route('complaint-list') }}',
			},
			"columns": [
			{data: 'DT_RowIndex'},
			// {data: 'file'},
			{data: 'user_id'},
			{data: 'title'},
			{data: 'ward_no'},
			{data: 'description'},
			{data: 'admin_review'},
			{data: 'status'},
			{data: 'action', name: 'action',className:'noPrint', orderable: false},
			]
		});
	});
</script>
@endsection