{% extends "ducksite/base.html" %}
{# This uses django templating to showcase its use #}
{% block title %}Contact Us{% endblock title %}

{% block extra_stylesheets %}
<link rel="stylesheet" href="/duck-static/css/contact.css" type="text/css">
{% endblock extra_stylesheets %}

{% block main %}
{% if feedback_submitted %}
    <h2>Feedback Submitted</h2>
    <p class="feedback-message">
       Thanks for your feedback!
       <br>
    </p>
    <p><strong>Duck is working correctly.</strong></p>

{% else %}
    <h2>Contact Us</h2>
    <h4>
      <span style="color: #FFA500;">*</span> This is a test form and will be implemented in the future for Duck maintainers to receive emails.
    </h4>
    <form action='{{contact}}' method="post" class="contact-form" enctype="multipart/form-data" autocomplete="true">
        {% csrf_token %}
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" id="name" name="name" class="form-control" required aria-required="true">
        </div>
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" class="form-control" required aria-required="true">
        </div>
        <div class="form-group">
            <label for="message">Message</label>
            <textarea id="message" name="message" class="form-control" rows="4" required aria-required="true"></textarea>
        </div>
        <button class="button" type="submit">Send Message</button>
    </form>
<p>This is a test form!</p>
{% endif %}
{% endblock main %}