<!DOCTYPE html>
<html lang="en">
    
<head>
        <meta charset="utf-8" />
        <title>Teacher Profile | The Housing Value Assessment Methodology</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="" />
        <meta content="Indev Consultancy Pvt. Ltd." name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- Bootstrap Css -->
        <link href="assets/css/bootstrap.min.css" id="bootstrap-stylesheet" rel="stylesheet" type="text/css" />
         <link href="assets/libs/dropify/dropify.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/libs/select2/select2.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/libs/bootstrap-datepicker/bootstrap-datepicker.css" rel="stylesheet">
        <link href="assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
        
        
        <link href="assets/css/app.min.css" id="app-stylesheet" rel="stylesheet" type="text/css" />
        

    </head>

    <body data-layout="horizontal" data-topbar="light">

        <!-- Begin page -->
        <div id="wrapper">

            <?php include("include/header.php");?>

            <!-- ============================================================== -->
            <!-- Start Page Content here -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">
                	 
                	    
                    <div class="page-title-box">
                        <div class="container-fluid">
                            <div class="row">
                                  <div class="col-lg-12">
                                      <div class="d-flex d-title-box-block align-items-center justify-content-between">
                                         <h4 class="page-title">User Profile</h4>

                                        <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
                                            <li class="breadcrumb-item active">Teacher Profile</li>
                                        </ol>
                                        </div>
                                     </div>
                                 </div>
                            </div>
                        </div>

                    </div>
                           
                   

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        
                        <!-- end page title -->

                        
                        <!-- end row -->
                        
                        <style type="text/css">
                        	
                        </style>


                        <div class="row">
                            <div class="col-md-3">
                                <div class="profile-sidebar">
                                    <!-- SIDEBAR USERPIC -->
                                    <div class="profile-userpic">
                                        <img src="assets/images/users/user-1.jpg" class="img-fluid" alt="">
                                    </div>
                                    <!-- END SIDEBAR USERPIC -->
                                    <!-- SIDEBAR USER TITLE -->
                                    <div class="profile-usertitle">
                                        <div class="profile-usertitle-name">
                                            Anirudh Kumar Sinha
                                        </div>
                                        <div class="profile-usertitle-job">
                                            User
                                        </div>
                                    </div>
                                    <!-- END SIDEBAR USER TITLE -->
                                    <!-- SIDEBAR BUTTONS -->
                                    <div class="profile-userbuttons">
                                        <a href="#" class="btn btn-secondary btn-sm">Edit Profile</a>
                                    </div>
                                    <!-- END SIDEBAR BUTTONS -->
                                    <!-- SIDEBAR MENU -->
                                    <div class="profile-usermenu">
                                        <ul class="nav">
                                            <li>
                                                <a href="javascript:void(0);">
                                               <strong> Mobile No:</strong>
                                               +91 8569856585 </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);">
                                                <strong>Address:</strong>
                                                Plot No-42, Vikas Plaza, Third Floor, Kalkaji, New Delhi-110019 </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);">
                                                <strong>Education:</strong> B.E </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);">
                                                <strong>Students:</strong>	120 </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- END MENU -->
                                </div>
                            </div>
                             <div class="col-md-9">
                             	<div class="profiles-data">
                                
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                  <li class="nav-item">
                                    <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Profile Details</a>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" id="monitoring-tab" data-toggle="tab" href="#students" role="tab" aria-controls="students" aria-selected="false">User</a>
                                  </li>
                                </ul>
                                <div class="tab-content pt-1" id="myTabContent">
                                  <div class="tab-pane fade active show" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                  		<h3>Profile Details</h3>
                                        <div class="table-responsive">
                                            <table class="table table-bordered profile-detail-table">
                                                <tr>
                                                    <th>User Name </th>
                                                    <td class="middle">:</td>
                                                    <td>Anirudh Kumar Sinha</td>
                                                </tr>
                                                <tr>
                                                    <th>Aadhar No. </th>
                                                    <td class="middle">:</td>
                                                    <td>6589752364</td>
                                                </tr>
                                                <tr>
                                                    <th>Mobile No. </th>
                                                    <td class="middle">:</td>
                                                    <td>+91 8569856585</td>
                                                </tr>
                                                <tr>
                                                    <th>Gender. </th>
                                                    <td class="middle">:</td>
                                                    <td>Male</td>
                                                </tr>
                                                <tr>
                                                    <th>Age. </th>
                                                    <td class="middle">:</td>
                                                    <td>47 Yrs.</td>
                                                </tr>
                                                <tr>
                                                    <th>Education. </th>
                                                    <td class="middle">:</td>
                                                    <td>Other: B.E</td>
                                                </tr>
                                                <tr>
                                                    <th>Total Students </th>
                                                    <td class="middle">:</td>
                                                    <td>120</td>
                                                </tr>
                                                <tr>
                                                    <th>Total Batches </th>
                                                    <td class="middle">:</td>
                                                    <td>5</td>
                                                </tr>
                                            </table>
                                        </div>                                  
                                  </div>
                                  <div class="tab-pane fade" id="students" role="tabpanel" aria-labelledby="monitoring-tab">
                                  	<div class="row">
                                    	<div class="col-md-12">
                                        	<div class="table-responsive mb-0 mt-2">
                                                <table class="table table-bordered new-design">
                                                <thead>
                                                <tr>
                                                <th class="sl-no">Sl No.</th>
                                                <th>Participant Name </th>
                                                <th>Class</th>
                                                <th>Subject</th>
                                                <th>Mobile No</th>
                                                <th>Action</th>
                                                </tr>
                                                </thead>
                                                      <tbody><tr>
                                                <td class="text-center">1</td>
                                                <td>Kuldeep Yadav</td>
                                                <td>1st</td>
                                                <td>Hindi</td>
                                                <td>07897712015</td>
                                                <td>
                                                <!--<a class="btn btn-info btn-action" href="view-participant.php?participant_id=1">
                                                <i class="fa fa-eye" alt="View" title="View"></i>
                                                </a>-->
                                                <a class="btn btn-success btn-action" href="update-participant.php?participant_id=1">
                                                <i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
                                                </a>
                                                
                                                <input type="hidden" name="del_id" value="1">
                                                <button type="submit" name="sub_del" class="btn btn-danger btn-action" onclick="return confirm('Do You want to Delete ?');">
                                                <i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
                                                </button></td>
                                                </tr>
                                                
                                                     <tr>
                                                <td class="text-center">2</td>
                                                <td>Kuldeep Home</td>
                                                <td>1st</td>
                                                <td>Hindi</td>
                                                <td>08953722290</td>
                                                <td>
                                                <!--<a class="btn btn-info btn-action" href="view-participant.php?participant_id=2">
                                                <i class="fa fa-eye" alt="View" title="View"></i>
                                                </a>-->
                                                <a class="btn btn-success btn-action" href="update-participant.php?participant_id=2">
                                                <i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
                                                </a>
                                                
                                                <input type="hidden" name="del_id" value="2">
                                                <button type="submit" name="sub_del" class="btn btn-danger btn-action" onclick="return confirm('Do You want to Delete ?');">
                                                <i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
                                                </button></td>
                                                </tr>
                                                
                                                     <tr>
                                                <td class="text-center">3</td>
                                                <td>Vikesh Singh</td>
                                                <td>2nd</td>
                                                <td>Math</td>
                                                <td>08178929550</td>
                                                <td>
                                                <!--<a class="btn btn-info btn-action" href="view-participant.php?participant_id=3">
                                                <i class="fa fa-eye" alt="View" title="View"></i>
                                                </a>-->
                                                <a class="btn btn-success btn-action" href="update-participant.php?participant_id=3">
                                                <i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
                                                </a>
                                                
                                                <input type="hidden" name="del_id" value="3">
                                                <button type="submit" name="sub_del" class="btn btn-danger btn-action" onclick="return confirm('Do You want to Delete ?');">
                                                <i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
                                                </button></td>
                                                </tr>
                                                
                                                </tbody></table>
                                                </div>
                                        </div>
                                    </div>
                                  </div>
                                </div>
                                
                                
                                
                                
                                	
                                </div>
                            </div>
                        </div>
                        <!-- end row -->

     
                        
                    </div> <!-- container-fluid -->

                </div> <!-- content -->

               <?php include("include/footer.php");?>

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->


        </div>
        <!-- END wrapper -->


        

        <script src="assets/js/vendor.min.js"></script>
        <script src="assets/js/app.min.js"></script>
        <script src="assets/libs/select2/select2.full.min.js"></script>
        <script src="assets/libs/moment/moment.js"></script>
        <script src="assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
        <script src="assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
        <script src="assets/libs/jquery-mask-plugin/jquery.mask.min.js"></script>
        <script src="assets/libs/dropify/dropify.min.js"></script>

        <script>
        $(".datepicker").datepicker({
			format: "mm/dd/yyyy",
			clearBtn: !0,
			multidate: !0,
			multidateSeparator: ",",
			autoclose: !0,
			todayHighlight: !0
		});
		$(".input-daterange-datepicker").daterangepicker({
			buttonClasses: ["btn", "btn-sm"],
			applyClass: "btn-secondary",
			cancelClass: "btn-primary",
			showDropdowns:true,
			
		});
		
		$(".select2").select2();
		$(".select2-limiting").select2({
			maximumSelectionLength: 6
		})
		
		$(document).ready(function() {
			var radio_selected = $('input[name="aadhar"]:checked').val()
			if(radio_selected == 1){
				$('#adhar-input').show();
				$('#national-id').hide();
				
			}else{
				$('#adhar-input').hide();
				$('#national-id').show();
			}
		})
    	$("input[name='aadhar']").click(function(){
			var radioValue = $("input[name='aadhar']:checked").val();
			if(radioValue == 1){
				$('#adhar-input').show();
				$('#national-id').hide();
				$('#national-id-num').hide();
			}else{
				$('#adhar-input').hide();
				$('#national-id').show();
			}
		});
		
		$('#national-id-num').hide();
		$('#id-card').on('change', function() {
		  var data = $("#id-card option:selected").text();		  
		  if(data == "Select Id Card"){
		  	$('#national-id-num').hide();
		  }else{
			  $('#national-id-num').show();
		  }
		})

		
		
		$('.aadhar-no').mask('0000-0000-0000');
		$('.mobile-no').mask('0000000000');
    
		
		
		$(document).ready(function() {
			var max_fields = 15; //maximum input boxes allowed
			var wrapper = $(".input_fields_wrap"); //Fields wrapper
			var add_button = $(".add-delete-btn"); //Add button ID
			var x = 1; //initlal text box count
			$(add_button).click(function(e){ //on add input button click
				e.preventDefault();
				if(x < max_fields){ //max input box allowed
				x++; //text box increment
				$(wrapper).append('<fieldset><legend>Family Member '+ x +'</legend><a class="btn btn-danger add-delete-btn2" href="javascript:void(0);"><i class="fa fa-minus"></i></a><div class="row"><div class="col-md-4"><div class="form-group"><label class="col-form-label">Name</label><div class="input-group"><input type="text" class="form-control" placeholder="" name="m-name[]"><div class="input-group-append"><select class="form-control" name="relation[]"><option value="">Relation</option><option value="Father">Father</option><option value="Mother">Mother</option><option value="Uncle">Uncle</option><option value="Uncle">Aunty</option><option value="Wife">Wife</option><option value="Husband">Husband</option><option value="Brother">Brother</option><option value="Sister">Sister</option></select></div></div></div></div><div class="col-md-4"><div class="form-group"><label class="col-form-label">Age:</label><input type="number" class="form-control" name="mage[]"> </div></div><div class="col-md-4"><div class="form-group"><label class="col-form-label">Education:</label><select class="form-control" name="meducation[]"><option value="">Education</option><option value="Post Graduate">Post Graduate</option><option value="Graduate">Graduate</option><option value="12th">12th</option><option value="10th">10th</option><option value="8th">8th</option><option value="5th">5th</option></select></div></div><div class="col-md-4"><div class="form-group"><label class="col-form-label">Occupation:</label><input type="text" class="form-control" name="moccupation[]"></div></div><div class="col-md-4"><div class="form-group"><label class="col-form-label">Monthly Income:</label><div class="input-group"><div class="input-group-prepend"><div class="input-group-text"><i class="fa fa-rupee-sign"></i></div></div><input type="text" class="form-control" name="mmincome[]"></div></div></div></div></fieldset>'); //add input box
				}
			});
			$(wrapper).on("click",".add-delete-btn2", function(e){ //user click on remove text
			e.preventDefault(); $(this).parent('fieldset').remove(); x--;
			})
		});

		$(".dropify").dropify({
				messages:{
					default:"Drag and drop a file here or click",
					replace:"Drag and drop or click to replace",
					remove:"Remove",
					error:"Ooops, something wrong appended."
				},
				error:{
					fileSize:"The file size is too big (1M max)."
				}
				
		});
		
        </script>
        
    </body>

</html>