<?php
session_start();
include_once('../db_connect/db.php');

include_once('includes/functions.php');

?>
<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from swlabs.co/edugate/register.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 Jul 2020 12:32:19 GMT -->
<head><title>Edugate | Register</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- LIBRARY FONT-->
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,400italic,700,900,300">
    <link type="text/css" rel="stylesheet" href="assets/font/font-icon/font-awesome-4.4.0/css/font-awesome.css">
    <link type="text/css" rel="stylesheet" href="assets/font/font-icon/font-svg/css/Glyphter.css">
    <!-- LIBRARY CSS-->
    <link type="text/css" rel="stylesheet" href="assets/libs/animate/animate.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/bootstrap-3.3.5/css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/owl-carousel-2.0/assets/owl.carousel.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/selectbox/css/jquery.selectbox.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/fancybox/css/jquery.fancybox.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/fancybox/css/jquery.fancybox-buttons.css">
    <link type="text/css" rel="stylesheet" href="assets/libs/media-element/build/mediaelementplayer.min.css">
    <!-- STYLE CSS    --><!--link(type="text/css", rel='stylesheet', href='assets/css/color-1.css', id="color-skins")-->
    <link type="text/css" rel="stylesheet" href="#" id="color-skins">
    <script src="assets/libs/jquery/jquery-2.1.4.min.js"></script>
    <script src="assets/libs/js-cookie/js.cookie.js"></script>
    <script>if ((Cookies.get('color-skin') != undefined) && (Cookies.get('color-skin') != 'color-1')) {
        $('#color-skins').attr('href', 'assets/css/' + Cookies.get('color-skin') + '.css');
    } else if ((Cookies.get('color-skin') == undefined) || (Cookies.get('color-skin') == 'color-1')) {
        $('#color-skins').attr('href', 'assets/css/color-1.css');
    }


    </script>
</head>
<body><!-- HEADER-->
<header><!-- not include--></header>
<!-- WRAPPER-->
<div id="wrapper-content"><!-- PAGE WRAPPER-->
    <div id="page-wrapper"><!-- MAIN CONTENT-->
        <div class="main-content"><!-- CONTENT-->
            <div class="content">
                <div class="page-register rlp">
                    <div class="container">
                        <div class="register-wrapper rlp-wrapper">
                            <div class="register-table rlp-table"><a href="index-2.html"><img src="assets/images/ofus.png" style="width:200px;" alt="" class="login"/></a>
<form id="register" method="POST">
                                <div class="register-title rlp-title">create your account and join with us!</div>
                                <div class="register-form bg-w-form rlp-form">
                                    <div class="row">
                      <div class="col-md-4">
                        <label for="firstName" class="control-label form-label">FIRST NAME <span class="highlight">*</span></label>
                        <input name="f_name" type="text" placeholder="" class="form-control form-input" required/>
                      </div>
										<div class="col-md-4">
                      <label for="middleName" class="control-label form-label">MIDDLE NAME <span class="highlight">*</span></label>
                      <input name="m_name" type="text" placeholder="" class="form-control form-input"/>
                    </div>
										<div class="col-md-4">
                      <label for="lastName" class="control-label form-label">LAST NAME <span class="highlight">*</span></label>
                      <input name="l_name" type="text" placeholder="" class="form-control form-input" required/>
                      </div>

                                        <div class="col-md-6">
                                          <label for="regpassword" class="control-label form-label">School <span class="highlight">*</span></label>
                                          <select class="form-control form-input" name="school" required>
                      											<option>--Choose School</option>
                                            <?php echo select_school($con); ?>
                      										</select>
                                        </div>
                                        <div class="col-md-6"><label for="programme" class="control-label form-label">Programme <span class="highlight">*</span></label>
										<select class="form-control form-input" name="programme" required>
											<option>--Choose Programme</option>
                      <?php echo select_programme($con); ?>
										</select>
									</div>
                  <div class="col-md-4">
                    <label for="regemail" class="control-label form-label">email <span class="highlight">*</span></label>
                    <input name="email" type="email" placeholder="" class="form-control form-input" required/>
                  </div>

                                        <div class="col-md-4">
                                          <label for="reregpassword" class="control-label form-label">Phone Number <span class="highlight">*</span></label>
                                          <input name="phone" type="tel" placeholder="" class="form-control form-input" required/>
                                        </div>
                                        <div class="col-md-4">
                                          <label for="reregpassword" class="control-label form-label">password <span class="highlight">*</span></label>
                                          <input name="password" type="password" placeholder="" class="form-control form-input" required/>
                                        </div>
                                    </div>
                                </div>

                                <div class="register-submit" id="saving_register">
                                <center><button type="submit"  class="btn btn-login btn-green"><span>create account</span></button>
                                  <button type="submit" onclick="window.location.href='index'" class="btn btn-login btn-green"><span>sign in</span></button>
                                </center>
                                </div>

                                <div id="output_register">

                                </div>


              </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BUTTON BACK TO TOP-->
    <div id="back-top"><a href="#top"><i class="fa fa-angle-double-up"></i></a></div>
