{% extends "base_dark.html" %}

<!-- Title -->
{% block title %} Gallery : Contact {% endblock %}


{% block content %}

<div uk-grid>
    <div class="uk-width-1-1 uk-width-3-4@m">

        <form method='POST'>
            <fieldset class="uk-fieldset">
                <legend class="uk-legend">Contact</legend>
                {% csrf_token %}

                <div class="uk-margin">
                    {{ form.name.errors }}
                    {{ form.name }}
                </div>

                <div class="uk-margin">
                    {{ form.email.errors }}
                    {{ form.email }}
                </div>

                <div class="uk-margin">
                    {{ form.subject.errors }}
                    {{ form.subject }}
                </div>

                <div class="uk-margin">
                    {{ form.message.errors }}
                    {{ form.message }}
                </div>

                <div class="uk-margin">
                    <input type='submit' value='Send' class="uk-button-primary uk-button-large" />
                    <input type='reset' value='Reset' class="uk-button-default uk-button-large" />
                </div>

            </fieldset>
        </form>

    </div>

    <div class="uk-margin-top uk-width-1-4@m uk-visible@m">
        <div class="uk-card uk-card-default uk-card-body uk-padding-small">
            {% load static %}
            <img src="{% static 'img/profile.png' %}" alt="Contact">

            <div class="uk-container uk-margin-small-top">
                <a href="https://bsky.app/profile/nyymix.net" uk-icon="icon: bluesky"></a>
                <a href="https://twitter.com/nyymix" uk-icon="icon: twitter"></a>
                <a href="https://www.instagram.com/nyymix/" uk-icon="icon: instagram"></a>
            </div>

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