<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>From Date<span class="f_req">*</span></label>
<input name="from_completion_date" type="text" class="form-control date-picker" id="from_completion_date" data-date-format="dd-mm-yyyy"  value="<?php echo $_POST['from_date']; ?>"   />

<span class="help-block">Please select from date</span>

</div>

<div class="col-md-3">

<label>To Date<span class="f_req">*</span></label>
<input name="to_completion_date" type="text" class="form-control date-picker" id="to_completion_date"  data-date-format="dd-mm-yyyy" value="<?php echo $_POST['to_date']; ?>"   />

<span class="help-block">Please select to date</span>

</div>



</div>
</div>


<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-9">

<input type="submit" class="btn green" id="call_completion_search" value="submit" />

</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>
<div id="searchresult"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>

$(document).ready(function()
{
// calls management search
$( "#call_completion_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_2",
			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>