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

<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">

							<h5>Student Personal Details</h6>
						</div>
						<hr>
						<form class="row g-2">

							
							<div class="col-md-3">
								<label>Student ID</label>
								<input class="form-control mb-3" type="text" placeholder="Student ID"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>First Name*</label>
								<input class="form-control mb-3" type="text" placeholder="First Name"
									aria-label="default input example">
							</div>

								<div class="col-md-3">
								<label>Middle Name*</label>
								<input class="form-control mb-3" type="text" placeholder="Middle Name"
									aria-label="default input example">
							</div>
								<div class="col-md-3">
								<label>Last Name*</label>
								<input class="form-control mb-3" type="text" placeholder="Last Name "
									aria-label="default input example">
							</div>
								<div class="col-md-3">
								<label>P.Name*</label>
								<input class="form-control mb-3" type="text" placeholder="Pref.Name"
									aria-label="default input example">
							</div>
								<div class="col-md-3">
								<label>Mother Name</label>
								<input class="form-control mb-3" type="text" placeholder="Mother Name"
									aria-label="default input example">
							</div>

									<div class="col-md-3">
								<label>country</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Africa</option>
									<option value="1">India</option>
									<option value="2">England</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>State</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Bihar</option>
									<option value="1">up</option>
									<option value="2">Maharashtra</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>City</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Amravati</option>
									<option value="1">Nagpur</option>
									<option value="2">Pune</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-3">
										<label>Address</label>
										<textarea class="form-control" id="inputAddress" placeholder="Address..." rows="1"></textarea>
									</div>
									<div class="col-3">
										<label>Residential address</label>
										<textarea class="form-control" id="Textarea1" placeholder="Address..." rows="1"></textarea>
									</div>
									<div class="col-3">
										<label>Permanent address</label>
										<textarea class="form-control" id="Textarea2" placeholder="Address..." rows="1"></textarea>
									</div>

							<div class="col-md-3">
								<label>Pin code</label>
								<input class="form-control mb-3" type="text" placeholder="Pin code"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Caste Category</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">OBC</option>
									<option value="1">OPEN</option>
									<option value="2">SC</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>

							
							<div class="col-md-3">
								<label>Blood Group</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">A+ve</option>
									<option value="1">B+ve</option>
									<option value="2">O+ve</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label style="margin-top:4vh;">Gender*</label>
								<input  type="radio" name="gender" value="male"> Male
                                <input  type="radio" name="gender" value="female"> Female
							</div>
							<div class="col-md-3">
								<label>DOB</label>
								<input class="form-control mb-3" type="date" placeholder="DOB"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Age</label>
								<input class="form-control mb-3" type="text" placeholder="Age"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Mobile 1*</label>
								<input class="form-control mb-3" type="tel" placeholder="Mobile No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Mobile 2</label>
								<input class="form-control mb-3" type="tel" placeholder="Alternate No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Email</label>
								<input class="form-control mb-3" type="Email" placeholder="Email"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Class*</label>
									<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">1st</option>
									<option value="1">2nd</option>
									<option value="2">3rd</option>
									<option value="2">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Divison*</label>
									<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">A</option>
									<option value="2">B</option>
									<option value="3">C</option>
									<option value="4">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Highest Qualification*</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">BE</option>
									<option value="2">Bsc</option>
									<option value="3">B.com</option>
									<option value="4">Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Adhar Card No</label>
								<input class="form-control mb-3" type="text" placeholder="Adhar Card No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Voting Card No</label>
								<input class="form-control mb-3" type="text" placeholder="Voting Card No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>BPL Card No</label>
								<input class="form-control mb-3" type="text" placeholder="BPL Card No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Scheme*</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Private</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Course Name*</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1"></option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Status</label>
								<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Pending</option>
							
								</select>
							</div>

							<div class="col-md-3">
								<label>Isprovisional*</label>
									<select class="form-select mb-3" aria-label="Default select example">
									<option selected>Select</option>
									<option value="1">Yes</option>
									<option value="2">No</option>
									<option value="3">Other (Please Specify)</option>
							
								</select>
							</div>

						</form>

					      <div class="col-md-4" style="margin-top: 4vh; ">
						  <button type="button" class="btn btn-primary" style="margin-left:70vh;">Submit</button>
											
										</div>
										</div>
										</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>First Name</th>  
																<th>Middle Name</th>
																<th>Last Name</th>
																<th>P.Name</th>
																<th>Mother Name</th>
																<th>country</th>
																<th>State</th>
																<th>City</th>
																<th>Address</th>
																<th>Residential address</th>
																<th>Permanent address</th>
																<th>Pin code</th>
																<th>Caste Category</th>
																<th>Mobile 1</th>
																<th>Mobile 2</th>
																<th>Email</th>
																<th>Blood Group</th>
																<th>Date of Birth</th>
																<th>Highest Qualification</th>
																<th>Adhar Card No</th>
																<th>Voting Card No</th>
																<th>BPL Card No</th>
																<th>Scheme</th>
																<th>Status</th>
																<th style="background-color: white;">Action</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td>1</td>
																<td>1321</td>	
																<td>Purva</td>
																<td>Bhimrao</td>
																<td>Kirnapure</td>
																<td>Purva</td>
																<td>Shanta</td>
																<td>India</td>
																<td>Maharashtra</td>
																<td>Amravati</td>
																<td>Sarswati Nagar</td>
																<td>Sarswati Nagar</td>
																<td>Sarswati Nagar</td>
																<td>444604</td>
																<td>OBC</td>
																<td>989876543</td>
																<td>989876543</td>
																<td>purva34@gmail.com</td>
																<td>A+ve</td>
																<td>12-14-2000</td>
																<td>BE</td>
																<td>7498588040</td>
																<td>7498588</td>
																<td>7498040</td>
																<td>Private</td>
																<td>Pending</td>
																<td style="background-color: white;">
																	<!-- <button style="height:35px; width: 35px; padding-left:7px;"  data-bs-toggle="modal" data-bs-target="#exampleLargeModal" type="button" class="btn btn-secondary"6><i class="fadeIn animated bx bx-user-plus"></i>
																	</button>&nbsp;								 -->
																	<button  style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#exampleLargeModal1"><i class='bx bx-message-square-edit'></i>
																	</button>&nbsp;<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>&nbsp;
																	<button  style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-warning"><i class="lni lni-share"></i>
																	</button>&nbsp;
																	<button  style="height:35px; width: 35px; padding-left:7px;" type="button" class="btn btn-dark"><i class="fadeIn animated bx bx-printer"></i>
																	</button>
																</div>
																   </td>										
																						   
																   </tr>
															</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
									</div>
								</div>			

								<div class="col">
									<!-- Button trigger modal -->
									<!-- Modal -->
									<div class="modal fade" id="exampleLargeModal1" tabindex="-1" aria-hidden="true">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<h5 class="modal-title">Student Personal Details</h5>
													<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
												</div>
												<div class="modal-body">
													<form class="row g-2">

							
														<div class="col-md-3">
															<label>Student ID</label>
															<input class="form-control mb-3" type="text" placeholder="Student ID"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>First Name*</label>
															<input class="form-control mb-3" type="text" placeholder="First Name"
																aria-label="default input example">
														</div>
							
															<div class="col-md-3">
															<label>Middle Name*</label>
															<input class="form-control mb-3" type="text" placeholder="Middle Name"
																aria-label="default input example">
														</div>
															<div class="col-md-3">
															<label>Last Name*</label>
															<input class="form-control mb-3" type="text" placeholder="Last Name "
																aria-label="default input example">
														</div>
															<div class="col-md-3">
															<label>P.Name*</label>
															<input class="form-control mb-3" type="text" placeholder="Pref.Name"
																aria-label="default input example">
														</div>
															<div class="col-md-3">
															<label>Mother Name</label>
															<input class="form-control mb-3" type="text" placeholder="Mother Name"
																aria-label="default input example">
														</div>
							
																<div class="col-md-3">
															<label>country</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Africa</option>
																<option value="1">India</option>
																<option value="2">England</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>State</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Bihar</option>
																<option value="1">up</option>
																<option value="2">Maharashtra</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>City</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Amravati</option>
																<option value="1">Nagpur</option>
																<option value="2">Pune</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-3">
																	<label>Address</label>
																	<textarea class="form-control" id="Textarea3" placeholder="Address..." rows="1"></textarea>
																</div>
																<div class="col-3">
																	<label>Residential address</label>
																	<textarea class="form-control" id="Textarea4" placeholder="Address..." rows="1"></textarea>
																</div>
																<div class="col-3">
																	<label>Permanent address</label>
																	<textarea class="form-control" id="Textarea5" placeholder="Address..." rows="1"></textarea>
																</div>
							
														<div class="col-md-3">
															<label>Pin code</label>
															<input class="form-control mb-3" type="text" placeholder="Pin code"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Caste Category</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">OBC</option>
																<option value="1">OPEN</option>
																<option value="2">SC</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
							
														
														<div class="col-md-3">
															<label>Blood Group</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">A+ve</option>
																<option value="1">B+ve</option>
																<option value="2">O+ve</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label style="margin-top:4vh;">Gender*</label>
															<input  type="radio" name="gender" value="male"> Male
															<input  type="radio" name="gender" value="female"> Female
														</div>
														<div class="col-md-3">
															<label>DOB</label>
															<input class="form-control mb-3" type="date" placeholder="DOB"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Age</label>
															<input class="form-control mb-3" type="text" placeholder="Age"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Mobile 1*</label>
															<input class="form-control mb-3" type="tel" placeholder="Mobile No"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Mobile 2</label>
															<input class="form-control mb-3" type="tel" placeholder="Alternate No"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Email</label>
															<input class="form-control mb-3" type="Email" placeholder="Email"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Class*</label>
																<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">1st</option>
																<option value="1">2nd</option>
																<option value="2">3rd</option>
																<option value="2">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>Divison*</label>
																<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">A</option>
																<option value="2">B</option>
																<option value="3">C</option>
																<option value="4">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>Highest Qualification*</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">BE</option>
																<option value="2">Bsc</option>
																<option value="3">B.com</option>
																<option value="4">Other (Please Specify)</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>Adhar Card No</label>
															<input class="form-control mb-3" type="text" placeholder="Adhar Card No"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Voting Card No</label>
															<input class="form-control mb-3" type="text" placeholder="Voting Card No"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>BPL Card No</label>
															<input class="form-control mb-3" type="text" placeholder="BPL Card No"
																aria-label="default input example">
														</div>
														<div class="col-md-3">
															<label>Scheme*</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Private</option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>Course Name*</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1"></option>
														
															</select>
														</div>
														<div class="col-md-3">
															<label>Status</label>
															<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Pending</option>
														
															</select>
														</div>
							
														<div class="col-md-3">
															<label>Isprovisional*</label>
																<select class="form-select mb-3" aria-label="Default select example">
																<option selected>Select</option>
																<option value="1">Yes</option>
																<option value="2">No</option>
																<option value="3">Other (Please Specify)</option>
														
															</select>
														</div>
							
													</form>
													 
												<!-- <div class="modal-footer"> -->
												   
													<button type="button" class="btn btn-primary">Save</button>
												</div>
											</div>
										</div>
									</div>
								</div>





				
				<!--end page wrapper -->
				<!--start overlay-->
				
		<!--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>
</asp:Content>

