EVOLUTION-NINJA

Edit File: booking_form.php

<?php $this->load->view('includes/header');?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" />
<script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
<script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/timepicker/jquery.timepicker.css'); ?>" />
<script src="<?php echo base_url('assets/timepicker/jquery.timepicker.js'); ?>" type="text/javascript"></script>

<div class="container">
		<div class="row" id="print_table">
	    	<div class="col-md-12 grid-margin stretch-card">
		      	<div class="card">
			        <div class="card-body">
                        
                        <div class="row">
                            <div class="col-sm-4">
                                <button type='button' class="btn btn-primary go_back">Back</button>
			        	        <button type="button" onclick="print_page();" class="btn btn-primary print_button" >Print</button>
                            </div>
                            <div class="col-sm-8">
                                <button type="button" onclick="empty_form_print();" class="btn btn-primary print_button" style="float: right;">Form Print</button>
                            </div>
                        </div> 
			        	
			        	<form class="booking_form " style="margin-top: 20px;" id="booking_form">
			        		<div class="row" >
			        			<h2 style="text-align: center;width: 100%;">Booking Form</h2>
			        		</div>
			        		<br>
							<input type="hidden" class="site_idss">

<div class="row booking_details" >
								<div class="col-sm-12">
									<div class="row">
										<div class="col-sm-3">
											<div class="form-group">
												<label>Customer Name</label>
												<input type="text" class="form-control customer_name" name="customer_name" readonly="">
												<input type="hidden" class="form-control customer_id" name="customer_id">
											</div>
										</div>
										
										<div class="col-sm-3">
											<div class="form-group">
												<label>Contact Number</label>
												<input type="text" class="form-control phone_number" name="phone_number">
											</div>
										</div>
										
										<div class="col-sm-6 hide_div1">
											<div class="form-group">
												<label>ID Proof</label>
												<div class="row">
    											    <div class="col-sm-6">
            											<div class="form-group">
            											  <input type="text" class="form-control id_name" name="id_name" placeholder="Adhaar No">
            											</div>
            										</div>
            										<div class="col-sm-6">
            											<div class="form-group">
            											  <input type="text" class="form-control id_no" name="id_no" placeholder="PAN No" >
            											</div>
            										</div>
    											</div>
											</div>
										</div>
									</div> 
									
									<div class="row">
										<div class="col-sm-3 hide_div1">
											<div class="form-group">
												<label>ID Scan</label>
												<input type="file" class="form-control id_scan" style="background: #EEEEEE;" name="id_scan[]" multiple="">
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label>Email</label>
												<input type="text" class="form-control email" name="email">
											</div>
										</div>
										<div class="col-sm-3 hide_div1">
											<div class="form-group">
												<label>NRI No</label>
												<input type="text" class="form-control nri_no" name="nri_no">
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group">
												<label>Layout</label>
												 
											     <input type="hidden" name="project_id" class="form-control layout_id " step="any" >
											     <input type="text" name="" class="form-control layout_name" step="any" readonly >
											</div>
										</div>
									</div>  
									
								</div>

<div class="row">
										<div class="col-sm-3">
											<div class="form-group">
												<label>Site No</label>
												<input type="hidden" name="site_number" class="form-control site_idss" step="any" >
												<input type="text" name="" class="form-control site_number site_no" step="any" readonly >
											</div>
										</div>
										
										<div class="col-sm-9">
										    <div class="row">
    										    <div class="col-sm-6 hide_div1">
            			                      		<div class="row">
            			                      		    <div class="col-sm-5">
                					                        <div class="form-group" >
                					                            <label>North South</label>
                					                            <p style="display: flex;">
                					                                <input type="text" name="north_south" class="form-control site_dimension_north_south" step="any" readonly 
                					                                style="width: 75% !important; margin-right: 10px;"> 
                					                                Mtrs</p>
                					                      	</div> 
                			                      		</div>
                			                      		<div class="col-sm-5">
                			                       			<div class="form-group">
                					                        	<label>.</label>
                					                            <p style="display: flex;"> 
                					                                Sq <input type="text" name="sq_mtr" class="form-control sq_mt" step="any" readonly 
                					                                style="width: 60% !important; margin-right: 10px; margin-left: 10px;">
                					                            Mtrs</p>
                					                        </div>
                			                      		</div>
                			                      		
            			                      		</div>
            			                    	</div>  
            			                    	
            			                    	<div class="col-sm-6 hide_div1">
            			                    		<div class="row">
            			                    		    <div class="col-sm-5">
                					                        <div class="form-group">
                					                        	<label>East West</label>
                    					                         <p style="display: flex;">
                    					                              <input type="text" name="east_west" class="form-control site_dimension_east_west" step="any" readonly 
                    					                              style="width: 75% !important; margin-right: 10px;">
                    					                          Mtrs</p>
                					                        </div>
                			                      		</div>
            			                    		    
                			                      		<div class="col-sm-6">
                			                       			<div class="form-group">
                					                        	<label>.</label>
                					                            <p style="display: flex;">
                					                                Sq <input type="text" name="sq_ft" class="form-control sq_ft" step="any" readonly 
                					                                style="width: 60% !important; margin-right: 10px; margin-left: 10px;">
                					                            Ft</p>
                					                        </div> 
                			                      		</div>
            			                    		</div>
            			                    	</div>
										    </div> 
        			                    	
										</div>  
									
									</div> 
			                    	
			                    	
			                    	<div class="row ">
										<div class="col-sm-3 hide_div1">
											<div class="form-group">
												<label>Nominee</label>
												<input type="text" class="form-control nominee" name="nominee">
											</div>
										</div>
										
										<div class="col-sm-3 hide_div1">
											<div class="form-group">
												<label>Nom-Contact No</label>
												<input type="text" class="form-control nominee_con_no" pattern="^[0-9]{10}$" name="nominee_con_no">
											</div>
										</div>
										
										<div class="col-sm-6">
											<div class="form-group">
												<label>Address</label>
												<textarea type="text" class="form-control address" name="address"></textarea>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="form-group">
												<label>Registered Name</label>
												<input type="text" class="form-control registered_name" name="registered_name"></input>
											</div>
										</div>
										
									</div>
									
								
									
									
								</div>
							</div>
							
							<div class="empty_booking_form" style="display: none;">
							<div class="row ">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Customer Name</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<input type="text" class="form-control" name="" >
												
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Contact Number</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control " name="">
											</div>
										</div>
									</div>
							
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>ID Proof</label>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="form-group">
											  <input type="text" class="form-control " name="" placeholder="Adhaar No">
											</div>
										</div>
										<div class="col-sm-4">
											<div class="form-group">
											  <input type="text" class="form-control " name="" placeholder="ID No" >
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>ID Scan</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="file" class="form-control " style="background: #EEEEEE;" name="">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Email</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control " name="">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>NRI No</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control " name="">
											</div>
										</div>
									</div>
								</div>

