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

{% block pagetitle %}Virtual Private Server{% endblock %}

{% block content %}
    <header class="resource-form-page-heading mb-4">
        <span class="detail-eyebrow">Project Server</span>
        {% if object.pk %}
            <h1>Edit {{ object.name|default:object.ip_address }}</h1>
            <p>Keep this engagement-specific host and its operational role current.</p>
        {% else %}
            <h1>Add project server</h1>
            <p>Record a VPS or other temporary host used only for this engagement.</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">
        {% crispy form form.helper %}
    </div>
{% endblock %}