{% 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 'backups' %}">Backups</a><span>/</span>
    <strong>{{ title }}</strong>
</div>

<div class="page-head page-head-width-1200">
    <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:1200px;">
<form method="post">
{% csrf_token %}
{% if form.non_field_errors %}<div style="margin-bottom:18px;color:var(--danger);">{{ form.non_field_errors }}</div>{% endif %}

<section>
<h2 style="margin-top:0;font-size:20px;">Backup</h2>
<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
<div><label for="{{ form.backup_platform.id_for_label }}">{{ form.backup_platform.label }} *</label>{{ form.backup_platform }}{{ form.backup_platform.errors }}{% if form.backup_platform.help_text %}<small>{{ form.backup_platform.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.backup_technology.id_for_label }}">{{ form.backup_technology.label }}</label>{{ form.backup_technology }}{{ form.backup_technology.errors }}{% if form.backup_technology.help_text %}<small>{{ form.backup_technology.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.backup_description.id_for_label }}">{{ form.backup_description.label }} *</label>{{ form.backup_description }}{{ form.backup_description.errors }}{% if form.backup_description.help_text %}<small>{{ form.backup_description.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.next_verification.id_for_label }}">{{ form.next_verification.label }}</label>{{ form.next_verification }}{{ form.next_verification.errors }}{% if form.next_verification.help_text %}<small>{{ form.next_verification.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.backup_window.id_for_label }}">{{ form.backup_window.label }}</label>{{ form.backup_window }}{{ form.backup_window.errors }}{% if form.backup_window.help_text %}<small>{{ form.backup_window.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.backup_frequency.id_for_label }}">{{ form.backup_frequency.label }}</label>{{ form.backup_frequency }}{{ form.backup_frequency.errors }}{% if form.backup_frequency.help_text %}<small>{{ form.backup_frequency.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.protected_servers.id_for_label }}">{{ form.protected_servers.label }}</label>{{ form.protected_servers }}{{ form.protected_servers.errors }}{% if form.protected_servers.help_text %}<small>{{ form.protected_servers.help_text }}</small>{% endif %}</div>
</div>
</section>

<section style="margin-top:28px;padding-top:24px;border-top:1px solid var(--line);">
<h2 style="margin-top:0;font-size:20px;">Local Backup</h2>
<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
<div style="grid-column:1 / -1;"><label for="{{ form.local_backup_servers.id_for_label }}">{{ form.local_backup_servers.label }}</label>{{ form.local_backup_servers }}{{ form.local_backup_servers.errors }}{% if form.local_backup_servers.help_text %}<small>{{ form.local_backup_servers.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.local_location.id_for_label }}">{{ form.local_location.label }}</label>{{ form.local_location }}{{ form.local_location.errors }}{% if form.local_location.help_text %}<small>{{ form.local_location.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.local_retention.id_for_label }}">{{ form.local_retention.label }}</label>{{ form.local_retention }}{{ form.local_retention.errors }}{% if form.local_retention.help_text %}<small>{{ form.local_retention.help_text }}</small>{% endif %}</div>
</div>
</section>

<section style="margin-top:28px;padding-top:24px;border-top:1px solid var(--line);">
<h2 style="margin-top:0;font-size:20px;">Offsite Backup</h2>
<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
<div><label for="{{ form.offsite_provider.id_for_label }}">{{ form.offsite_provider.label }}</label>{{ form.offsite_provider }}{{ form.offsite_provider.errors }}{% if form.offsite_provider.help_text %}<small>{{ form.offsite_provider.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.offsite_replication.id_for_label }}">{{ form.offsite_replication.label }}</label>{{ form.offsite_replication }}{{ form.offsite_replication.errors }}{% if form.offsite_replication.help_text %}<small>{{ form.offsite_replication.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.restore_approvers.id_for_label }}">{{ form.restore_approvers.label }}</label>{{ form.restore_approvers }}{{ form.restore_approvers.errors }}{% if form.restore_approvers.help_text %}<small>{{ form.restore_approvers.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.other_info.id_for_label }}">{{ form.other_info.label }}</label>{{ form.other_info }}{{ form.other_info.errors }}{% if form.other_info.help_text %}<small>{{ form.other_info.help_text }}</small>{% endif %}</div>
</div>
</section>

<div style="margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:10px;">
<button type="submit">Save Backup</button><a class="button secondary" href="{{ back_url }}">Cancel</a>
</div>
</form>
</div>
{% endblock %}