<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Layout</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											
											    <input type="text" name="" class="form-control  " step="any" >
											  
											</div>
										</div>
									</div>

<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Site No</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												
												<input type="text" name="" class="form-control " step="any" >
												
												
											</div>
										</div>
									</div>
									
									<div class="row">
			                      		<div class="col-sm-6">
			                      			
					                        <div class="form-group north1" >
					                        <label style="font-size: 14px ; padding-right: 15px;padding-top: 10px;">North South</label>
					                          <input type="text" name="" class="form-control " step="any"  style="width: 130px !important;">
					                          <p style="padding-top: 10px; padding-left: 10px;">Mtrs</p>
					                      	</div> 
			                      		</div>
			                      		<div class="col-sm-6">
			                       			
					                        <div class="form-group north2">
					                        	<label style="font-size: 14px; padding: 10px 10px 0px 20px;">East West</label>
					                          <input type="text" name="" class="form-control " step="any"  style="width: 130px !important;">
					                          <p style="padding-top: 10px; padding-left: 10px;">Mtrs</p>
					                        </div>
			                      		</div>
			                    	</div>
			                    	<div class="row">
			                    		<div class="col-sm-6">
			                       			<div class="form-group north3">
					                        	<label style="font-size: 14px; padding: 10px 10px 0px 20px;">Sq</label>
					                          <input type="text" name="" class="form-control " step="any"  style="width: 130px !important;">
					                          <p style="padding-top: 10px; padding-left: 10px;">Mtrs</p>
					                        </div>
			                      		</div>
			                      		<div class="col-sm-6">
			                       			<div class="form-group north4">
					                        	<label style="font-size: 14px; padding: 10px 10px 0px 20px;">Sq</label>
					                          <input type="text" name="" class="form-control " step="any" style="width: 130px !important;">
					                          <p style="padding-top: 10px; padding-left: 10px;">Ft</p>
					                        </div>
			                      		</div>
			                    	</div>
			                    	<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Nominee</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control " name="">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Nom-Contact No</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control " pattern="^[0-9]{10}$" name="">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Address</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <textarea type="text" class="form-control " name=""></textarea>
											</div>
										</div>
									</div> 
								</div>
							</div>
								<div class="bbook">
								<div class="row midd d-block">
									<p>Booking Details</p>
								</div>
								<div class="row">
									<div class="col-sm-6">
										<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Type</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
													<select class="form-control  " name="">
													  <option value="">Select</option>
													  <option value="Site">Site</option>
													  <option value="Site/Building">Site/Building</option>
													  <option value="Site/Custruction">Site/Custruction</option>
													</select>
												</div>
											</div>
										</div>
									</div>
								<div class="col-sm-6">
									<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Amount</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
													<input type="text" class="form-control " name="" placeholder="Booking Amount Rs." >
												</div>
											</div>
										</div>
									</div>
								</div>
							
								<div class="row">
									<div class="col-sm-6">
										<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Date</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
												  <input type="text" class="form-control " name="">
												</div>
											</div>
										</div>
									</div>
									
									<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Saledeed Value</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control saledeed_value" name="saledeed_value">
											</div>
										</div>
									</div>
								</div>
								</div>
							</div>

