<?php session_start();

include("connect.php");

if(isset($_SESSION['stureg_id'])){

	header("location:index.php");

	$cam=mysqli_query($con,"select * from student where id='".$_SESSION['stureg_id']."'");

	$stu=mysqli_fetch_assoc($cam);

}

?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> Create Account :: Inspire Polytechnic</title>

   <meta name="description" content="Inspire Polytechnic, Course Registration Portal" />

	<meta name="keyword" content="Inspire Polytechnic, Course Registration, Portal, Studies, Education" />

	<meta name="author" content="Dosumu Ololade"/>

    <link rel="icon" href="img/lasu_logo.png">

    

    <link href="assets/css/themify-icons.css" rel="stylesheet">

    <link href="assets/css/flaticon.css" rel="stylesheet">

    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <link href="assets/css/animate.css" rel="stylesheet">

    <link href="assets/css/owl.carousel.css" rel="stylesheet">

    <link href="assets/css/owl.theme.css" rel="stylesheet">

    <link href="assets/css/slick.css" rel="stylesheet">

    <link href="assets/css/slick-theme.css" rel="stylesheet">

    <link href="assets/css/swiper.min.css" rel="stylesheet">

    <link href="assets/css/owl.transitions.css" rel="stylesheet">

    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">

    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">

    <link href="assets/css/style.css" rel="stylesheet">



<style>

div#programme_box{

	-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */

    transition: width 2s, height 2s, transform 2s;

}

div#programme_box:hover{

    -webkit-transform: rotate(20deg); /* Safari */

    transform: rotate(20deg);

}

</style>



</head>



<body>



    <!-- start page-wrapper -->

    <div class="page-wrapper">



        <!-- start preloader -->

        <div class="preloader">

            <div class="angular-shape">

                <div></div>

                <div></div>

                <div></div>

            </div>

            <div class="spinner">

              <div class="double-bounce1"></div>

              <div class="double-bounce2"></div>

            </div>

        </div>

        <!-- end preloader -->



        <!-- Start header -->

        <header id="header" class="site-header header-style-2" style="border:1px solid lavender;">



            <nav class="navigation navbar navbar-default">

                <div class="container">

                    

					<div class="logo-wrapper pull-left">

                                <div class="logo">

                                    <a href="index.php"><img style="width:280px; margin-bottom:-25px;" src="assets/images/logo.png" alt></a>

                                </div>

                            </div>



                    <div class="navbar-header">

                        <button type="button" class="open-btn">

                            <span class="sr-only">Toggle navigation</span>

                            <span class="icon-bar"></span>

                            <span class="icon-bar"></span>

                            <span class="icon-bar"></span>

                        </button>

                    </div>



                    <div id="navbar" class="navbar-collapse collapse navigation-holder">

                        <button class="close-navbar"><i class="ti-close"></i></button>

                        <ul class="nav navbar-nav">

                            <li><a href="index.php">Home</a></li>

                            <li><a target="_blank" href="https://inspirepolytechnic.edu.ng/">School Website</a></li>

							 <li><a href="https://www.lasu.edu.ng" target="_blank">Help</a></li>

							<?php

							if(isset($_SESSION['stureg_id'])){

								echo ' <li><a href="dashboard.php">Dashboard</a></li>

								<li><a href="logout.php">Logout</a></li>';

							}else{

								echo ' <li><a href="index.php#login">Login</a></li> 

								<li class="active current"><a href="signup.php">Create Account</a></li>';

							}

							?>

                        </ul>

                    </div><!-- end of nav-collapse -->

					

                </div><!-- end of container -->

            </nav>

        </header>

        <!-- end of header -->



