<%@ Page Title="" Language="C#" MasterPageFile="~/module/dashboardPage.master" AutoEventWireup="true" CodeFile="feesmodule.aspx.cs" Inherits="module_feesmodule" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <!--start page wrapper -->
		<div class="page-wrapper">
			<div class="page-content">
				<div class="row">
					<div class="col-md-12 mx-auto" >
					
				<div class="card">
					<div class="card-body">
						<div class="card-title d-flex align-items-center">

							<h6>Student Registration</h6>
						</div>
						<hr>
						
						
						<form class="row g-2">
							<div class="col-md-2">
								<label>Year</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">2020-2021</option>
									<option value="1">2021-2022</option>
									<option value="2">2022-2023</option>
									
							
								</select>
							</div>
							
							<div class="col-md-3">
								<label>School/College</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">HITECH College of B-Pharmacy</option>
									</select>
							</div>


							<div class="col-md-2">
								<label>Class</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">BE</option>
									<option value="1">ME</option>
									<option value="2">B.Farm</option>
									
							
								</select>
							</div>
							<div class="col-md-2">
								<label>Division</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">1st Year</option>
									<option value="1">2nd Year</option>
									<option value="2">3rd Year</option>
									<option value="2">4th Year</option>
									
							
								</select>
							</div>
							
							
					       <div class="col-md-3" style="margin-top: 4vh;">
							<button type="button" class="btn btn-primary">Search</button>
							
											
						   </div>
						   
                           </form>
                       </div>
                   </div>
				   
				  
				<div class="col-md-12">
							
					<form class="row g-2">
					<div class="col-md-2">
						<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleLargeModal">Pay Now</button>
					</div>
					<div class="col-md-4">
						<button type="button" class="btn btn-primary">Update Fess After Package Transfer</button>
					</div>
					</form>
				</div>

				   <div class="overlay toggle-icon"></div>
				   <hr/>
				   <div class="col-md-12 mx-auto">
				   <div class="card">
					   <div class="card-body">
						   <div class="table-responsive">
							   <table id="example" class="table table-striped table-bordered">
								   <thead>
									   <tr>
										   <th>Sr.no</th>	
										   <th>Student ID</th>
										   <th>Name</th>  
										   <th> Id	Name</th>
										   <th>Pkg.Name</th>
										   <th>Total Amt</th>
										   <th>Paid Amt</th>
										   <th>Bal Amt</th>
										   <th style="background-color:#ffff;">Action</th>
									   </tr>
								   </thead>
								   <tbody>
									<tr>
										<td></td>
										<td>	<input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>	
										<td>	<input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td>	<input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td>	<input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td>	<input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
										<td style="background-color:#ffff;">
															
										 <button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleLargeModal"><i class='bx bx-message-square-edit'></i>
										 </button><button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-danger"><i class="fadeIn animated bx bx-trash-alt"></i>
										 </button>
										
										</td>										
										 </tr>
									   <tr>
										   <td>1</td>
										   <td>1321</td>	
										   <td>Shivani Dakare</td>
										   <td>Shivani Dakare</td>
										   <td>50,000</td>
										   <td>25,000</td>
										   <td>25,000</td>
										   <td>ScholarShip</td>
										   <td style="background-color:#ffff;">
																	
											<button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleLargeModal"><i class='bx bx-message-square-edit'></i>
											</button><button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-danger"><i class="fadeIn animated bx bx-trash-alt"></i>
											</button>
										
										   </td>										
											</tr>
									   </tbody>
							   </table>
						   </div>
					   </div>
				   </div>
			   </div>
			   </div>
		   </div>			
   
				   
	


				
				<!--end page wrapper -->
				<!--start overlay-->

				<!-- pay-now-modal-start-->
				<div class="col">
					<!-- Button trigger modal -->
					<!-- Modal -->
					<div class="modal fade" id="exampleLargeModal" tabindex="-1" aria-hidden="true">
						<div class="modal-dialog modal-lg">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title">Modal title</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
								</div>
								<div class="modal-body"><div class="card">
									<div class="card-body">
										<table class="table mb-0">
											<thead class="table-dark  table-striped">
												<tr>
													<th scope="col">Sr.No.</th>
													<th scope="col">Category Name</th>
													<th scope="col">Total Amount</th>
													<th scope="col">Balance Amount</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<th scope="row">1</th>
													<td>Admission Fee</td>
													<td><input class="form-control mb-3" type="text" 
														aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
														aria-label="default input example"></td>
												</tr>
												<tr>
													<th scope="row">2</th>
													<td>Tuition fee</td>
													<td><input class="form-control mb-3" type="text" 
														aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
														aria-label="default input example"></td>
												</tr>
												<tr>
													<th scope="row">3</th>
													<td >Caution Money</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">4</th>
													<td >College Magzine Fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">5</th>
													<td >Indentity Card Fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">6</th>
													<td >Insurance</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">7</th>
													<td >University Fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>
												<tr>
													<th scope="row">8</th>
													<td >Eligibility Fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">9</th>
													<td >Bus Fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">10</th>
													<td >Examination Fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">11</th>
													<td >Enrollment Fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">12</th>
													<td >Locker Fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												
												<tr>
													<th scope="row">13</th>
													<td >Games&sports Fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">14</th>
													<td >Board fee</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">15</th>
													<td >Extracurricular Activity Fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>

												<tr>
													<th scope="row">16</th>
													<td >Development fees</td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
													<td><input class="form-control mb-3" type="text" 
											aria-label="default input example"></td>
												</tr>
											</tbody>
										</table>

										<form class="row g-2">
											<div class="col-md-2" style="margin-top: 2%;">
												<label>Total Amount</label>
												<input class="form-control mb-3" type="text" 
											aria-label="default input example" placeholder="">
											</div>
											
											<div class="col-md-2"style="margin-top: 5%;" >
												<label >Pay Mode:</label>
											
											</div>
				
				
											<div class="col-md-2" style="margin-top: 5%;">
												<label  for="flexRadioDefault1"> Cash</label>
													<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
											
											</div>

											<div class="col-md-2" style="margin-top: 5%;">
												<label  for="flexRadioDefault3"> Cheque</label>
													<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
											
											</div>


											<div class="col-md-2" style="margin-top: 5%;">
												<label  for="flexRadioDefault2"> DD</label>

													<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
												
											</div>
											<div class="col-md-2" style="margin-top: 2%;">
												<label> Amount</label>
												<input class="form-control mb-3" type="text" 
											aria-label="default input example" placeholder="">
											</div>
											<div class="col-md-2">
												<label>Remark</label>
												<input class="form-control mb-3" type="text" 
											aria-label="default input example" placeholder="">
											</div>
											
										   <div class="col-md-3" style="margin-top: 4.7vh;">
											<button type="button" class="btn btn-primary">Save</button>
											
															
										   </div>
										   
										   </form>
										   <hr/>
										   <div class="col-md-12 mx-auto">
										   <div class="card">
											   <div class="card-body">
												   <div class="table-responsive">
													   <table id="example1" class="table table-striped table-bordered">
														   <thead>
															   <tr>
																   <th>Sr.no</th>	
																   <th>Ref Id</th>
																   <th>Amount</th>  
																   <th>Pay Date</th>
																   <th>Mode</th>
																   <th colspan="3">Cheque/DD No</th>
																
																   <th style="background-color:#ffff;">Action</th>
															   </tr>
														   </thead>
														   <tbody>
															
															   <tr>
																   <td>1</td>
																   <td>1321</td>	
																   <td>Shivani Dakare</td>
																   <td>Shivani Dakare</td>
																   <td></td>
																   <td>Number</td>
																   <td>Date</td>
																   <td>Bank</td>
																 
																   <td style="background-color:#ffff;">
																								
																	</button><button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-danger"><i class="fadeIn animated bx bx-trash-alt"></i>
																	</button>
																	
																	<button style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-dark"><i class="fadeIn animated bx bx-printer"></i>
																	</button>
																   </td>										
																	</tr>
															   </tbody>
													   </table>
												   </div>
											   </div>
										   </div>
									   </div>
									</div>
								</div></div>
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
									<button type="button" class="btn btn-primary">Save changes</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- pay-now-modal-end-->
				
		<!--end page wrapper -->
		<!--start overlay-->
		<div class="overlay toggle-icon"></div>
		<!--end overlay-->
		<!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
		<!--End Back To Top Button-->
		
	</div>
            </div>
</asp:Content>