<div class="div empty_booking_form" style="display: none;">
							<div class="row">
								
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Remaining Payment</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<input type="text" class="form-control remaining_payment" name="remaining_payment">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Stamp duty Charges</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control saledeed_value" name="saledeed_value">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Document Charges</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<input type="text" class="form-control remaining_payment" name="remaining_payment">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-4">
										<div class="form-group">
											<label>Grand Total</label>
										</div>
									</div>
									<div class="col-sm-8">
										<div class="form-group">
										  <input type="text" class="form-control saledeed_value" name="saledeed_value">
										</div>
									</div>
								</div>
							</div>
							</div>
						
						</div>		
						
						</div>
							<style type="text/css">
								.north1 {
									display: flex;
									padding-left: 225px;
								}
								.north2 {
									display: flex;
									padding-left: 90px;
								}
								.north3 {
									display: flex;
									padding-left: 231px;
								}
								.north4 {
									display: flex;
									padding-left: 108px;
								}
							</style>

<div class="bbook booking_details">
								<div class="row midd d-block">
									<p>Booking Details</p>
								</div>
								<div class="row">
									<div class="col-sm-6">
										<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Type</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
													<select class="form-control selected_site site_type" name="site_type">
													  <option value="">Select</option>
													  <option value="Site">Site</option>
													  <option value="Site/Building">Site/Building</option>
													  <option value="Site/Custruction">Site/Custruction</option>
													</select>
												</div>
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Amount</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
													<input type="text" class="form-control booking_amount" name="booking_amount" placeholder="Booking Amount Rs." required="required">
												</div>
											</div>
										</div>
									</div>
								</div>
							
								<div class="row">
									<div class="col-sm-6">
										<div class="row">
											<div class="col-sm-4">
												<div class="form-group">
													<label>Booking Date</label>
												</div>
											</div>
											<div class="col-sm-8">
												<div class="form-group">
												  <input type="text" class="form-control booking_date booking_calendar" name="booking_date" max="" required="required">
												</div>
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										
									</div>
								</div>
							</div>

<div class="div sales_divs" style="display: none;">
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Saledeed Value</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control saledeed_value" name="saledeed_value">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Remaining Payment</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<input type="text" class="form-control remaining_payment" name="remaining_payment">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Stamp duty Charges</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control saledeed_value" name="saledeed_value">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Document Charges</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<input type="text" class="form-control remaining_payment" name="remaining_payment">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-4">
										<div class="form-group">
											<label>Grand Total</label>
										</div>
									</div>
									<div class="col-sm-8">
										<div class="form-group">
										  <input type="text" class="form-control saledeed_value" name="saledeed_value">
										</div>
									</div>
								</div>
							</div>
							</div>	
						</div>		
						
							<div class="row" style="margin-bottom: 40px; margin-top: 20px;">
								<div class="col-sm-4">
									
								</div>
								<div class="col-sm-4">
									<button type="submit" class="btn btn-primary btn-block submit">Submit</button>
								</div>
								<div class="col-sm-4">
									
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

<div class="modal-content ">
      <div class="modal-header">
         <h3 class="modal-title pull-right">Follow up</h3>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
       
      </div>
      <form method="post" class="add_forms">
      <div class="modal-body">
       
        <p><b>Customer : </b><b id="customer_name"></b>
          <span style="padding-left: 175px;">
            <b>Contact No : </b>
            <b id="contact_no"></b>
          </span>
          <span style="float: right;">
            <b>Email ID : </b>
            <b id="email"></b>
          </span>
        </p>

<div id ="jaytab" style="margin-top:3%" class="grid table-responsive">
          <table id="list3"></table>
          <div id="pager3"></div>
          <div id="dialogSelectRow3" title="Warning" style="display:none">
            <p>Please select row</p>
          </div>
        </div>
        
      
        <hr>

<h5>Add followup</h5>
          <input type="hidden" name="" class="site_idss_fol form-control">
        <div class="row">
          <div class="col-sm-6">
            <label for="name">Progress</label>
            <div class="form-group">
              
                <select type="text" name="progress" class="form-control progress_type" required="">  
                  <option value="">Select</option>
                  <option value="Sales Final Costing">Sales Final Costing</option>
                  <option value="Loan Followup ">Loan Followup </option>
                  <option value="Registration">Registration</option>
                  <option value="Records">Records</option>
                  <option value="Architecture ">Architecture </option>
                  <option value="Building Agreement">Revised Budget 
                  </option><option value="Execution">Execution</option>
                  <option value="House Service ">House Service</option>
                  <option value="Layout Service">Layout Service</option>
                  <option value="Customer Visit">Customer Visit</option>
                  <option value="Finalized Reject">Finalized Reject</option>
                  <option value="Finalized Reject">Recovery</option>
                  <option value="Finalized Reject">Payment</option>
                </select>
              </div>
          </div>
          <div class="col-sm-6">
            <label for="name">Layout Name</label>
            <div class="form-group">
              
                <select type="text" name="layout_id" class="form-control booking_layout_id" required="" id="layout_id_fol">  
                  <option value="">Select</option>
                    <?php foreach($result_layout as $key => $value) { ?> 
                  <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option>
                    <?php } ?>
                </select>
              </div>
          </div>
          
          <div class="col-sm-6 followup_date">
            <div class="form-group">
              <label for="name">Follow Date :</label> 
              <input type="text" name="follow_date" class="date form-control date-picker date-picker1"  autocomplete="off"  required>
              <input type="hidden" name="followuser_id" class="customer_id form-control" value="<?php $this->uri->segment(2);?>">
              
            </div>
          </div>
          <div class="col-sm-6">
              
              <div class="form-group" id="leaves1">
            </div>
          </div>
          </div>
          <div class="row">
           
            
            <div class="col-sm-6">
              <label for="name">Assign Employee</label>
              <div class="form-group">
                <select name="employee" class="form-control employee_name"  required>
                  <option value="">Select</option>
                  <?php foreach($employee_type as $key => $value) { ?> 
                  <option value="<?php echo $value->emp_id; ?>"><?php echo $value->full_name;?> <?php echo $value->last_name;?> </option>
                  <?php } ?> 
                </select> 
              </div>
            </div>

