{% extends "base.html" %}
{% load i18n %}{% load django_bootstrap5 %}

{% block content %}
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h3 class="m-0">{% trans "Create a new related host" %}</h3>
                </div>
                <div class="card-body">
                    <form method="post" action="">
                        {% csrf_token %}
                        {% bootstrap_form form %}
                        <button type="submit" class="btn btn-primary">{% trans "Create" %}</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h3 class="m-0">{% trans "Help" %}</h3>
                </div>
                <div class="card-body">
                    <p class="card-text">{% trans "Here you can add related hosts (e.g. other machines on same LAN)." %}</p>
                    <p class="card-text">
                        {% blocktrans trimmed %}
                        When we receive an update for your main host, we compute your network address
                        from it. To compute your related host's IPs, we just add the interface ID to the network address.
                        Then we update the DNS records for the related host with these addresses.
                        {% endblocktrans %}
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}