<?php
session_start();
// ============
include("../../asset/theme/css/myfunc.php");
include("../../php_crud/my_class.php");
$obj=new my_class();
?>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<script src="module/fees/js/multiple_months_coll_by_id.js" type="text/javascript"></script>
<div class="row-fluid" style="background-color:#f5f5f5;-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black; margin-bottom:10px;">
<div class="span12" style="padding-bottom:15px;">
	<div class="widget-header header-color-green2">
    	<h4 class="lighter smaller" >Fee Collection by ID (Multiple Months)</h4>
    </div>
</div>
<input type="hidden" name="mon_list" id="mon_list" value="0">
<div class="row-fluid" id="id_n0">
<input type="hidden" id="mod_id" value="<?php echo $mod_id; ?>">
	<div class="span3">
		<div class="control-group">
			<label class="control-label" for="form-field-1">Student ID<font color="#FF0000">*</font></label>
			<div class="controls">
				<input id="uniq_id" name="uniq_id" type="text" placeholder="Enter student id">
			</div>
		</div>
	</div>
	<div class="span3">
		<div class="control-group">
			<label class="control-label" for="form-field-1">Session<font color="#FF0000">*</font></label>
			<div class="controls">
				 <input type="text" class="small" id="session" value="<?php echo date('Y');?>"/>
			</div>
		</div>
	</div>
	<div class="span2">
		<div class="control-group">
			<label class="control-label" for="form-field-1">&nbsp;&nbsp;</label>
		<div class="controls">
			<button class="btn btn-small btn-success" name="search" id="search">
			 <i class="icon-search bigger-100"></i>Search</button>
		 </div>
		</div>
	</div>
</div>
	<div class="row-fluid"  id="call_std_multi_mon_invoice" style="text-align: center;">	
</div>
<!-- ================ -->
</div>
<!--<div id="modal-multi-mon-fee-col" class="modal fade" role="dialog" style="width: 850px">-->
<div id="modal-multi-mon-fee-col" class="modal hide fade modal-fullscreen" tabindex="-1">
        <div class="modal-header no-padding">
            <div class="table-header">
                <button type="button" class="close" data-dismiss="modal" >&times;</button>
                Confirmation of Payment
            </div>
		</div>
		<div class="modal-body" id="multi_mon_fee_col"></div>
		<div class="modal-footer">
			<button class="btn btn-small btn-danger pull-right" type="button" data-dismiss="modal">
				<i class="icon-remove"></i>
					Cancel
			</button>
			<button class="btn btn-small btn-success pull-right" style="margin-right: 10px;" type="button" id="btn_confirm_multi_mon_payment" onclick="show_fee_confirmation_msg()">
				<i class="icon-ok bigger-100"></i>
					Make Payment
			</button>
			<span id="error_holder_with_icon" hidden="hidden" style="font-size: 24px; color: red; font-weight: bold;">
				<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
				<span id="error_holder" style="font-size: 24px; color:red; font-weight: bold;"><span></span>
		</div>	
</div>
<!--<div id="modal-multi-mon-fee-col" class="modal hide fade" style="overflow-x:show; width:50%; height:60%;" tabindex="-1">
	<div class="modal-header no-padding">
		<div class="table-header">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
				
		</div>
	</div>
					
</div>-->
