<?php
	$this->load->view("partial/header");
	$company_name = $this->config->item('company');
?>
<!-- <div class='row' style='margin: 0px; padding:8px 10px; background-color: #f1f1f1;'>
	<div class='col-md-12' style='padding:0px;'>
		<?php echo $company_name;?>
	</div>
</div> -->
<!-- MODEL START -->
<div class="modal fade" id="detail_list_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog modal-lg" style="width: 90%;" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="append_head" style='font-size:15px;'></h4>
			</div>
			<div class="modal-body" id="append_data" style="min-height:260px;"></div>
		</div>
	</div>
</div>
<div id="holder" class="form-inline" style="margin-top:20px;">
		<div class="col-md-12" style="margin-bottom:10px;">
			<div class="form-group">			
			<?php
				echo form_label('Search Date', 'daterangepicker', array('class' => 'required'));
				echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm daterangepicker-field', 'id' => 'daterangepicker','style'=>'border-radius: 4px; border: 1px solid #CCCCCC;','data-bind'=>'daterangepicker: dateRange, daterangepickerOptions: { maxDate: moment()}'));
			?>
			</div>
		</div>
</div>
<div class="col-md-12" id="renewals_details" style="margin:10px;padding:5px;background-color: #f2f2f2;">
	<table id='renewals_report_table' class='table table-hover'></table></div>
</div>

<script src="dist/daterangepicker/knockout.js" type="text/javascript"></script>
<link href="dist/daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<script src="dist/daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<?php
	$this->load->view('partial/footer');
?>