{% extends 'board.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
  <title>Register Course</title>
  <meta name="description" content="">

{% endblock title %}

{% block content %}

<div class=" app-content">
	<div class="side-app">
    <br>
    {% include 'partials/_alerts.html' %}
		<!--Page Header-->
    <br>
		<div class="page-header">
			<h4 class="page-title"><i class="fa fa-user-tie text-apu-purple mr-1 fa-1x"></i>You can confirm your registration below, <strong class="text-apu-purple">{{user.first_name}}</strong></h4>
			<ol class="breadcrumb bg-white">
				<li class="breadcrumb-item"><a href="{% url 'undergrad_board' %}"><strong>Dashboard</strong></a></li>
				<li class="breadcrumb-item active" aria-current="page"><strong>Register Course</strong></li>
			</ol>
		</div>

    <div class="row">
      <div class="col-md-12 col-xl-12 col-lg-4">
        <div class="card">
          <form method="post" class="form-group col-md-12 text-dark-green" enctype="multipart/form-data">
            <div class="card-header bg-white">
              <h4 class="text-apu-purple">
                <i class="fas fa-check-circle"></i> {{session.session}} - {{semester.semester}}</h4>
            </div>
            <br>
            {% csrf_token %}
            <div class="form-row">
              <div class="form-group col-sm-12 mb-2">
                  Are you sure you want to register for the course <strong class="text-apu-purple">{{course.course_code}} - {{course.course_title}}?</strong> If yes, please confirm
              </div>
            </div>

            <div class="card-footer text-right bg-white">
              <input type="submit" class="form-group btn btn-apu-green" value="I confirm">
            </div>
          </form>
        </div>
      </div>
    </div>

	<div class="col-md-12 col-xl-4 col-lg-4">

	</div>
	<div class="col-md-12 col-xl-4 col-lg-4">

	</div>

{% endblock content%}