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

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   
    <script type="text/javascript">

        $(document).ready(function () {
            //$("#dbirth").datepicker({ dateFormat: "dd-mm-yyyy" }).datepicker("setDate", new Date());
            $("#btnadd").click(function () {
                if ($("#btnadd").val() == "Submit") {
                    SaveData();
                }
                else if ($("#btnadd").val() == "Update") {
                    updatedata();
                }
            });
            datatable();

            $.ajax({
                url: 'Registration4.aspx/GetEmpData',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                dataType: 'json',
                data: "{}",
                success: function (_data) {
                    _data = JSON.parse(_data.d);
                    var nn = _data;
                    var name = "STUD";
                    // var id = "001";
                    var d = new Date();
                    var n = d.getMonth() + 1;
                    if (n < 10) {
                        n = "0" + n;
                    }
                    else {

                    }
                    var year = new Date().toLocaleDateString('en', { year: '2-digit' });
                    var fill = name + "/" + n + year + "/" + nn;

                    // $('#name').val(fill);


                    $('#pre').html(fill);

                    console.log(JSON.stringify(_data));
                }

            });


        });

        function SaveData() {

            if ($("#txtfname").val() == "") {

                noty({ text: 'Enter First Name', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("#txtmname").val() == "") {

                noty({ text: 'Enter Middle Name', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("#txtlname").val() == "") {

                noty({ text: 'Enter Last Name', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("#txtpname").val() == "") {

                noty({ text: 'Enter P.Name', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("#txtmob1").val() == "") {

                noty({ text: 'Enter  Mobile Number', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddlclass]").val() == "0") {

                noty({ text: 'Select Class', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddldivi]").val() == "0") {

                noty({ text: 'Select Divison', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddlquali]").val() == "0") {

                noty({ text: 'Select Highest Qualification', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddlscheme]").val() == "0") {

                noty({ text: 'Select Scheme', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddlcourse]").val() == "0") {

                noty({ text: 'Select Course Name', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }
            if ($("select[id$=ddlimpro]").val() == "0") {

                noty({ text: 'Select Isprovisional', layout: 'topRight', type: 'information' });
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                setTimeout(function () { $.noty.closeAll(); }, 3000);
                return false;
            }

            var gender = "";
            if ($("input[name='iradio']").prop('checked') == true) {
                gender = $("#rbmale").val();
            }
            else {
                gender = $("#rbfemale").val();
            }

            var obj = {};
            //Uhid:'" + $("#pre").html()
            obj.uhid = $("#pre").html()
            obj.pfname = $("#txtfname").val()
            obj.pmname = $("#txtmname").val()
            obj.plname = $("#txtlname").val()
            obj.ppname = $("#txtpname").val()
            obj.pmoname = $("#motname").val()
            obj.pcountry = $('select[id$=ddlcountry]').val()
            obj.pstate = $('select[id$=ddlstate]').val()
            obj.pcity = $('select[id$=ddlcity]').val()
            obj.paddress = $("#txtaddress").val()
            obj.praddress = $("#txtresiadd").val()
            obj.ppaddress = $("#txtperadd").val()
            obj.ppin = $("#txtpin").val()
            obj.pcastcate = $('select[id$=ddlcateg]').val()
            obj.pbgroup = $('select[id$=ddlbgroup]').val()
            obj.pgender = gender;
            //obj.dob = $("#dbirth").val();
            obj.page = $("#txtage").val()
            obj.pmob1 = $("#txtmob1").val()
            obj.pmob2 = $("#txtmob2").val()
            obj.pemail = $("#txtemail").val()
            obj.pclass = $('select[id$=ddlclass]').val()
            obj.pdivision = $('select[id$=ddldivi]').val()
            obj.pquali = $('select[id$=ddlquali]').val()
            obj.padhar = $("#txtadhar").val()
            obj.pvoting = $("#txtvoting").val()
            obj.pbplcard = $("#txtbpl").val()
            obj.pscheme = $('select[id$=ddlscheme]').val()
            obj.pcourse = $('select[id$=ddlcourse]').val()
            obj.pstatus = $('select[id$=ddlstatus]').val()
            obj.pisprovisional = $('select[id$=ddlimpro]').val()

            $.ajax({
                type: "POST",
                url: "Registration4.aspx/savedata", //It calls our web method.
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(obj),
                dataType: "json",
                success: function (data) {
                    console.log(JSON.stringify(data));

                    noty({ text: 'Insert Successfully', layout: 'topRight', type: 'information' });
                    setTimeout(function () { $.noty.closeAll(); }, 3000);

                    datatable();
                    Clear();
                },
                error: function (error) {
                    console.log(JSON.stringify(error));
                    //alert("Error in insert");
                    noty({ text: 'Error in insert', layout: 'topRight', type: 'information' });
                    setTimeout(function () { $.noty.closeAll(); }, 3000);
                }
            });
        }
        function datatable() {
            $.ajax({
                type: "POST",
                url: "Registration4.aspx/GetData",
                contentType: "application/JSON; charset=utf-8",

                datatype: "JSON",
                success: function (data) {
                    var table = $('#dataemp').DataTable();
                    data = JSON.parse(data.d);

                    table.clear();
                    for (var i = 0; i < data.length; i++) {
                        table.row.add([

                        data[i].id, data[i].uhid, data[i].pfname, data[i].pmname, data[i].plname, data[i].ppname, data[i].pmoname, data[i].pcountry, data[i].pstate, data[i].pcity, data[i].paddress, data[i].praddress, data[i].ppaddress, data[i].ppin, data[i].pcastcate, data[i].pmob1, data[i].pmob2, data[i].pemail, data[i].pbgroup, data[i].pdob, data[i].pquali, data[i].padhar, data[i].pvoting, data[i].pbplcard, data[i].pscheme, data[i].pstatus,
                             "<button  style='height:35px; width: 35px; padding-left:7px;' type='button' onclick=editdata('" + data[i].id + "') id='btnedit' class='btn btn-success'  ><i class='bx bx-message-square-edit'></i></button> <button  style='height:35px; width: 35px; padding-left:7px;' type='button' onclick=deletedata('" + data[i].id + "') id='btndelete' 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-primary'><i class='lni lni-save'></i></button> <button  style='height:35px; width: 35px; padding-left:7px;' type='button' class='btn btn-dark'><i class='bx bx-x'></i></span></button>"

                        ]).draw(true);

                    }
                }
            });
        }
        var id1 = "";
        function editdata(id) {
            // $("#dbirth").datepicker({ dateFormat: "dd-mm-yyyy" }).datepicker("setDate", new Date());

            $.ajax({

                url: "Registration4.aspx/EditData",
                contentType: "application/JSON; charset=utf-8",
                method: "post",
                datatype: "JSON",
                data: "{id:'" + id + "'}",
                success: function (data) {
                    data = JSON.parse(data.d);
                    console.log(data);
                    $("#txtfname").val(data[0].pfname);
                    $("#txtmname").val(data[0].pmname);
                    $("#txtlname").val(data[0].plname);
                    $("#txtpname").val(data[0].ppname);
                    $("#motname").val(data[0].pmoname);

                    $("select[id$=ddlcountry]").val(data[0].pcountry).change();
                    $("select[id$=ddlstate]").val(data[0].pstate).change();
                    $("select[id$=ddlcity]").val(data[0].pcity).change();

                    $("#txtaddress").val(data[0].paddress);
                    $("#txtresiadd").val(data[0].praddress);
                    $("#txtperadd").val(data[0].ppaddress);
                    $("#txtpin").val(data[0].ppin);

                    $("select[id$=ddlcateg]").val(data[0].pcastcate).change();
                    $("select[id$=ddlbgroup]").val(data[0].pbgroup).change();

                    obj.pgender = gender;
                    // $("#dbirth").val(data[0].date1);
                    $("#txtage").val(data[0].page);
                    alert(data[0].mobile1);
                    $("#txtmob1").val(data[0].pmob1);
                    $("#txtmob2").val(data[0].pmob2);
                    $("#txtemail").val(data[0].pemail);

                    $("select[id$=ddlclass]").val(data[0].pclass).change();
                    $("select[id$=ddldivi]").val(data[0].pdivision).change();
                    $("select[id$=ddlquali]").val(data[0].pquali).change();


                    $("#txtadhar").val(data[0].padhar);
                    $("#txtbpl").val(data[0].pbplcard);
                    $("#txtvoting").val(data[0].pvoting);

                    $("select[id$=ddlscheme]").val(data[0].pscheme).change();
                    $("select[id$=ddlcourse]").val(data[0].pcourse).change();
                    $("select[id$=ddlstatus]").val(data[0].pstatus).change();
                    $("select[id$=ddlimpro]").val(data[0].pisprovisional).change();
                    id1 = id;

                    datatable();
                    $("#btnadd").val('Update');

                }
            });
        }
        function updatedata() {

            var obj1 = {};
            obj1.id = id1;
            obj1.pfname = $("#txtfname").val()
            obj1.pmname = $("#txtmname").val()
            obj1.plname = $("#txtlname").val()
            obj1.ppname = $("#txtpname").val()
            obj1.pmoname = $("#motname").val()
            obj1.pcountry = $('select[id$=ddlcountry]').val()
            obj1.pstate = $('select[id$=ddlstate]').val()
            obj1.pcity = $('select[id$=ddlcity]').val()
            obj1.paddress = $("#txtaddress").val()
            obj1.praddress = $("#txtresiadd").val()
            obj1.ppaddress = $("#txtperadd").val()
            obj1.ppin = $("#txtpin").val()
            obj1.pcastcate = $('select[id$=ddlcateg]').val()
            obj1.pbgroup = $('select[id$=ddlbgroup]').val()
            obj1.pgender = gender;
            //obj.dob = $("#dbirth").val();
            obj1.page = $("#txtage").val()
            obj1.pmob1 = $("#txtmob1").val()
            obj1.pmob2 = $("#txtmob2").val()
            obj1.pemail = $("#txtemail").val()
            obj1.pclass = $('select[id$=ddlclass]').val()
            obj1.pdivision = $('select[id$=ddldivi]').val()
            obj1.pquali = $('select[id$=ddlquali]').val()
            obj1.padhar = $("#txtadhar").val()
            obj1.pvoting = $("#txtvoting").val()
            obj1.pbplcard = $("#txtbpl").val()
            obj1.pscheme = $('select[id$=ddlscheme]').val()
            obj1.pcourse = $('select[id$=ddlcourse]').val()
            obj1.pstatus = $('select[id$=ddlstatus]').val()
            obj1.pisprovisional = $('select[id$=ddlimpro]').val()

            $.ajax({
                url: "Registration4.aspx/UpdateData",
                contentType: "application/JSON; charset=utf-8",
                method: "post",
                datatype: "JSON",
                data: JSON.stringify(obj1),
                success: function (data) {
                    datatable();
                    Clear();
                    $("#btnadd").val("Update");
                    noty({ text: 'Update Successfully', layout: 'topRight', type: 'information' });
                    setTimeout(function () { $.noty.closeAll(); }, 3000);

                }
            });
        }
        function deletedata(id1) {

            $.ajax({
                url: "Registration4.aspx/DeleteData",
                contentType: "application/JSON; charset=utf-8",
                method: "post",
                datatype: "JSON",
                data: "{id:'" + id1 + "'}",
                success: function (data) {
                    datatable();
                    noty({ text: 'Delete Successfully', layout: 'topRight', type: 'information' });
                    setTimeout(function () { $.noty.closeAll(); }, 3000);
                }
            });
        }

    </script>
    <!--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>
								 <h4 style="margin-bottom:5px"><label id="pre" style= "color:#0033CC;"></label></h4>
							</div>
							<div class="col-md-3">
								<label>First Name<font color="#FF0000">*</font></label>
								<input class="form-control mb-3" id="txtfname" type="text" placeholder="First Name"
									aria-label="default input example">
							</div>

								<div class="col-md-3">
								<label>Middle Name<font color="#FF0000">*</font></label>
								<input class="form-control mb-3" id="txtmname" type="text" placeholder="Middle Name"
									aria-label="default input example">
							</div>
								<div class="col-md-3">
								<label>Last Name<font color="#FF0000">*</font></label>
								<input class="form-control mb-3" id="txtlname" type="text" placeholder="Last Name "
									aria-label="default input example">
							</div>
								<div class="col-md-3">
								<label>P.Name<font color="#FF0000">*</font></label>
								<input class="form-control mb-3" id="txtpname" 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" id="motname" 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" id="ddlcountry" aria-label="Default select example">
									<option selected>Select</option>
									<option >Africa</option>
									<option >India</option>
									<option >England</option>
									<option >Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>State</label>
								<select class="form-select mb-3" id="ddlstate" 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" id="ddlcity" 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="txtaddress" placeholder="Address..." rows="1"></textarea>
									</div>
									<div class="col-3">
										<label>Residential address</label>
										<textarea class="form-control" id="txtresiadd" placeholder="Address..." rows="1"></textarea>
									</div>
									<div class="col-3">
										<label>Permanent address</label>
										<textarea class="form-control" id="txtperadd" placeholder="Address..." rows="1"></textarea>
									</div>

							<div class="col-md-3">
								<label>Pin code</label>
								<input class="form-control mb-3" id="txtpin" 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" id="ddlcateg" aria-label="Default select example">
									<option selected>Select</option>
									<option >OBC</option>
									<option >OPEN</option>
									<option>SC</option>
									<option >Other (Please Specify)</option>
							
								</select>
							</div>

							
							<div class="col-md-3">
								<label>Blood Group</label>
								<select class="form-select mb-3" id="ddlbgroup" aria-label="Default select example">
									<option selected>Select</option>
									<option >A+ve</option>
									<option>B+ve</option>
									<option >O+ve</option>
									<option >Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label style="margin-top:4vh;">Gender*</label>
								<input  type="radio" id="rbmale" name="gender" value="male"> Male
                                <input  type="radio" id="rbfemale" name="gender" value="female"> Female
							</div>
							<%--<div class="col-md-3">
								<label>DOB</label>
								<input class="form-control mb-3" id="dbirth" type="date" placeholder="DOB"
									aria-label="default input example">
							</div>--%>
							<div class="col-md-3">
								<label>Age</label>
								<input class="form-control mb-3" id="txtage"  type="text" placeholder="Age"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Mobile 1<font color="#FF0000">*</font></label>
								<input class="form-control mb-3" id="txtmob1" maxlength="10" 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" id="txtmob2" maxlength="10" 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" id="txtemail" type="Email" placeholder="Email"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Class<font color="#FF0000">*</font></label>
									<select class="form-select mb-3" id="ddlclass" aria-label="Default select example">
									<option selected>Select</option>
								<option >B.Pharm</option>
								<option>M. Pharm</option>
								<option >MSC</option>
								<option >Bsc</option>
								<option>D. Pharm</option>
								</select>
							</div>
							<div class="col-md-3">
								<label>Divison<font color="#FF0000">*</font></label>
									<select class="form-select mb-3" id="ddldivi" aria-label="Default select example">
									<option selected>Select</option>
									<option>1st Year</option>
								<option>2nd Year</option>
								<option>3rd Year</option>
                                <option>4th Year</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Highest Qualification<font color="#FF0000">*</font></label>
								<select class="form-select mb-3" id="ddlquali" aria-label="Default select example">
										<option selected>Select</option>
									<option >BE</option>
									<option>Bsc</option>
									<option >B.com</option>
									<option >Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Adhar Card No</label>
								<input class="form-control mb-3" id="txtadhar" 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" id="txtvoting" 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" id="txtbpl" type="text" placeholder="BPL Card No"
									aria-label="default input example">
							</div>
							<div class="col-md-3">
								<label>Scheme<font color="#FF0000">*</font></label>
								<select class="form-select mb-3" id="ddlscheme" aria-label="Default select example">
									<option selected>Select</option>
									<option >Private</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Course Name<font color="#FF0000">*</font></label>
								<select class="form-select mb-3"id="ddlcourse" aria-label="Default select example">
									<option selected>Select</option>
									<option>physics</option>
							
								</select>
							</div>
							<div class="col-md-3">
								<label>Status</label>
								<select class="form-select mb-3" id="ddlstatus" aria-label="Default select example">
									<option selected>Select</option>
									<option>Pending</option>
                                    <option>Approved</option>
							
								</select>
							</div>

							<div class="col-md-3">
								<label>Isprovisional<font color="#FF0000">*</font></label>
									<select class="form-select mb-3" id="ddlimpro" aria-label="Default select example">
									<option selected>Select</option>
									<option>Yes</option>
									<option>No</option>
									<option>Other (Please Specify)</option>
							
								</select>
							</div>
							<div class="col-md-3" style="margin-top: 4.7vh; ">
								<button type="button" id="btnadd" value="Submit" class="btn btn-primary" >Submit</button>
								
							</div>
						</form>

					  
										</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="dataemp" 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: #ffff;">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: #ffff;">
																	<!-- <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>