<div class="col-sm-6">
            <div class="form-group">
               <label for="name">Department</label>
               <input type="text" class="form-control" name="department" id="department_name" readonly="" required="">
                <input type="hidden" name="department_id" id="department_id">
               
            </div>
          </div>
          <div class="col-sm-12">
              <div class="form-group">
                <label for="name">Description :</label>
                  <textarea name="description" name="description" class="date form-control" id="modal_input" required="required"></textarea>
              </div>
            </div>
		</div>  
		 <div class="row">
           <div class="col-sm-6">
              
              <div class="form-group">
                <label for="name">File Attachment Name</label>
                <select name="file_name" class="form-control file_name"  required>
                  <option value="">Select</option>
                  <?php foreach($file_names as $key => $value) { ?> 
                  <option value="<?php echo $value->id; ?>"><?php echo $value->name;?></option>
                  <?php } ?> 
                </select> 
              </div>
            </div>
            <div class="col-sm-6">
            <div class="form-group">
               <label for="name">File Attachment</label>
               <input type="file" class="form-control file" name="file" id="file" readonly="" required="" >
               
            </div>
          </div>

</div>

</div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary add">Submit</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </form>
    </div>

</div>
</div>

$('.selected_site').change(function()
{
	var type = $(this).val();
	if(type == "Site/Custruction")
	{
		$('.cost_div').show();
	}
	else
	{
		$('.cost_div').hide();
	}
});

