{% extends "base.html" %}
{% load i18n %}
{% block title %}
    {% translate "Basic Setup" %} - Eenos
{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "Basic Setup" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Configure the basic settings for your Eenos control panel" %}</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 "Preferences" %}</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 "Basic Setup" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="POST" class="eenos-form">
        {% csrf_token %}
        <div class="eenos-card mb-4">
            <div class="eenos-panel-title">{% translate "Server Information" %}</div>
            <div class="eenos-panel-subtitle mb-4">
                {% translate "Configure the primary network and administrative contact settings for this server." %}
            </div>
            <div class="row g-3">
                <div class="col-lg-6">
                    <label for="main_shared_ip4" class="form-label">{% translate "Main Shared IPv4 Address" %}</label>
                    <input type="text"
                           class="form-control"
                           id="main_shared_ip4"
                           name="main_shared_ip4"
                           value="{{ settings.main_shared_ip4 }}"
                           data-parsley-required="true"
                           data-parsley-required-message="{% translate 'Please enter the main shared IPv4 address.' %}" />
                    <div class="form-text">{% translate "Primary shared IPv4 address for hosting accounts." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="main_shared_ip6" class="form-label">{% translate "Main Shared IPv6 Address" %}</label>
                    <input type="text"
                           class="form-control"
                           id="main_shared_ip6"
                           name="main_shared_ip6"
                           value="{{ settings.main_shared_ip6 }}"
                           data-parsley-ipv6="true"
                           data-parsley-ipv6-message="{% translate 'Please enter a valid IPv6 address.' %}" />
                    <div class="form-text">{% translate "Shared IPv6 address. Leave blank if not configured." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="contact_email" class="form-label">{% translate "Server Contact Email" %}</label>
                    <input type="text" class="form-control" id="contact_email" name="contact_email" value="{% for email in settings.contact_email %}{% if forloop.last %}{{ email }}{% else %}{{ email }},{% endif %}{% endfor %}" placeholder="alert@example.com" data-parsley-required="true" data-parsley-required-message="{% translate 'Please enter at least one contact email address.' %}" data-parsley-pattern="^\s*[^\s,@]+@[^\s,@]+\.[^\s,@]+(?:\s*,\s*[^\s,@]+@[^\s,@]+\.[^\s,@]+)*\s*$" data-parsley-pattern-message="{% translate 'Please enter one or more valid email addresses separated by commas.' %}" />
                    <div class="form-text">{% translate "Email address(es) for server alerts and notifications." %}</div>
                </div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="eenos-panel-title">{% translate "User Home Directories" %}</div>
            <div class="eenos-panel-subtitle mb-4">
                {% translate "Define the filesystem locations used for hosting account home directories." %}
            </div>
            <div class="row g-3">
                <div class="col-lg-6">
                    <label for="default_home" class="form-label">{% translate "Primary Home Directory" %}</label>
                    <input type="text"
                           class="form-control"
                           id="default_home"
                           name="default_home"
                           value="{{ settings.default_home }}"
                           data-parsley-required="true"
                           data-parsley-required-message="{% translate 'Please enter the primary home directory.' %}"
                           data-parsley-pattern="^/[^,]*$"
                           data-parsley-pattern-message="{% translate 'Please enter a valid home directory path.' %}" />
                    <div class="form-text">{% translate "Default location for user home directories." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="additional_home" class="form-label">{% translate "Additional Home Directories" %}</label>
                    <input type="text" class="form-control" id="additional_home" name="additional_home" value="{% for ehome in settings.extra_home %}{% if forloop.last %}{{ ehome }}{% else %}{{ ehome }},{% endif %}{% endfor %}" placeholder="/home2,/home3" data-parsley-pattern="^\s*/[^,\s]+(?:\s*,\s*/[^,\s]+)*\s*$" data-parsley-pattern-message="{% translate 'Please enter valid directory paths separated by commas.' %}" />
                    <div class="form-text">{% translate "Additional locations separated by commas." %}</div>
                </div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="eenos-panel-title">{% translate "Default Name Servers" %}</div>
            <div class="eenos-panel-subtitle mb-4">
                {% translate "Specify the default authoritative name servers assigned during account creation." %}
            </div>
            <div class="row g-3">
                <div class="col-lg-6">
                    <label for="ns1" class="form-label">{% translate "First Name Server (NS1)" %}</label>
                    <input type="text"
                           class="form-control"
                           id="ns1"
                           name="ns1"
                           value="{{ settings.nameservers.0 }}"
                           placeholder="ns1.domain.com"
                           data-parsley-required="true"
                           data-parsley-required-message="{% translate 'Please enter the primary name server.' %}"
                           data-parsley-pattern="^(?=.{1,253}$)(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$"
                           data-parsley-pattern-message="{% translate 'Please enter a valid name server hostname.' %}" />
                    <div class="form-text">{% translate "Primary authoritative name server." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="ns2" class="form-label">{% translate "Second Name Server (NS2)" %}</label>
                    <input type="text"
                           class="form-control"
                           id="ns2"
                           name="ns2"
                           value="{{ settings.nameservers.1 }}"
                           placeholder="ns2.domain.com"
                           data-parsley-pattern="^(?=.{1,253}$)(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$"
                           data-parsley-pattern-message="{% translate 'Please enter a valid name server hostname.' %}" />
                    <div class="form-text">{% translate "Secondary authoritative name server." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="ns3" class="form-label">{% translate "Third Name Server (NS3)" %}</label>
                    <input type="text"
                           class="form-control"
                           id="ns3"
                           name="ns3"
                           value="{{ settings.nameservers.2 }}"
                           placeholder="ns3.domain.com"
                           data-parsley-pattern="^(?=.{1,253}$)(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$"
                           data-parsley-pattern-message="{% translate 'Please enter a valid name server hostname.' %}" />
                    <div class="form-text">{% translate "Optional third name server." %}</div>
                </div>
                <div class="col-lg-6">
                    <label for="ns4" class="form-label">{% translate "Fourth Name Server (NS4)" %}</label>
                    <input type="text"
                           class="form-control"
                           id="ns4"
                           name="ns4"
                           value="{{ settings.nameservers.3 }}"
                           placeholder="ns4.domain.com"
                           data-parsley-pattern="^(?=.{1,253}$)(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$"
                           data-parsley-pattern-message="{% translate 'Please enter a valid name server hostname.' %}" />
                    <div class="form-text">{% translate "Optional fourth name server." %}</div>
                </div>
            </div>
            <div class="eenos-form-actions mt-4">
                <button type="submit" class="btn btn-primary">
                    <i data-lucide="save"></i>
                    {% translate "Save Changes" %}
                </button>
            </div>
        </div>
    </form>
{% endblock %}