<?php
	include('common/header.php');
	error_reporting(E_ALL);
?>
<style>
	.autocomplete {
	  position: relative;
	 
	}
	.autocomplete-items {
	 /* position: absolute;*/
	  border: 1px solid #d4d4d4;
	  border-bottom: none;
	  border-top: none;
	  z-index: 99;
	  top: 100%;
	  left: 0;
	  right: 0;
	}
	.autocomplete-items div {
	  padding: 10px;
	  cursor: pointer;
	  background-color: #fff; 
	  border-bottom: 1px solid #d4d4d4; 
	}
	.autocomplete-items div:hover {
	  background-color: #e9e9e9; 
	}
	.autocomplete-active {
	  background-color: DodgerBlue !important; 
	  color: #ffffff; 
	}
	</style>
	<div class="">
		<div class="col-xm-12">
			<div class="widget-box light-border">
				<div class="widget-header header-color-grey">
					<h4 class="smaller">
						Refill Sale Data
					</h4>
				</div>
				<div class="widget-body">
					<div class="widget-main">
						<div class="row">
							<div class="col-sm-12">
								<form class="form-horizontal" role="form" name="module_form" id="module_form">
								<div class="">
									<!-- PAGE CONTENT BEGINS -->

																							
                            <div class="form-group">
                             <label for="client_code" class="col-sm-5 control-label required">Customer Name:<font style="color:red">*</font></label>
                                <div class="col-sm-7">
                                      
                                    <select class="js-example-basic-multiple" name="customer[]" multiple="multiple" id="customer" style="width: 250px;" required>
                                 
                                     </select>
									<span class="red" id="customer_name_error"></span>
                                </div>	
                            </div>
                       



									<div class="form-group">  
										<label class="col-sm-5 control-label" for="form-field-2" ><?php echo 'Refill Due for';?><font style="color:red">*</font></label>
										<div class="col-sm-7">	
											<select style="width:262px;">
												<option>Select Refill Due for</option>
												<option>Todays refill due</option>
												<option>All previous refill due</option>
												<option>Next 7 days refill due</option>
												<option>Next 15 days refill due</option>
												<option>Next 30 days refill due</option>
												
											</select>
										</div>
								    </div>

								</div>
								</form>	
							</div>
						</div>
					</div>	
				</div>
			</div>
		</div>
		<!-- /.col -->
	</div>
	<div class="clearfix form-actions">
		<div class="col-md-offset-5 col-md-5">
			
			<button class="btn btn-info" type="button">
				<a href="<?php echo base_url();?>index.php/<?php echo REFILL_SALES_DATA;?>list_refill_sale_data"> Refill Sale Data</a>
			</button>
		</div>
	</div>
	<div class="space-4"></div>
		<!-- /.page-row -->
        <!-- /.page-content --> 
    </div>
    <!-- /.main-content --> 
	</div>
    <!-- /#ace-settings-container --> 
	</div>
	<!-- /.main-container-inner --> 

<?php
	include('common/footer.php');
?>
<script>
function hide()
{
	document.getElementById("admin_type_code").style.display="none";
}
function show()
{
	document.getElementById("admin_type_code").style.display="";
}
</script>
<script type="text/javascript">
$(document).ready(function() {
    $('form:first *:input[type!=hidden]:first').focus();

    $(".select2").select2();  
    $(".select2").prop("multiple", "multiple");


    //$('#customer').change(function(){
    $.ajax({
    url:"<?php echo base_url();?>index.php/gc/refill_sale_data/fetch_customer",
    method:"POST",
    success:function(data)
    {

      $('#customer').html(data);

    }
   });

  
 //});
});
</script>	

