{% extends 'board_hod.html' %}
{% load crispy_forms_tags %}
{% load static %}
{% load humanize %}
{% block title %}
  <title>Course</title>
  <style type="text/css">
  @media print {
      #printbtn {
          display :  none;
      }
  }
  </style>
  <meta name="description" content="">

{% endblock title %}

{% block content %}
<div class=" app-content">
					<div class="side-app">
            <br>
            <div class="container content-area">
              <div class="horizontal-content">
                {% include 'partials/_alerts.html' %}

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

                  </div>
                  <div class="col-md-12 col-xl-6 col-lg-12">
                  <div class="card">
                    <form method="post" class="form-group col-lg-12 text-apu-purple" enctype="multipart/form-data">
                      <div class="card-header bg-white">
                        <h4 class="text-apu-purple">
                          <i class="fas fa-plus-circle"></i> Add Course</h4>
                      </div>
                      <br>
                      {% csrf_token %}
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.course_code|as_crispy_field }}
                        </div>
                      </div>
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.course_title|as_crispy_field }}
                        </div>
                      </div>
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.credit_unit|as_crispy_field }}
                        </div>
                      </div>
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.open|as_crispy_field }}
                        </div>
                      </div>
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.level|as_crispy_field }}
                        </div>
                      </div>
                      <div class="form-row">
                        <div class="form-group col-sm-12 mb-2">
                              {{ form.lecturer|as_crispy_field }}
                        </div>
                      </div>

                      <div style="text-align:left" class="mt-1">
                      <input type="submit" value="Post" class="btn btn-dark-blue">
                  </form>
                  </div>
                  </div>
                  <div class="col-md-12 col-xl-3 col-lg-12">

                  </div>
                </div>
								</div>
							</div>
						</div>
					</div>
{% endblock content%}