</div>


<script type="text/javascript">
$(document).ready(function(e){



    $("#register").submit(function(event){
      event.preventDefault(); //prevent default action
      var post_url = "includes/php/check_tid.php"; //get form action url
      var request_method = $(this).attr("method"); //get form GET/POST method

      $("#output_register").html('<div style="margin-top:10px"><center>Saving Data, please wait...<br/><img src="images/ajax-loader1.gif" width="10%"/></center></div>');
      document.getElementById("saving_register").style.display = "none";
      var form_data = new FormData(this); //Creates new FormData object


        $.ajax({
          url : post_url,
          type: request_method,
          data : form_data,
          contentType: false,
          cache: false,
          processData:false
        }).done(function(response){ //



          $("#output_register").html(response);
          document.getElementById("saving_register").style.display = "block";


        });

    });
});


</script>


<!-- FOOTER-->
<footer></footer>
<!-- THEME SETTING-->
<div class="theme-setting">
    <div class="theme-loading">
        <div class="theme-loading-content">
            <div class="dots-loader"></div>
        </div>
    </div>
    <a href="javascript:;" class="btn-theme-setting"><i class="fa fa-tint"></i></a>

    <div class="content-theme-setting"><h2 class="title">setting color</h2>
        <ul class="list-unstyled list-inline color-skins">
            <li data-color="color-1"></li>
            <li data-color="color-2"></li>
            <li data-color="color-3"></li>
            <li data-color="color-4"></li>
            <li data-color="color-5"></li>
            <li data-color="color-6"></li>
            <li data-color="color-7"></li>
            <li data-color="color-8"></li>
            <li data-color="color-9"></li>
            <li data-color="color-10"></li>
        </ul>
    </div>
</div>
<!-- LOADING--><!-- JAVASCRIPT LIBS-->
<script>if ((Cookies.get('color-skin') != undefined) && (Cookies.get('color-skin') != 'color-1')) {
    $('.logo .header-logo img').attr('src', 'assets/images/logo-' + Cookies.get('color-skin') + '.png');
} else if ((Cookies.get('color-skin') == undefined) || (Cookies.get('color-skin') == 'color-1')) {
    $('.logo .header-logo img').attr('src', 'assets/images/logo-color-1.png');
}</script>
<script src="assets/libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="assets/libs/smooth-scroll/jquery-smoothscroll.js"></script>
<script src="assets/libs/owl-carousel-2.0/owl.carousel.min.js"></script>
<script src="assets/libs/appear/jquery.appear.js"></script>
<script src="assets/libs/count-to/jquery.countTo.js"></script>
<script src="assets/libs/wow-js/wow.min.js"></script>
<script src="assets/libs/selectbox/js/jquery.selectbox-0.2.min.js"></script>
<script src="assets/libs/fancybox/js/jquery.fancybox.js"></script>
<script src="assets/libs/fancybox/js/jquery.fancybox-buttons.js"></script>
<!-- MAIN JS-->
<script src="assets/js/main.js"></script>
<!-- LOADING SCRIPTS FOR PAGE--></body>

<!-- Mirrored from swlabs.co/edugate/register.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 Jul 2020 12:32:19 GMT -->
</html>
