{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Backup Settings" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "Backup Settings" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Configure server-wide backup availability, content, concurrency, and retention." %}</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>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Settings" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="post"
          id="backupSettingsForm"
          class="eenos-form"
          data-parsley-validate>
        {% csrf_token %}
        <div class="row g-4">
            <div class="col-xl-6">
                <div class="eenos-card h-100">
                    <div class="eenos-panel-title">{% translate "Backup Access" %}</div>
                    <div class="eenos-panel-subtitle mb-4">{% translate "Control backup services and delegation for hosted accounts." %}</div>
                    <div class="d-grid gap-3">
                        {% include "includes/backup_setting_switch.html" with field="status" title="Backup system" description="Enable scheduled backup operations on this server." checked=settings.status %}
                        {% include "includes/backup_setting_switch.html" with field="resellerpool" title="Reseller storage pools" description="Allow resellers to configure backup destinations." checked=settings.resellerpool %}
                        {% include "includes/backup_setting_switch.html" with field="resellerschedule" title="Reseller schedules" description="Allow resellers to create backup schedules." checked=settings.resellerschedule %}
                        {% include "includes/backup_setting_switch.html" with field="userpool" title="User storage pools" description="Allow users to configure backup destinations." checked=settings.userpool %}
                        {% include "includes/backup_setting_switch.html" with field="userschedule" title="User schedules" description="Allow users to create backup schedules." checked=settings.userschedule %}
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="eenos-card h-100">
                    <div class="eenos-panel-title">{% translate "Full Server Backup Content" %}</div>
                    <div class="eenos-panel-subtitle mb-4">{% translate "Choose the server data included in full backup schedules." %}</div>
                    <div class="d-grid gap-3">
                        {% include "includes/backup_setting_switch.html" with field="systemfiles" title="System files" description="Include supported system configuration and service files." checked=settings.systemfiles %}
                        {% include "includes/backup_setting_switch.html" with field="fullmysql" title="MySQL databases" description="Include all hosted MySQL databases." checked=settings.fullmysql %}
                        {% include "includes/backup_setting_switch.html" with field="fullpgsql" title="PostgreSQL databases" description="Include all hosted PostgreSQL databases." checked=settings.fullpgsql %}
                        {% include "includes/backup_setting_switch.html" with field="fullmongodb" title="MongoDB databases" description="Include all hosted MongoDB databases." checked=settings.fullmongodb %}
                        {% include "includes/backup_setting_switch.html" with field="suspended_backup" title="Suspended accounts" description="Include suspended hosting accounts in backup jobs." checked=settings.suspended_backup %}
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="eenos-card">
                    <div class="eenos-panel-title">{% translate "Performance and Retention" %}</div>
                    <div class="eenos-panel-subtitle mb-4">{% translate "Limit concurrent work and control how long terminated-account backups are retained." %}</div>
                    <div class="row g-4">
                        <div class="col-lg-6">
                            {% include "includes/backup_setting_switch.html" with field="parallel" title="Parallel backups" description="Run multiple backup jobs at the same time." checked=settings.parallel target="parallelOptions" %}
                            <div id="parallelOptions" class="mt-3">
                                <label for="parallel_number" class="form-label">{% translate "Concurrent job limit" %}</label>
                                <select class="form-select" id="parallel_number" name="parallel_number">
                                    <option value="auto"
                                            {% if settings.parallel_number != 'custom' %}selected{% endif %}>{% translate "Automatic" %}</option>
                                    <option value="custom"
                                            {% if settings.parallel_number == 'custom' %}selected{% endif %}>{% translate "Custom limit" %}</option>
                                </select>
                                <div id="parallelValue" class="mt-3">
                                    <label for="parallel_number_value" class="form-label">{% translate "Maximum concurrent backups" %}</label>
                                    <input class="form-control"
                                           type="number"
                                           min="2"
                                           max="100"
                                           id="parallel_number_value"
                                           name="parallel_number_value"
                                           value="{{ settings.parallel_number_value|default:4 }}"
                                           data-parsley-required-message="{% translate 'Enter the maximum number of concurrent backups.' %}">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <label for="terminated_accounts" class="form-label">{% translate "Terminated-account retention" %}</label>
                            <select class="form-select"
                                    id="terminated_accounts"
                                    name="terminated_accounts">
                                <option value="auto"
                                        {% if settings.terminated_accounts != 'custom' %}selected{% endif %}>{% translate "Use the default retention period" %}</option>
                                <option value="custom"
                                        {% if settings.terminated_accounts == 'custom' %}selected{% endif %}>{% translate "Set a custom retention period" %}</option>
                            </select>
                            <div id="retentionValue" class="mt-3">
                                <label for="terminated_accounts_days" class="form-label">{% translate "Retention period (days)" %}</label>
                                <input class="form-control"
                                       type="number"
                                       min="2"
                                       max="1000"
                                       id="terminated_accounts_days"
                                       name="terminated_accounts_days"
                                       value="{{ settings.terminated_accounts_days|default:30 }}"
                                       data-parsley-required-message="{% translate 'Enter how many days terminated-account backups should be retained.' %}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" name="savesettings" value="yes">
        <div class="d-flex flex-wrap gap-2 mt-4">
            <button type="submit" class="btn btn-primary" name="save" value="yes"><i data-lucide="save"></i>{% translate "Save Settings" %}</button>
            <button type="submit"
                    class="btn btn-outline-secondary"
                    name="reset"
                    value="yes"
                    formnovalidate><i data-lucide="rotate-ccw"></i>{% translate "Reset" %}</button>
        </div>
    </form>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){function syncSwitch($switch){$('#'+$switch.data('value-target')).val($switch.prop('checked')?'on':'off');const target=$switch.data('section-target');if(target)$('#'+target).toggle($switch.prop('checked'))}$('.backup-setting-switch').each(function(){syncSwitch($(this))}).on('change',function(){syncSwitch($(this))});function syncConditional(select,section,input){const custom=$(select).val()==='custom';$(section).toggle(custom);$(input).prop('required',custom).prop('disabled',!custom);if($(input).data('Parsley'))$(input).parsley().reset()}$('#parallel_number').on('change',()=>syncConditional('#parallel_number','#parallelValue','#parallel_number_value'));$('#terminated_accounts').on('change',()=>syncConditional('#terminated_accounts','#retentionValue','#terminated_accounts_days'));syncConditional('#parallel_number','#parallelValue','#parallel_number_value');syncConditional('#terminated_accounts','#retentionValue','#terminated_accounts_days')});
    </script>
{% endblock %}