{% extends "base_generic.html" %}
{% load crispy_forms_tags %}

{% block pagetitle %}Server Entry{% endblock %}


{% block content %}
    <header class="resource-form-page-heading mb-4">
        <span class="detail-eyebrow">Server</span>
        {% if object.pk %}
            <h1>Edit {{ object.name|default:object.ip_address }}</h1>
            <p>Maintain the reusable host, alternate addresses, and operator context kept in the server library.</p>
        {% else %}
            <h1>Add reusable server</h1>
            <p>Add a host the team owns or reuses. Engagement-specific VPS systems stay with their project.</p>
        {% endif %}
    </header>

    <!-- Form Error Section -->
    {% if form.errors %}
        <script>
            {% for field in form %}
                {% for error in field.errors %}
                    displayToastTop({type:'error', string:'{{ error|escapejs }}', context:'form'});
                {% endfor %}
            {% endfor %}
            {% for error in form.non_field_errors %}
                displayToastTop({type:'error', string:'{{ error|escapejs }}', context:'form'});
            {% endfor %}
        </script>
    {% endif %}

    <div class="resource-form-shell tabbed-form-shell">
        {% crispy form form.helper %}
    </div>
{% endblock %}

{% block tabs %}
    {{ block.super }}
{% endblock %}

{% block tabforms %}
    {{ block.super }}
{% endblock %}

{% block morescripts %}
    <!-- Formset Manipulation Buttons -->
    <script>
        $('.formset-add-{{ addresses.prefix }}').click(function() {
            var form_idx = $('#id_{{ addresses.prefix }}-TOTAL_FORMS').val();
            $('#formset-{{ addresses.prefix }}').append($('#empty-form-{{ addresses.prefix }}').html().replace(/__prefix__/g, form_idx));
            $('#id_{{ addresses.prefix }}-TOTAL_FORMS').val(parseInt(form_idx) + 1);
            var new_form = $('#formset-{{ addresses.prefix }}').find('div.formset-container').last()
            window.gwInitTiptapTextareas(new_form[0], {includeInactiveTabs: true, preserveScroll: true});
            new_form.find('span.counter').html(parseInt(form_idx) + 1);
            window.gwHighlightNewFormset(new_form[0]);
        });
    </script>

    <!-- Toggle Primary Address Checkboxes -->
    <script>
        function checkboxUpdate(checkbox) {
            if (checkbox.checked == true) {
                var allCheckbox = document.getElementsByClassName("primary-checkbox");
                for (var i=0; i < allCheckbox.length; i++) {
                    allCheckbox[i].checked = false;
                }
                checkbox.checked = true;
            }
        }
    </script>
{% endblock %}