var customer_id = '<?php echo $this->uri->segment(2); ?>';
var site_id = '<?php echo $this->uri->segment(3); ?>';
$.ajax({
        type   : 'post',
        url    : '<?php echo  site_url('get-customer-details-for-booking');?>',
        data   : {'customer_id':customer_id,'site_id':site_id},
     
          success:function(response){
          response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
            {  
            	if(response.message.booking_id == undefined)
            	{
            		$('.phone_number').val(response.message.phone); 
					$('.email').val(response.message.email); 
					$('.nri_no').val(response.message.nri_no); 
	               	
               		$('.layout_id').val(response.message.layout_id);
               		$('.site_idss').val(response.message.site_id);
               		$('.customer_name').val(response.message.name);
               		$('.customer_id').val(response.message.cust_ids);
               		$('.sq_ft').val(response.message.sq_ft); 
               		$('.site_no').val(response.message.site_no);

$.ajax({
                        
		              type:'post',
		              url:'<?php echo site_url('get-site-based-on-layout-booking');?>',
		              data:{'layout_id':response.message.layout_id},
		              success:function(response){
		              response=jQuery.parseJSON(response)

if(response.result==1)
		                  {
		                      var site_idss = $('.site_idss').val();

if(response.result==1)
		                  {
		                     
		                    
		                      var con1 = '';
		                   
		                      con1 += '<option value="">Select</option>';
		                      $.each( response.sites, function( key, value2 ) {
		                      	
								con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>';
									
		                      
		                        });
		                     
		                    
		                   
		                    $('.site_number').empty();
							$('.site_number').append(con1);
		                  }
		                  else
		                  {
		                   $('.site_number').empty();
		                    toastr["error"](response.message);      
		                  }
		                }
		            });

$('.site_dimension_north_south').val(response.message.north_south); 
	                $('.site_dimension_east_west').val(response.message.east_west); 
	                $('.nominee').val(response.message.nominee); 
	                $('.nominee_con_no').val(response.message.nominee_con_no); 
	                $('.id_name').val(response.message.id_name);
	                $('.id_no').val(response.message.id_no);
	                $('.id_scan').val(response.message.id_scan);
	               // $('.tsv').val(response.message.tsv);
	                $('.booking_date').val(response.message.booking_date);
	                //$('.tcc').val(response.message.tcc);
	                //$('.total_value').val(response.message.total_value);
	               
	                x=response.message.booking_amount.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.booking_amount').empty();
					$('.booking_amount').val(res);
					
					x=response.message.total_value.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.total_value').empty();
					$('.total_value').val(res);

x=response.message.tsv.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.tsv').empty();
					$('.tsv').val(res);

x=response.message.tcc.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.tcc').empty();
					$('.tcc').val(res);
					
	               	var payment_type= response.message.payment_type;
	               	if(payment_type == "Cheque")
	               	{
	               		
	               		$(".cheque").attr('checked', true);
	               		$('.cheque_div').show();
	               		var check_content = '';

check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>Cheque No</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control cheque_no" name="cheque_no" max="" required="required" value="'+response.message.pay_no+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>Cheque Date</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control booking_calendar date_picker" name="cheque_date" max="" required="required" value="'+response.message.pay_date+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>Bank Name</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control" name="cheque_bank_name"  required="required" value="'+response.message.bank_name+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';

$(".online_div").empty();
						$(".dd_div").empty();
						$(".cheque_div").html(check_content).fadeIn('slow');

$('.date_picker').datepicker({
						   dateFormat: 'dd-mm-yy' 
						});
	               	}
	               	else if(payment_type == "Online Payment")
	               	{
	               		$(".neft").attr('checked', true);
	               		$('.cheque_div').show();
	               		var check_content = '';

check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>UTR No</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control" name="utr_no" max="" required="required" value="'+response.message.pay_no+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>Date</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control booking_calendar" name="pay_date" max="" required="required" value="'+response.message.pay_date+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label></label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';

$(".online_div").html(check_content).fadeIn('slow');
						$(".dd_div").empty();
						$(".cheque_div").empty();

$('.date_picker').datepicker({
						   dateFormat: 'dd-mm-yy' 
						});
	               	}
	               	else if(payment_type == "DD")
	               	{
	               		$(".dd").attr('checked', true);
	               		$(".cheque_div").empty();

$(".dd_div").show();
	               		var check_content = '';

check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>DD No</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control" name="dd_no" max="" required="required" value="'+response.message.pay_no+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>DD Date</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control booking_calendar" name="dd_date" max="" required="required" value="'+response.message.pay_date+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="row">';
						check_content +='<div class="col-sm-4">';
						check_content +='<div class="form-group">';
						check_content +='<label>Bank Name</label>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='<div class="col-sm-8">';
						check_content +='<div class="form-group">';
						check_content +='<input type="text" class="form-control" name="dd_bank_name" required="required"value="'+response.message.bank_name+'">';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';
						check_content +='</div>';

$(".online_div").empty();
						$(".dd_div").html(check_content).fadeIn('slow');
						$(".cheque_div").empty();

$('.date_picker').datepicker({
						   dateFormat: 'dd-mm-yy' 
						});
	               	}
	               	else if(payment_type == "Swipe")
	               	{
	               		$(".swipe").attr('checked', true);
	               	}
	               	else if(payment_type == "Cash")
	               	{
	               		$(".cash").attr('checked', true);
	               	}
	               	$('.pay_no').val(response.message.pay_no);
	               	$('.pay_date').val(response.message.pay_date);
	               	$('.bank_name').val(response.message.bank_name);

x=response.message.sale_agree_amount.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.sale_agree_amount').empty();
					$('.sale_agree_amount').val(res);

$('.sale_agree_date').val(response.message.sale_agree_date);
	               
	               	x=response.message.instal_due_amount.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.instal_due_amount').empty();
					$('.instal_due_amount').val(res);

$('.instal_due_date').val(response.message.instal_due_date);
	               
	               	x=response.message.reg_due_amount.toString();
					var lastThree = x.substring(x.length-3);
					var otherNumbers = x.substring(0,x.length-3);
					if(otherNumbers != '')
					lastThree = ',' + lastThree;
					var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
					$('.reg_due_amount').empty();
					$('.reg_due_amount').val(res);

$('.reg_due_date').val(response.message.reg_due_date);

}
				
               
			}                     
            else 
            {
              
              $('.phone_number').val(''); 
               $('.email').val(''); 
              $('.nri_no').val(''); 
           
              //toastr["error"](response.message);                        
            }
    	}    
		});

$(document).ready(function(){
    var $radios = $('input:radio[name=booking_form]');
    if($radios.is(':checked') === false) {
        $radios.filter('[value=booked]').prop('checked', true);
    }
   
});

function bookinglist()

{

$.ajax({
        url:"<?php echo site_url('bookings-list')?>",
        type:"POST",
        success:function(response) {
            window.location.href="<?php echo site_url('bookings-list')?>"; 
        }

});

}

$(document).ready(function(){
      
	$('.date_picker').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "1940:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$('.booking_calendar').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "2000:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});
	
	$('.booking_calendar1').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "2000:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$('#selected_project').change(function()
	{

var layout_name  = $(this).val();

$.ajax({
	    		type:'post',
				url:'<?php echo site_url('get-site-based-on-layout-booking');?>',
				data:{'layout_id':layout_name},
	    		  success:function(response){
	              response=jQuery.parseJSON(response);
	              console.log(response);
	                if(response.result == 1)
	                {  
	                	var con = ''; 
	                	con += '<option value="">select</option>';     	
	                    $.each( response.sites, function( key, value ) {
							con += '<option value="'+value.id+'">'+value.site_no+'</option>';
						});
						$('.site_number').empty();
						$('.site_number').append(con);
	                }
	                else 
	                {
	                    toastr["error"](response.message);                
	                }
	            }

});
	});

