{% 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 'active-directory' %}">Active Directory</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;">Active Directory</h2>

            <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
                <div>
                    <label for="{{ form.ad_full_name.id_for_label }}">{{ form.ad_full_name.label }} *</label>
                    {{ form.ad_full_name }}
                    {{ form.ad_full_name.errors }}
                    {% if form.ad_full_name.help_text %}<small>{{ form.ad_full_name.help_text }}</small>{% endif %}
                </div>

                <div>
                    <label for="{{ form.ad_short_name.id_for_label }}">{{ form.ad_short_name.label }} *</label>
                    {{ form.ad_short_name }}
                    {{ form.ad_short_name.errors }}
                    {% if form.ad_short_name.help_text %}<small>{{ form.ad_short_name.help_text }}</small>{% endif %}
                </div>

                <div style="grid-column:1 / -1;">
                    <label for="{{ form.ad_servers.id_for_label }}">{{ form.ad_servers.label }}</label>
                    {{ form.ad_servers }}
                    {{ form.ad_servers.errors }}
                    {% if form.ad_servers.help_text %}<small>{{ form.ad_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;">DNS / DHCP</h2>
            <div>
                <label for="{{ form.dns_servers.id_for_label }}">{{ form.dns_servers.label }}</label>
                {{ form.dns_servers }}
                {{ form.dns_servers.errors }}
                {% if form.dns_servers.help_text %}<small>{{ form.dns_servers.help_text }}</small>{% endif %}
            </div>

            <div style="margin-top:18px;max-width:500px;">
                <label for="{{ form.ad_level.id_for_label }}">{{ form.ad_level.label }}</label>
                {{ form.ad_level }}
                {{ form.ad_level.errors }}
                {% if form.ad_level.help_text %}<small>{{ form.ad_level.help_text }}</small>{% endif %}
            </div>
        </section>

        <section style="margin-top:28px;padding-top:24px;border-top:1px solid var(--line);">
            <h2 style="margin-top:0;font-size:20px;">Advanced</h2>

            <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
                <div>
                    <label for="{{ form.primary_domain_controller.id_for_label }}">{{ form.primary_domain_controller.label }}</label>
                    {{ form.primary_domain_controller }}
                    {{ form.primary_domain_controller.errors }}
                </div>

                <div>
                    <label for="{{ form.schema_master.id_for_label }}">{{ form.schema_master.label }}</label>
                    {{ form.schema_master }}
                    {{ form.schema_master.errors }}
                </div>

                <div style="grid-column:1 / -1;">
                    <label for="{{ form.global_catalog_servers.id_for_label }}">{{ form.global_catalog_servers.label }}</label>
                    {{ form.global_catalog_servers }}
                    {{ form.global_catalog_servers.errors }}
                </div>

                <div style="grid-column:1 / -1;">
                    <label for="{{ form.domain_admins.id_for_label }}">{{ form.domain_admins.label }}</label>
                    {{ form.domain_admins }}
                    {{ form.domain_admins.errors }}
                    {% if form.domain_admins.help_text %}<small>{{ form.domain_admins.help_text }}</small>{% endif %}
                </div>

                <div style="grid-column:1 / -1;">
                    <label for="{{ form.ou_naming_conventions.id_for_label }}">{{ form.ou_naming_conventions.label }}</label>
                    {{ form.ou_naming_conventions }}
                    {{ form.ou_naming_conventions.errors }}
                    {% if form.ou_naming_conventions.help_text %}<small>{{ form.ou_naming_conventions.help_text }}</small>{% endif %}
                </div>

                <div style="grid-column:1 / -1;">
                    <label for="{{ form.read_only_domain_controllers.id_for_label }}">{{ form.read_only_domain_controllers.label }}</label>
                    {{ form.read_only_domain_controllers }}
                    {{ form.read_only_domain_controllers.errors }}
                </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 Active Directory</button>
            <a class="button secondary" href="{{ back_url }}">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}