{% extends 'core/base.html' %}

{% block title %}{{ title }} - {{ org.name }} | Killian{% endblock %}

{% block content %}
<div class="page-head page-head-width-760">
    <div>
        <h1>{{ title }}</h1>
        <p>Create or organize a Documents folder.</p>
    </div>
    <div class="page-head-actions">
        <a class="button secondary" href="{{ back_url }}">Back</a>
    </div>
</div>

<div class="form-card" style="max-width:760px;">
    <form method="post">
        {% csrf_token %}
        {{ form.non_field_errors }}

        <div>
            <label for="{{ form.name.id_for_label }}">{{ form.name.label }}</label>
            {{ form.name }}
            {{ form.name.errors }}
        </div>

        <div style="margin-top:16px;">
            <label for="{{ form.parent.id_for_label }}">{{ form.parent.label }}</label>
            {{ form.parent }}
            {{ form.parent.errors }}
        </div>

        <div class="form-actions">
            <button type="submit">Save Folder</button>
            <a class="button secondary" href="{{ back_url }}">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}