$('#find_dimension').change(function()
	{
		var layout_id = $('#selected_project').val();
		var site_id  = $(this).val();
		
		$.ajax({
                type   : 'post',
                url    : '<?php echo  site_url('get-site-dimension');?>',
                data   : {'site_id':site_id,'layout_id':layout_id},
             
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                    {  
                     // $('.site_dimension_north').val(response.message.north_mtrs); 
                     // $('.site_dimension_east').val(response.message.east_mtrs); 
						$('.site_dimension_north_south').val(response.message.north_south); 
						$('.site_dimension_east_west').val(response.message.east_west);
						$('.sq_mt').val(response.message.sq_mt);
						$('.sq_ft').val(response.message.sq_ft);
                     
                    }                     
                    else 
                    {
                      //$('.site_dimension_north').val(''); 
                      //$('.site_dimension_east').val(''); 
                      $('.site_dimension_north_south').val(''); 
                      $('.site_dimension_east_west').val(''); 
                      $('.sq_mt').val(response.message.sq_mt);
                      $('.sq_ft').val(response.message.sq_ft);
                      toastr["error"](response.message);                        
                    }
            	}    
      		});
	});

$('#contact_number').change(function()
	{
		var customer_id = $('.customer_id').val();
		
		
		$.ajax({
                type   : 'post',
                url    : '<?php echo  site_url('get-phone-number');?>',
                data   : {'customer_id':customer_id},
             
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                    {  
                    	
                      $('.phone_number').val(response.message.phone); 
                      $('.email').val(response.message.email); 
                      $('.nri_no').val(response.message.nri_no);

}                     
                    else 
                    {
                      
                      $('.phone_number').val(''); 
                       $('.email').val(''); 
                      $('.nri_no').val(''); 
                   
                      toastr["error"](response.message);                        
                    }
            	}    
      		});
	});
	
});

$(document).on('focusout','.tsv_input',function(){
   
    var value=$(this).val();
	var value=$(this).val();
    
    x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

$('.tsv_input').val(res);

});

$(document).on('keyup','.tcc_input',function(){
   
    var value=$(this).val();
    
    x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

$('.tcc_input').val(res);

});
  
  $(document).on('change','.booking_amount',function(){
   
    var value=$(this).val();
    
    x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

$('.booking_amount').val(res);
        
        $('.b_cal').empty();
        
        $('#reg_date_type option[value=""]').prop('selected', true);

});

$(document).on('change','.sale_agree_amount',function(){
   
    var value=$(this).val();
    
    x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

$('.sale_agree_amount').empty();
        $('.sale_agree_amount').val(res);

$('#reg_date_type option[value=""]').prop('selected', true);
       
  });
  
   $(document).on('change','.instal_due_amount',function(){
   
    var value=$(this).val();
    
    x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
        $('.instal_due_amount').empty();
        $('.instal_due_amount').val(res);
       
        $('#reg_date_type option[value=""]').prop('selected', true);

});

$(document).on('change','.reg_due_amount',function(){
   
    var value=$(this).val();

$('.reg_due_amount').val(res);
   
   
	x=value.toString();

var lastThree = x.substring(x.length-3);

var otherNumbers = x.substring(0,x.length-3);

if(otherNumbers != '')
	lastThree = ',' + lastThree;

var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

$('.reg_due_amount').empty();
	$('.reg_due_amount').val(res);

$('#reg_date_type option[value=""]').prop('selected', true);

});

// $(".tcc_input").change(function (e) {

// 	var tcc_input   = $(this).val();
		// 	var tsv_input   = $('.tsv_input').val();
		// 	var total_value = parseFloat(tcc_input)+parseFloat(tsv_input);
		// 	$('.total_value').val(total_value);

// });

$(".tcc_input").keyup(function (e) {

var tcc_input   = $(this).val();
			var tsv_input   = $('.tsv_input').val();
			var tcc_input2 = tcc_input.replace(/,/g, "");
			var tsv_input2 = tsv_input.replace(/,/g, "");
			var res_earn    = tsv_input.replace(/[_\W]+/g, "");
	   		tsv_input 		= parseFloat(res_earn);
			var total_value = parseFloat(tcc_input2)+parseFloat(tsv_input2);
			x=total_value.toString();
			var lastThree = x.substring(x.length-3);
	        var otherNumbers = x.substring(0,x.length-3);
	        if(otherNumbers != '')
	            lastThree = ',' + lastThree;
	        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
			$('.total_value').val(res);

});

