<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Yusuf Maitama Sule University Kano</title>

	<!-- Google Font: Source Sans Pro -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <link rel="shortcut icon" href="<?= base_url("/../assets_/img/yumsuk_logo.png");?>" type="image/x-icon">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="<?= base_url('/../assets_/plugins/fontawesome-free/css/all.min.css') ?>">
	<!-- Uncheck bootstrap -->
	<link rel="stylesheet" href="<?= base_url('/../assets_/plugins/icheck-bootstrap/icheck-bootstrap.min.css') ?>">
  <!-- Toastr -->
  <link rel="stylesheet" href="<?= base_url('/../assets_/plugins/toastr/toastr.min.css') ?>">
	<!-- Theme style -->
	<link rel="stylesheet" href="<?= base_url('/../assets_/dist/css/adminlte.min.css') ?>">
	<style media="screen">
		#timer {
		    font-size: .7em;
		    font-weight: 700;
		    color: black;
		    padding: 5px;
		    width: 355px;
		}

		#timer div {
		    display: inline-block;
		    min-width: 50px;
		    padding: 5px;
		    margin: 5px 0px 5px 5px;
		}

		#timer div span {
		    color: black;
		    display: block;
		    margin-top: 5px;
		    font-size: .5em;
		    font-weight: 400;
		}
  </style>
</head>
<body class="hold-transition login-page">
<div class="login-box">
	<div class="login-logo">
		<img src="<?= base_url('../assets_/img/yumsuk_logo.png') ?>" style="width: 120px;" alt="Kano_Logo"><br/>
		<form action="<?= base_url('levelcoordinator/programme_login') ?>" method="post">
        <h6>Yusuf Maitama Sule University, Kano</h6>
        <h4><b class="badge badge-primary">YUMSUK - Result Processing System</b></h4><hr/>
        <h4><b>Select Programme</b></h4>
         <select class="form-control select2" style="width: 100%;" name="programme" id="" onchange="">
                    <option selected="selected" value="">Select Programme</option>
                    <?php foreach($programme_names as $key => $programme): ?>
                       <option value="<?= $programmes[$key] ?>"><?= $programme_names[$key] ?></option>
                    <?php endforeach; ?>   
                    </select>
<!--	<div class="row">-->
	   <!-- <div class="col-12 text-center btn-block">-->
	   <hr/>
	   <div class="row">

					<!-- /.col -->
					<div class="col-12">
						<button type="submit" class="btn btn-primary btn-block">Proceed</button>
					</div>
					<!-- /.col -->
				</div>
        </form>
   <!-- </div>-->
	</div>
</div>
<!-- /.login-box -->

<!-- jQuery -->
<script src="<?= base_url('assets_/plugins/jquery/jquery.min.js') ?>"></script>
<!-- Bootstrap 4 -->
<script src="<?= base_url('assets_/plugins/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<!-- Toastr -->
<script src="<?= base_url('assets_/plugins/toastr/toastr.min.js') ?>"></script>

<!-- AdminLTE App -->
<script src="<?= base_url('assets_/dist/js/adminlte.min.js') ?>"></script>
</body>
</html>
