<div class="container-fluid">
	<!-- ============================================================== -->
	<!-- Start Page Content -->
	<!-- ============================================================== -->
	<div class="row ">
		<div class="col-12">
			<div class="card card-outline-info">
				<div class="card-header">
					<h6 class="m-b-0 text-white">Product Inquiry</h6>
				</div>

				<div class="card-body">
					<?php
					$csrf = array(
						'name' => $this->security->get_csrf_token_name(),
						'hash' => $this->security->get_csrf_hash()
					);
					?>
					<input type="hidden" name="<?= $csrf['name']; ?>" id="token_key" value="<?= $csrf['hash']; ?>" class="form-control login_style" readonly>
					<div class="table-responsive">
						<br>
						<table id="inquiryTable" class="table table-bordered table-striped">
							<thead>
								<tr>
									<th width="5%">#</th>
									<th width="10%">Date</th>
									<th width="15%">Name</th>
									<th width="15%">Phone</th>
									<th width="15%">Email</th>
									<th width="20%">Product</th>
									<th width="10%">Status</th>
									<th width="10%">Action</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>


					<div class="modal fade" id="modal_parent" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" data-backdrop="static" data-keyboard="false">
						<div class="modal-dialog modal-lg" role="document">
							<!-- full_width_modal-->
							<div class="modal-content">
								<!-- full_width_modal_content -->
								<div class="modal-header">
									<h4 class="modal-title" id="exampleModalLabel1">Product Inquiry Details</h4>
									<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="row">
										<div class="col-md-4">
											<div class="form-group">
												<label for="">Name</label>
												<input type="text" class="form-control" name="sender_name" id="qry_sender_name" readonly>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label for="">Phone</label>
												<input type="text" class="form-control" name="sender_phone" id="qry_sender_phone" readonly>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label for="">Email</label>
												<input type="text" class="form-control" name="sender_name" id="qry_sender_email" readonly>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label for="">Address</label>
										<input type="text" class="form-control" name="sender_address" id="qry_sender_address" readonly>
									</div>

									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label for="">Product Name</label>
												<input type="text" class="form-control" name="product_name" id="qry_product_name" readonly>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group">
												<label for="">Product Quantity</label>
												<input type="text" class="form-control" name="product_quantity" id="qry_product_quantity" readonly>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label for="">Message</label>
										<textarea class="form-control" name="qry_message" id="qry_message" rows="3" readonly></textarea>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- ============================================================== -->
		</div>

	</div>