@extends('layouts.common')
 
 @section('title')
	Laiqa | Admin
 @endsection
 @section('content')



	<div class="page-wrapper">
		<div class="content">
			<div class="row">
				<div class="col-sm-6 col-3">
					<h4 class="page-title">Users Query - Consult a Consultant</h4>
				</div>
				<div class="col-sm-6 col-7 text-right m-b-20">
					<!--<a href="" class="btn btn btn-primary btn-rounded float-right"><i class="fa fa-plus"></i> Add New</a>-->
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="table-responsive">
						<table class="datatable table table-stripped" id="datatable">
							<thead>
								<tr>
									<th>ID</th>
									<th>User</th>
									<th>Email</th>
									<th>Choice 1</th>
									<th>Choice 2</th>
									<th>Query</th>
									<th>Query Sent Date</th>
									<th>Query Sent time</th>
									<th>Status</th>
									<th>View & Reply</th>
									<!--<th class="text-right">Action</th>-->
								</tr>
							</thead>
							<tbody>
								 @foreach ($list as $key => $val)
								@php $query = substr($val->query,0,40).'....'; @endphp
								<tr>
										<td>{{ $loop->iteration }}</span></td>
										<td>{{ $val->name }}@if($val->msg_cnt !=0)<span class="badge noti">{{ $val->msg_cnt}}@endif</td>
										<td>{{ $val->email }}</td>
										<td>{{ $val->choice_one }}</td>
										<td>{{ $val->choice_two }}</td> 
										<td> {{ $query }}</td>
										<td>{{ $val->query_date }}</a></td>
										<td>{{ $val->query_time }}</a></td>
										<td>{{ $val->status }}</a></td> 
										<td><a href="viewUserQuery/{{ $val->id }}"><i class="fa fa-eye"></i></a></td>
										<!--<td class="text-right">
											<div class="dropdown dropdown-action">
												<a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
												<div class="dropdown-menu dropdown-menu-right">
													<a class="dropdown-item" href=""><i class="fa fa-pencil m-r-5"></i> Edit</a>
													<a class="dropdown-item" href="#" data-toggle="modal" data-target="#delete_appointment"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
												</div>
											</div>
										</td>-->
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	  
		<div id="delete_appointment" class="modal fade delete-modal" role="dialog">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-body text-center">
						<img src="assets/img/sent.png" alt="" width="50" height="46">
						<h3>Are you sure want to delete this Appointment?</h3>
						<div class="m-t-20"> <a href="#" class="btn btn-white" data-dismiss="modal">Close</a>
							<button type="submit" class="btn btn-danger">Delete</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
		
		

@endsection

@section('scripts')

<script>
$(document).ready(function() {
    // DataTable
  $('#datatable').DataTable({
	 searching :true,
	pageLength : 20	 
  });

 
});
</script>
@endsection