$("input[name='payment_type']").change(function(){
	    
	    	var value = $('input[name=payment_type]:checked').val();
	    	if(value == "Cheque")
	    	{
	    			var check_content = '';

check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>Cheque No</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control cheque_no" name="cheque_no" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>Cheque Date</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control booking_calendar date_picker" name="cheque_date" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>Bank Name</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control" name="cheque_bank_name"  required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';

$(".online_div").empty();
					$(".dd_div").empty();
					$(".cheque_div").html(check_content).fadeIn('slow');

$('.date_picker').datepicker({
					   dateFormat: 'dd-mm-yy' 
					});
	    	}
	    	else if(value == "Online Payment")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>UTR No</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control" name="utr_no" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>Date</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control booking_calendar date_picker" name="pay_date" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label></label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';

$(".online_div").html(check_content).fadeIn('slow');
					$(".dd_div").empty();
					$(".cheque_div").empty();

$('.date_picker').datepicker({
					   dateFormat: 'dd-mm-yy' 
					});
	    	}
	    	else if(value == "DD")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>DD No</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control" name="dd_no" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>DD Date</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control booking_calendar date_picker" name="dd_date" max="" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="row">';
					check_content +='<div class="col-sm-4">';
					check_content +='<div class="form-group">';
					check_content +='<label>Bank Name</label>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='<div class="col-sm-8">';
					check_content +='<div class="form-group">';
					check_content +='<input type="text" class="form-control" name="dd_bank_name" required="required">';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';
					check_content +='</div>';

$(".online_div").empty();
					$(".dd_div").html(check_content).fadeIn('slow');
					$(".cheque_div").empty();

$('.date_picker').datepicker({
					   dateFormat: 'dd-mm-yy' 
					});
	    	}
	    	else
	    	{
	    		$(".cheque_div").empty();
	    		$(".dd_div").empty();
	    		$(".online_div").empty();
	    	}

});

$('.booking_form').submit(function(e){    
        e.preventDefault();

formdata = new FormData($(this)[0]);

/*   $(".submit").attr('disabled', 'disabled');
       $(".submit").text("Submitting...");*/

$.ajax({
	                type   : 'post',
	                url    : '<?php echo site_url("add-booking-details")?>',
	                data   : formdata,
	                contentType: false,
	                processData: false,
	                                          
	                  success:function(response){
	                  response=jQuery.parseJSON(response);
	                  console.log(response);

if(response.result==1)
	                    {
	                    	$('#myModal').modal('show');
		                    //toastr["success"](response.message);
		                }
	                   	else 
	                    {
		                    toastr["error"](response.message);                       
			                /*$(".submit").text("Save & Print"); 
			                $(".submit").removeAttr('disabled');   */                   
	                    }
	                   
	                }
                
         		});
     
     });

$('.go_back').click(function()
{
   
    window.location.href="<?php echo site_url('bookings-list')?>";
});

if(response.result==1)
      {  
        $('#customer_name').empty();
        $('#customer_name').text(response.customer.name);
        $('.customer_ids').val(response.customer.id);
        $('#contact_no').text(response.customer.phone);
        $('#email').text(response.customer.email); 
        $('#layout_id_fol').val(response.booking.layout_id);
        $('.site_idss_fol').val(response.booking.site_id);
         $.ajax({
                        
          type:'post',
          url:'<?php echo site_url('get-site-based-on-layout-booking');?>',
          data:{'layout_id':response.booking.layout_id},
          success:function(response){
          response=jQuery.parseJSON(response)

if(response.result==1)
              {
                  var site_idss = $('.site_idss_fol').val();
                  
                  var con1 = '';
                  con1 += '<label for="name">Site No</label>';
                  con1 += '<select type="text" class="form-control site_list" name="site_id">';
                  con1 += '<option value="">Select</option>';
                  $.each( response.sites, function( key, value2 ) {
                 
                    if(site_idss == value2.id)
                    {
                      con1+='<option value="'+value2.id+'" selected>'+value2.site_no+'</option>';
                    }
                    else
                    {
                      con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>';
                    }

});
                  con1 += '</select> ';

$('#leaves1').empty();
                  $('#leaves1').append(con1);
              }
              else
              {
                 $('#leaves1').empty();
                toastr["error"](response.message);      
              }
        }
        });
       }
       else
       {
          $('#customer_name').empty();
          toastr["error"](response.message);  
       }
      }
    });

var customer_id = '<?php echo $this->uri->segment(2); ?>';
var site_id = '<?php echo $this->uri->segment(3); ?>';
load_grid(customer_id,site_id);
function load_grid(customer_id,site_id)
{

$("#list3").setGridParam(
    {
    	url:"<?php echo site_url('Booking-followup-list/')?>"+customer_id+'/'+site_id, 
        page:1
    }
    ).trigger("reloadGrid");//Reload grid trigger
    $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
    return false
}

$("#list3").jqGrid({
   url:"<?php echo site_url('Booking-followup-list/')?>"+customer_id+'/'+site_id, 
    mtype : "get",   
    datatype: "json", 
    colNames:['id','Description','Follow Date','Progress','Employee','Department','Layout Name','Site No','Created By','Created At','Created Time'],
    colModel:[
               {name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
            {name:'description',index:'description', width:300, hidden:false,editable:false},
            {name:'follow_date',index:'follow_date', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }},
            {name:'progress',index:'progress', width:250, hidden:false,editable:false},
            {name:'employee',index:'employee', width:250, hidden:false,editable:false},
            {name:'department',index:'department', width:300, hidden:false,editable:false},
            {name:'layout_name',index:'layout_name', width:100, hidden:false,editable:false},
            {name:'site_no',index:'site_no', width:100, hidden:false,editable:false},
            {name:'name',index:'name', width:100, hidden:false,editable:false},
            {name:'created_at',index:'created_at', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }},
            {name:'created_time',index:'created_time', width:100, hidden:false,editable:false},
             ],

rowNum:20,
    rowTotal: 2000,
    rowList : [20,30],
    rownumbers: true,
    //rownumWidth: 60,
    pager:"#pager3", 
    sortname:'id', 
    viewrecords: true,
    gridview: true,
    // autowidth: true,
    sortorder:"asc",
    shrinkToFit: true,
    loadonce:true,
    autoencode: true,
    caption:"Customer Enquiry List",
  });

