{% extends 'layout.html' %}
{% load static %}


{% block extra_css %}
    <link rel="stylesheet"  href="{% static '/css/header.css' %}">
    <link rel="stylesheet"  href="{% static '/css/contact.css' %}">
{% endblock %}


{% block content %}
    <div class="viewport">
        {% include 'partials/header.html' %}
        <div class="card">

            <div class="contact-form">
                <h2>Send us a message!</h2>
                <div class="form-wrapper">
                    <form action="{% url 'class_views:contact_view' %}" method="post">
                        {% csrf_token %}
                        {% include 'partials/messages.html' %}
                        {% for field in form %}
                            <fieldset>
                                {{ field.errors }}
                                {{ field.label_tag }} {{ field }}
                                {% if field.help_text %}
                                    <p class="help">{{ field.help_text|safe }}</p>
                                {% endif %}
                            </fieldset>
                        {% endfor %}
                        <input type="submit" value="Submit">
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}