{% extends 'core/base.html' %}
{% block title %}{{ title }} - {{ org.name }} | Killian{% endblock %}
{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a><span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a><span>/</span>
    <a href="{% url 'org_module' org.pk 'configurations' %}">Configurations</a><span>/</span>
    <strong>{{ title }}</strong>
</div>
<div class="page-head page-head-width-1000">
    <div><h1>{{ title }}</h1><p>{{ subtitle }}</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:1000px;">
<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {% if form.non_field_errors %}<div style="margin-bottom:18px;color:var(--danger);">{{ form.non_field_errors }}</div>{% endif %}
    <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
        <div style="grid-column:1 / -1;"><label for="{{ form.name.id_for_label }}">{{ form.name.label }}</label>{{ form.name }}{{ form.name.errors }}</div>
        <div><label for="{{ form.config_date.id_for_label }}">{{ form.config_date.label }}</label>{{ form.config_date }}{{ form.config_date.errors }}</div>
        <div><label for="{{ form.config_version.id_for_label }}">{{ form.config_version.label }}</label>{{ form.config_version }}{{ form.config_version.errors }}</div>
        <div style="grid-column:1 / -1;"><label for="{{ form.config_device.id_for_label }}">{{ form.config_device.label }}</label>{{ form.config_device }}{{ form.config_device.errors }}</div>
        <div style="grid-column:1 / -1;">
            <label for="{{ form.upload.id_for_label }}">{{ form.upload.label }}</label>
            {{ form.upload }}{{ form.upload.errors }}
            {% if item and item.upload %}
                <small style="display:block;margin-top:8px;">Current file: <a href="{% url 'configuration_upload_download' org.pk item.pk %}">{{ item.upload.name }}</a></small>
            {% endif %}
        </div>
    </div>
    <div style="margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:10px;">
        <button type="submit">Save Configuration</button>
        <a class="button secondary" href="{{ back_url }}">Cancel</a>
    </div>
</form>
</div>
{% endblock %}