$("#list3").jqGrid("setLabel", "rn", "SL");
    $("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
      { },
      { }, 
      {
      sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
      closeOnEscape: true, 
      multipleSearch: true, 
      closeAfterSearch: true,
      closeAfterDelete:true,
      closeAfterEdit:true
      },
    );

$('.progress_type').change(function()
{
   var type = $(this).val();
  if(type == "Finalized Reject")
  {
   
    $('.date-picker').removeAttr('required');
    $('.followup_date').hide();
  }
  else
  {
     $('.date-picker').prop('required',true);
    $('.followup_date').show();
  }
});

$('.booking_layout_id').change(function()
{
   
    var id = $(this).val();
    
    $.ajax({
                        
      type:'post',
      url:'<?php echo site_url('get-site-based-on-layout-booking');?>',
      data:{'layout_id':id},
      success:function(response){
      response=jQuery.parseJSON(response)

if(response.result==1)
          {
            
              var con1 = '';
              con1 += '<label for="name">Site No</label>';
              con1 += '<select type="text" class="form-control site_list" name="site_id">';
              con1 += '<option value="">Select</option>';
              $.each( response.sites, function( key, value2 ) {

con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>';
              });
              con1 += '</select> ';

$('#leaves1').empty();
              $('#leaves1').append(con1);
          }
          else
          {
            $('#leaves1').empty();
            toastr["error"](response.message);      
          }
    }
    });

});

$('.employee_name').change(function()
{
  var employee_name = $(this).val();
  $.ajax({
      type:'post',
      url:'<?php echo site_url('get-department-based-on-employee');?>',
      data:{'employee_name':employee_name},
      success:function(response){
      response=jQuery.parseJSON(response);

if(response.result==1)
      {

$('#department_name').empty();
        $('#department_id').empty();
        $('#department_name').val(response.message.dept_name);
        $('#department_id').val(response.message.id);
        
            
       }
       else
       {
          $('#department_id').empty();
          toastr["error"](response.message);  
       }
      }
    });
});

$(function() 
{
	$('.date-picker1').datepicker({
	changeMonth: true,
	changeYear: true,
	showButtonPanel: true,
	dateFormat: 'd-m-yy',

});
});

$('.add_forms').submit(function(e)
  	{
        e.preventDefault();
        formdata = new FormData($(this)[0]);
        $(".add").attr('disabled', 'disabled');
        $(".add").text("Submtting...");
        $.ajax({

type   : 'post',
            url    : '<?php echo site_url("add-booking-followups")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {                  
                  $('#myModal').modal('hide');
                  window.location.href="<?php echo site_url('sales-list/');?>"+customer_id;
                }
                else 
                {
                  toastr["error"](response.message);                       
                  $(".add").text("Submit"); 
                  $(".add").removeAttr('disabled');  
                  $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');           
                }               
            }           
      });             
    });

function print_page()
{

var divToPrint=document.getElementById('print_table');
  newWin= window.open("");
    newWin.document.write('<html><head><title></title>');
    newWin.document.write('</head>');
    newWin.document.write(divToPrint.outerHTML);
    newWin.document.write('</html>');
    
    document.getElementById('print_table').style.display=newWin;
  
    newWin.close();
      var originalTitle = document.title;
      document.title = "MMG";

$(".print_button").hide();
	$(".go_back").hide();
	$(".submit").hide();
	$(".booking_details").show();
	$(".sales_divs").show();
	$(".empty_booking_form").hide();

$(".north1").css("paddingLeft","0px");
	$(".north2").css("paddingLeft","0px");
	$(".north3").css("paddingLeft","0px");
	$(".north4").css("paddingLeft","0px");
	//window.open('<?php echo site_url("installment-receipt-details")?>');
    window.print();
   //window.history.back();
    document.title = originalTitle;
  
}

function empty_form_print()
{

$(".print_button").hide();
	$(".go_back").hide();
	$(".submit").hide();
	
	$(".empty_booking_form").show();
	$(".booking_details").hide();

$(".north1").css("paddingLeft","0px");
	$(".north2").css("paddingLeft","0px");
	$(".north3").css("paddingLeft","0px");
	$(".north4").css("paddingLeft","0px");
    window.print();
   //window.history.back();
    document.title = originalTitle;
  
}

</script>

background-color: transparent;

border: 1px solid transparent;

line-height: 1.6;

text-align: justify;

}

.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {

border-color: #FF0000;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);

}
.modal-content{
  width: 150%;
  background: aliceblue;
</style>
<?php $this->load->view('includes/footer');?>