<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Administrator | Global Waste Solution</title>
		<link href="../css/bootstrap.css" rel="stylesheet" />
		<link href="../css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	
	<body>
		<div id="wrapper">
			<?php
				include("../top-header.php");
				include("../right-sec.php");
			?>
			<div id="page-wrapper" >
				<div id="page-inner">
					<div class="row">
						<div class="col-md-12">
							<h3 class="page-header">
								Follow up<small></small>
							</h3>
							<div class="table-sec">
								<div class="srch_box">
									<form action="">
										<div class="row">
											<div class="col-md-2 col-xs-2">	
												<div class="form-group form-select">
													<label>Enquiry no. <span>*</span></label>
													<input class="form-control" type="text" alt="" name="">
												</div>		
											</div>
											<div class="col-md-2 col-xs-2">	
												<div class="form-group form-select">
													<label>Company Name <span>*</span></label>
													<input class="form-control" type="text" alt="" name="">
												</div>		
											</div>
											<div class="col-md-2 col-xs-2">		
												<div class="form-group form-select">
													<label>Enquiry Type <span>*</span></label>
													<select class="form-control">
														<option>Select Enquiry Type</option>
														<option>Online</option>
													</select>
												</div>		
											</div>											
											<div class="col-md-2 col-xs-2">		
												<div class="form-group form-select">
													<label>Process Status <span>*</span></label>
													<select class="form-control">
														<option>Select Process Status</option>
														<option>Open</option>
														<option>Booked</option>
														<option>Cancle</option>
													</select>
												</div>		
											</div>	
											<div class="col-md-2 col-xs-2">	
												<div class="form-group form-select">
													<label>From Date <span>*</span></label>
													<input class="form-control" type="date" alt="" name="">
												</div>		
											</div>
											<div class="col-md-2 col-xs-2">	
												<div class="form-group form-select">
													<label>To Date <span>*</span></label>
													<input class="form-control" type="date" alt="" name="">
												</div>		
											</div>											
											<div class="col-md-2 col-xs-2">	
												<div class="mb-0 form-group form-select">
													<button class="h-3 primary-btn text-uppercase">Search</button>
												</div>
											</div>
										</div>
									</form>
								</div>
								<div class="mt-2 pop_btn">
									<div class="row"> 
										<div class="col-md-6 col-xs-6"> 
											<ul>
												<li><a class="btn_atv" href="">Follow up</a></li> 
												<li><a type="button" data-toggle="modal" data-target="#add_follow_up_details">Add</a></li>
												<li><a href="">Edit</a></li>
												<li><a href="">Delete</a></li>
												<li><a href="">View All</a></li>
											</ul>
										</div>
										<div class="col-md-6 col-xs-6">
											<div class="flt_sec"> 
												<p>
													Total Records :
													<select>
														<option>50</option>
														<option>75</option>
														<option>100</option>
													</select>
													Per Page
												</p>
											</div>
										</div>
									</div>
								</div>
								<table>
									<tr class="tbl_head"> 
										<th><input type="checkbox" name="" id=""></th>
										<th>S. No.</th>
										<th>Enq No.</th>
										<th class="wdht">Enq Date</th>
										<th>Company Name</th>
										<th class="wdh">Mobile No.</th>
										<th>Status</th>
										<th>Handle By</th>
										<th>Next Foll Date</th>
										<th>Next Foll Remarks</th>
										<th>View</th>
									</tr>
									<tr>
										<td><input type="checkbox" name="" id=""></td>
										<td>1</td>
										<td>1773</td>
										<td>2020-07-09</td>
										<td>Bhavi CommTech Pvt. Ltd.</td>
										<td>8447759094 </td>
										<td>Cancel</td>
										<td>Khushbu</td>
										<td>08-14-2018</td>
										<td>Updated quotation sent</td>
										<td>
											<ul class="table-ul">
												<li><a href=""><i class="status fa fa-circle"></i></a></li>
												<li><a href="">View</a></li>
											</ul>
										</td>
									</tr>
									<tr>
										<td><input type="checkbox" name="" id=""></td>
										<td>2</td>
										<td>1773</td>
										<td>2020-07-09</td>
										<td>Bhavi CommTech Pvt. Ltd.</td>
										<td>8447759094 </td>
										<td>Cancel</td>
										<td>Khushbu</td>
										<td>08-14-2018</td>
										<td>Updated quotation sent</td>
										<td>
											<ul class="table-ul">
												<li><a href=""><i class="status fa fa-circle"></i></a></li>
												<li><a href="">View</a></li>
											</ul>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div> 
				</div>
			</div>
			
			<?php
				include("../footer-sec.php");
			?>
			
			<div class="container">
				<div class="modal fade" id="add_follow_up_details" role="dialog">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title">Add Follow UP Detail</h4>
							</div>
							<div class="modal-body">
								<div class="srch_box">
									<form action="">
										<div class="row">
											<div class="col-md-12 col-xs-12">
												<div class="mb-1 enq_box">
													<h5>Follow Up Details</h5>
													<div class="col-md-4 col-xs-4">	
														<div class="form-group form-select">
															<label>Follow Up Date<span>*</span></label>
															<input class="form-control" type="date" alt="" name="">
														</div>		
													</div>
													<div class="col-md-4 col-xs-4">		
														<div class="form-group form-select">
															<label>Follow Up Time<span>*</span></label>
															<input class="form-control" type="time" alt="" name="">
														</div>		
													</div>
													<div class="col-md-4 col-xs-4">			
														<div class="form-group form-select">
															<label>Follow Up Type<span>*</span></label>
															<select class="form-control">
																<option>Selete Type</option>
																<option>Online</option>
															</select>
														</div>		
													</div>
													<div class="col-md-12 col-xs-12">	
														<div class="form-group form-select">
															<label>Follow Up Remarks	<span>*</span></label>
															<textarea type="text" alt="" name=""></textarea>
														</div>		
													</div>
												</div>
												<div class="oth_box">
													<h5>Next Follow Up Details</h5>
													<div class="col-md-4 col-xs-4">	
														<div class="form-group form-select">
															<label>Next Follow Up Date <span>*</span></label>
															<input class="form-control" type="date" alt="" name="">
														</div>		
													</div>
													<div class="col-md-4 col-xs-4">	
														<div class="form-group form-select">
															<label>Next Follow Up Time	<span>*</span></label>
															<input class="form-control" type="time" alt="" name=""></input>
														</div>		
													</div>
													
													<div class="col-md-12 col-xs-12">	
														<div class="form-group form-select">
															<label>Next Follow Up Remarks<span>*</span></label>
															<textarea type="text" alt="" name=""></textarea>
														</div>		
													</div>													
												</div>
											</div>	
										</div>	
										<div class="row">
											<div class="col-md-4 col-xs-4">	
												<div class="btn_sec">
													<ul>
														<li class="mt-1 btn_add"><a href="">Save</a></li>
													</ul>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		
		
		<!-- jQuery Js -->
		<script src="../js/jquery-1.10.2.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/jquery.metisMenu.js"></script>
		<script src="../js/custom-scripts.js"></script>
	</body>
</html>
