{% load i18n %}
<div class="eenos-page-header"><div><h1 class="eenos-page-title">{% if mode == 'edit' %}{% translate "Edit" %}{% else %}{% translate "Create" %}{% endif %} {{ scope|title }} {% translate "Backup Schedule" %}</h1><div class="eenos-page-subtitle">{% if scope == 'full' %}{% translate "Schedule complete server backups and choose where they will be stored." %}{% elif scope == 'reseller' %}{% translate "Schedule backups for a reseller and its directly owned hosting accounts." %}{% elif scope == 'user' %}{% translate "Schedule backups for one hosting account and choose its storage destinations." %}{% else %}{% translate "Configure the backup frequency and storage destinations." %}{% endif %}</div></div></div>
<nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
    <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
    <span class="eenos-breadcrumb-separator" aria-hidden="true">
        <i data-lucide="chevron-right"></i>
    </span>
    <span>{% translate "Backups" %}</span>
    <span class="eenos-breadcrumb-separator" aria-hidden="true">
        <i data-lucide="chevron-right"></i>
    </span>
    <a href="{% url 'backup_schedule' %}">{% translate "Backup Schedules" %}</a>
    <span class="eenos-breadcrumb-separator" aria-hidden="true">
        <i data-lucide="chevron-right"></i>
    </span>
    <span class="eenos-breadcrumb-current" aria-current="page">
        {% if mode == "edit" %}
            {% translate "Edit" %}
        {% else %}
            {% translate "Create" %}
        {% endif %}
        {% if scope == "full" %}
            {% translate "Full Backup Schedule" %}
        {% elif scope == "reseller" %}
            {% translate "Reseller Backup Schedule" %}
        {% else %}
            {% translate "User Backup Schedule" %}
        {% endif %}
    </span>
</nav>
{% include "includes/form_alerts.html" %}
{% if scope == 'reseller' %}
    <div class="eenos-notice eenos-notice-info mb-4">
        <div class="eenos-notice-icon">
            <i data-lucide="info"></i>
        </div>
        <div class="eenos-notice-content">
            <div class="eenos-notice-title">{% translate "Reseller backup scope" %}</div>
            <div class="eenos-notice-text">{% translate "This schedule backs up the selected reseller and its directly owned accounts. It does not recursively back up sub-resellers or accounts owned by those sub-resellers." %}</div>
        </div>
    </div>
{% endif %}
<form method="post"
      id="backupScheduleForm"
      class="eenos-form"
      data-parsley-validate>
    {% csrf_token %}
    <div class="row g-4">
        <div class="col-xl-5">
            <div class="eenos-card h-100">
                <div class="eenos-panel-title">{% translate "Schedule Details" %}</div>
                <div class="eenos-panel-subtitle mb-4">{% translate "Set the schedule identity, scope, format, and execution time." %}</div>
                <div class="d-grid gap-3">
                    <div>
                        <label for="name" class="form-label">{% translate "Schedule name" %}</label>
                        <input class="form-control"
                               id="name"
                               name="name"
                               value="{{ settings.name }}"
                               required
                               minlength="6"
                               maxlength="50"
                               autocomplete="off"
                               data-parsley-required-message="{% translate 'Enter a name for this backup schedule.' %}">
                    </div>
                    {% if scope == 'reseller' %}<div><label for="reseller" class="form-label">{% translate "Reseller account" %}</label>{% if mode == 'edit' %}<input class="form-control"
       id="reseller"
       name="reseller"
       value="{{ settings.reseller }}"
       readonly>{% else %}<select class="form-select eenos-select-search"
        id="reseller"
        name="reseller"
        required
        data-parsley-required-message="{% translate 'Select a reseller account.' %}"><option value="">{% translate "Select reseller" %}</option>{% for account,domain in resellers.items %}<option value="{{ account }}">{{ account }} ({{ domain }})</option>{% endfor %}</select>{% endif %}</div>{% endif %}
                    {% if scope == 'user' %}<div><label for="user" class="form-label">{% translate "Hosting account" %}</label>{% if mode == 'edit' %}<input class="form-control"
       id="user"
       name="user"
       value="{{ settings.user }}"
       readonly>{% else %}<select class="form-select eenos-select-search"
        id="user"
        name="user"
        required
        data-parsley-required-message="{% translate 'Select a hosting account.' %}"><option value="">{% translate "Select account" %}</option>{% for account,domain in users.items %}<option value="{{ account }}">{{ account }} ({{ domain }})</option>{% endfor %}</select>{% endif %}</div>{% endif %}
                    <div>
                        <label for="backup_type" class="form-label">{% translate "Backup type" %}</label>
                        <select class="form-select" id="backup_type" name="backup_type">
                            <option value="compressed"
                                    {% if settings.backup_type == 'compressed' %}selected{% endif %}>{% translate "Compressed" %}</option>
                            <option value="archived"
                                    {% if settings.backup_type == 'archived' %}selected{% endif %}>{% translate "Archived" %}</option>
                            <option value="incremental"
                                    {% if settings.backup_type == 'incremental' %}selected{% endif %}>{% translate "Incremental" %}</option>
                        </select>
                    </div>
                    <div>
                        <label for="schedule_time" class="form-label">{% translate "Run time" %}</label>
                        <input class="form-control wap-timepicker"
                               type="text"
                               inputmode="numeric"
                               id="schedule_time"
                               name="schedule_time"
                               value="{{ settings.schedule_time|default:'01:00' }}"
                               required
                               data-parsley-required-message="{% translate 'Select the schedule run time.' %}">
                        <div class="form-text">{% translate "Uses the server's local time." %}</div>
                    </div>
                    {% include "includes/backup_setting_switch.html" with field="status" title="Schedule enabled" description="Allow this schedule to run automatically." checked=settings.status %}
                    {% include "includes/backup_setting_switch.html" with field="client_upload" title="Client upload" description="Allow this schedule to upload backups to storage pools configured by users or resellers." checked=settings.client_upload %}
                </div>
            </div>
        </div>
        <div class="col-xl-7">
            <div class="eenos-card h-100">
                <div class="eenos-panel-title">{% translate "Recurrence and Destinations" %}</div>
                <div class="eenos-panel-subtitle mb-4">{% translate "Enable one or more frequencies and select at least one destination for each." %}</div>
                {% include "includes/backup_schedule_period.html" with period="daily" title="Daily backups" enabled=settings.daily selected=settings.daily_pools %}
                {% include "includes/backup_schedule_period.html" with period="weekly" title="Weekly backups" enabled=settings.weekly selected=settings.weekly_pools show_weekday=True %}
                {% include "includes/backup_schedule_period.html" with period="monthly" title="Monthly backups" enabled=settings.monthly selected=settings.monthly_pools show_monthday=True %}
            </div>
        </div>
    </div>
    <input type="hidden" name="daily_pools" id="daily_pools"><input type="hidden" name="weekly_pools" id="weekly_pools"><input type="hidden" name="monthly_pools" id="monthly_pools">
    <input type="hidden"
           name="{% if mode == 'edit' %}edit_schedule{% else %}add_schedule{% endif %}"
           value="yes">
    <div class="d-flex gap-2 mt-4">
        <button class="btn btn-primary" type="submit" name="schedule-add" value="yes">
            <i data-lucide="save"></i>
            {% if mode == 'edit' %}
                {% translate "Save Schedule" %}
            {% else %}
                {% translate "Create Schedule" %}
            {% endif %}
        </button>
        <a class="btn btn-outline-secondary" href="{% url 'backup_schedule' %}">{% translate "Cancel" %}</a>
    </div>
</form>