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

{% endblock title %}

{% block content %}
{% load home_tags %}

<div class=" app-content">
					<div class="side-app">

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


                  <div class="row">
                    <div class="col-md-12 col-xl-12 col-lg-12">
                    <div class="card">
                      <form method="post" class="form-group col-lg-12" enctype="multipart/form-data">
                        <div class="card-header bg-white">
                          <h4 class="text-apu-purple">
                            <i class="fas fa-plus-circle"></i> Add Class</h4>
                        </div>
                        <br>
                        {% csrf_token %}
                        <div class="form-row">
                          <div class="form-group col-sm-12 mb-2">
                                {{ form.section|as_crispy_field }}
                          </div>
                          <div class="form-group col-sm-12 mb-2">
                                {{ form.classe|as_crispy_field }}
                          </div>
                          <div class="form-group col-sm-12 mb-2">
                                {{ form.teacher|as_crispy_field }}
                          </div>
                          <div class="form-group col-sm-12 mb-2">
                                {{ form.signature|as_crispy_field }}
                          </div>
                        </div>
                        <div style="text-align:left" class="mt-1">
                        <input type="submit" value="Add" class="btn btn-dark-blue">
                    </form>
                    </div>
                    </div>
                  </div>
  								</div>
  							</div>

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