<div id="contentwrapper">
	    <div class="main_content">
       	  

  
		  <div class="page-head">
				<div class="container">
					<!-- BEGIN PAGE TITLE -->
					<div class="page-title">
						<h1>Call Mangement Report <small>Manage your calls.</small></h1>
					</div>
				   
				</div>
			</div>
                           
			 <div class="page-content">
                                <div class="container">
								
								<div class="row-fluid">
			
		  </div>

                                    
                                    <div class="page-content-inner">
				
				<form name="rep_form"  id="rep_form">
					<div class="portlet light">
					  
						 <div class="row">
                          <div class="col-md-12">
									
									<div class="col-md-3">						   
											
											<label>To Date<span class="f_req">*</span></label>
											<input name="to_date" type="text" class="form-control date-picker" id="to_date"  data-date-format="mm-yyyy" value="<?php echo $_POST['to_date']; ?>"   />
											
											<span class="help-block">Please select to date</span>		
											
											</div>	
																				
									<div class="col-md-3">
											
											<label>Technecian <span class="f_req">*</span></label>
											<select name="tech_name[]" class="form-control " id="tech_name"  multiple="multiple" style="max-height:400px;" >
										
											<?php
											$sql="select EMP_ID,EMP_NAME from employee where EMP_UPDATE=1";
											$qu=mysql_query($sql);
											while($r=mysql_fetch_array($qu))
											{
											?>
											<option <?php if($EMP_ID==$r['EMP_ID']) echo "selected='selected'";?> value="<?php echo $r['EMP_ID'];?>"><?php echo $r['EMP_NAME'];?></option>
											<?php }?>
											</select>
											
											</div>							
																		 
									<div class="col-md-3">	
										<label>Surround Area <span class="f_req">*</span></label>
										
										<select name="surround_area[]" class="form-control  uppercase" multiple="multiple" id="surround_area" style="max-height:400px;" >
										
										 
										  <?php
											$sql="select area_name from area where area_update=1";
											$qu=mysql_query($sql);
											while($r=mysql_fetch_array($qu))
											{
											?>
										  <option <?php if($per1==$r['area_name']) echo "selected='selected'";?> value="<?php echo $r['area_name'];?>"><?php echo $r['area_name'];?></option>
										  <?php }?>
										</select>
						
										 </div>	
										 
										 
										 <div class="col-md-3">
											
											<label>Status <span class="f_req">*</span></label>
											<select name="call_status[]" class="form-control " id="call_status"  multiple="multiple" style="max-height:400px;" >									
										
											<option value="N">pending</option>
											<option value="Y">closed</option>
										
											</select>
											
											</div>
								 	   
					      </div>
						  </div>						  
								  </br>								  
								    </br>
							
				 <div class="form-actions">
						<div class="row">
							<div class="col-md-offset-3 col-md-9">
							
							<input type="submit" class="btn green" id="search" value="submit" />
								
							</div>
						</div>
					</div>
					 </div>

				</form>

		 <div class="row">
						  <div class="col-md-12">
						  <input type="image" src="assets/global/plugins/jquery-file-upload/img/loading.gif"  id="searchloading" style="display:none;"/>
						  <div id="bookcomplaint" style="display:none"> 
						 
						  </div>
						</div>
				<div id="searchresult"></div>
	    	</div>
		 </div>

		</div>
</div>
</div>
</div>


  
<script>

$(document).ready(function()
{
// calls management search 
$( "#search" ).click(function(e) {
		event.preventDefault();
        //show loading
		$('#searchloading').show();
		// hide loading
		$('#searchresult').hide();		
		postvalue=($('#rep_form').serialize());		
		$.ajax({  
			type: "POST",  
			url:  "ajax/loaddata_rep.php?type=1&pid=4_2_1", 
			data: postvalue, 
			success: function(msg) {
			$('#searchresult').html(msg);
			$('#searchloading').hide();
		    $('#searchresult').show();
			
      table = $('#sample').DataTable( {
      dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print','pageLength'
        ], lengthMenu: [
            [ 10, 25, 50, -1 ],
            [ '10 rows', '25 rows', '50 rows', 'Show all' ]
        ]
   		 } );
	
				//		
			}
		});
	
});
});

// bind date picker

var bindDatePicker = function(element) {
    $(element).datepicker(
	{
	//startDate: new Date()
	});
};

</script>