<section class="page-title">

            <div class="angular-shape">

                <div></div>

                <div></div>

                <div></div>

            </div>            

            <div class="container">

                <div class="row">

                    <div class="col col-xs-12">

                        <h2>Create Account</h2>

                        <p>Student Account Registration</p>

                    </div>

                </div> <!-- end row -->

            </div> <!-- end container -->

        </section> 



        <!-- start features-section -->

		

        <section class="features-section" id="login" style="margin-top:;">

            <div class="container">

                <div class="row">

                    <div class="col col-lg-6 col-lg-offset-3">

                        <div class="section-title-s3">

                            <span>Account Registration Portal</span>

                            <h2>Sign Up</h2>

                        </div>

                    </div>

                </div>

				

                <div class="row">

                   <div class="col col-md-4 hidden-xs hidden-sm">

                        <div class="feature-grid clearfix" style="margin-top:30px;">

						<img src="img/bg10.png" class="img-responsive">

                        </div>

                    </div>

				

                    <div class="col col-md-1"></div>

                    <div class="col col-md-7">		

					

						<div class="error"></div>

						<div class="login_container" style="padding:30px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">

						<form method="post" id="form_submit">

							<p style="margin-bottom:7px;">Complete the form below </p><hr>

						<input type="hidden" name="create_account" value="true">

						

						

						<div class="form-group">

						<label class="control-label mb-5" for="email_de">Matric No.</label>

						<input type="text" style="height:46px; border-radius:0;" class="form-control see_matric_no" name="matric_no" placeholder="Your Matriculation Number" autocomplete="off" required >

						</div>

						

						<div class="result"><br></div>

						

						<div class="msg" style="margin-bottom:4px;margin-top:4px;"></div>

						</form>

                        </div>

						

						

						

						

                    </div>

					

                </div>

            </div> <!-- end container -->

        </section>

        <!-- end features-section -->

		





        <!-- start site-footer -->

        <footer class="site-footer">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>

            <div class="upper-footer hidden-xs">
                <div class="container">
                    <div class="row">
                        <div class="col col-lg-3 col-md-3 col-sm-6">
                            <div class="widget about-widget">
                                <div class="logo widget-title">
                                    <img src="assets/images/footer-logo.png" alt>
                                </div>
                                <p style="text-align:justify;">Inspire Polytechnic has been established with a vision to transform lives of youngsters in Nigeria and the first center has been opened at Yaba, Lagos. Inspire Polytechnic is promoted by an international corporate group headquartered in UK.</p>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-3 col-sm-6">
                            <div class="widget link-widget">
                                <div class="widget-title">
                                    <h3>Useful Links</h3>
                                </div>
                                <ul>
                                    <li><a href="https://inspirepolytechnic.edu.ng" target="_blank">Official Website</a></li>
                                    <li><a href="https://inspirepolytechnic.edu.ng/contact/" target="_blank">Contact Us</a></li>
                                    <li><a href="https://inspirepolytechnic.edu.ng/how-to-apply/" target="_blank">Application</a></li>
                                </ul>
                                <ul>
                                    <li><a href="https://inspirepolytechnic.edu.ng/about/" target="_blank">About Us </a></li>
                        <li><a href="https://inspirepolytechnic.edu.ng/polytechnic-courses/" target="_blank">Accredited Courses</a></li>
                                    <li><a href="https://inspirepolytechnic.edu.ng/vocational-courses/" target="_blank">Vocational Courses </a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-3 col-sm-6">
                            <div class="widget contact-widget service-link-widget">
                                <div class="widget-title">
                                    <h3>Address Location</h3>
                                </div>
                                <ul>
                                    <li><i class="ti-location-pin"></i> Egbeda Campus: 39/41, Karimu Laka Street, Egbeda, Lagos, Nigeria.</li>
                                    <li><i class="ti-location-pin"></i> Yaba Campus: 3A, Ikorodu Road, Opposite Jibowu Bustop, Yaba Lagos, Nigeria.</li>
                                    <li><i class="ti-comment-alt"></i> Email: info@inspirepolytechnic.edu.ng</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-3 col-sm-6">
                            <div class="widget newsletter-widget">
                                <div align="center"><img src="img/lasu_logo.png" style="width:200px;"></div>
                            </div>
                        </div>
                    </div>
                </div> <!-- end container -->
            </div>
            <div class="lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="separator"></div>
                        <div class="col col-xs-12">
                            <p class="copyright">Copyright &copy; <?php echo date("Y");?> Inspire Polytechnic. All rights reserved.</p>
                            <div class="social-icons">
                                <ul>
                          <li><a href="https://www.facebook.com/InspirePolytechnic" target="_blank">Facebook</a></li>
                          <li><a href="https://www.twitter.com/inspirevocation" target="_blank">Twitter</a></li>
                          <li><a href="https://www.instagram.com/inspirepolytechnic/" target="_blank">Instagram</a></li>
                          
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

        <!-- end site-footer -->









    </div>

    <!-- end of page-wrapper -->







    <!-- All JavaScript files

    ================================================== -->

    <script src="assets/js/jquery.min.js"></script>

	<script>

	jQuery().ready(function(){

		

		$("input.see_matric_no").bind('copy paste cut', function(e){

				e.preventDefault(); 

				return false;

		});

		

		$("input.see_matric_no").keyup(function(){

			var see_matric_no = $(this).val();

			if(see_matric_no.length>8){

		$("div.msg").html("");

		$("div.result").html('<br><div align="center"><img src="img/loader-fotd.gif" class="img-responsive" style="width:50px;"></div>');		

				$.ajax({

						type: "POST",

                        url: "operation_check.php",

                        data: ({see_matric_no:see_matric_no}),

                        cache: false,

                        success: function(data){ 

							$("div.result").html(data);

						 } 

 });

				

			}else{

				$("div.result").html("");

			}

		});

		

				$("form#form_submit").on('submit',(function(e){

					e.preventDefault();

			$("div.msg").html("<div align='center' style='color:#202060; font-weight:600; padding:5px;'><img src='img/loader-fotd.gif' class='img-responsive' style='width:30px;'> Authenticating Student Data ...</div>");

	

				$.ajax({

						type: "POST",

                        url: "operation.php",

                        data: new FormData(this),

						contentType:false,

						processData:false,

                        cache: false,

                        success: function(data){ 

						$("div.msg").html(data);

						}

    });			

	

	

		}));

		

		

	});

	</script>

	

    <script src="assets/js/bootstrap.min.js"></script>



    <!-- Plugins for this template -->

    <script src="assets/js/jquery-plugin-collection.js"></script>



    <!-- Custom script for this template -->

    <script src="assets/js/script.js"></script>

</body>

</html>

