{% extends "base_generic.html" %}

{% block header %}
<style>
.addUser {
    color: white;
    width: 10%;
    height: 35%;
    background-color: grey;
    margin: 1px;
    padding: 2px;
    opacity: .7;
    font-size: 20px;
    border-radius: 10px;
}

.back {
    position: abosolute;
    left: .75%;
    top: 35%;
    height: 50px;
    float: left;
    text-align: center;
    padding: 10px;
}
.back a {
    text-decoration: none;
    color: white;
}
.logout {
    left: .5%;
    top: 35%;
}

.form-background {
    width: 90%;
    height: 960px;
    margin: 5%;
    padding: 10px;
    background-color: whitesmoke;
    border-radius: 30px;
    border-width: 3px;
    border-style: solid;
    border-color: grey;
    text-align: center;
    overflow-y: auto;
}
</style>


{% if user.is_authenticated and user.is_superuser%}
Manage Settings
<a href="{% url 'instructor' %}">
    <div class="addUser back">Go Back</div>
</a>

{% else %}
  <p>You are not logged in: <a href="{% url 'login' %}">login</a></p>
{% endif %}
{% endblock %}



{% block body %}
{% if user.is_authenticated and user.is_superuser %}
<div class="form-background">
    <form action="" method="post">
        {% csrf_token %}
        <table>
        {{ form.as_table }}
        </table>
        <input type="submit" value="Submit">
    </form>
</div>
{% endif %}
{% endblock %}