{% load i18n %}
{% load django_bootstrap5 %}
{% load bootstrap_icons %}
{% load operations %}
<div class="tab-pane" id="settings" role="tabpanel">
    <!-- Nav tabs -->
    <div class="card">
    <div class="card-header bg-transparent pb-0">
    <ul class="nav nav-underline small" role="tablist" aria-label="Instance settings">
        {% if instance.guest_agent_ready %}
            <li class="nav-item" role="presentation">
                <button class="px-1 nav-link" data-bs-toggle="tab" id="osinfo-tab" data-bs-target="#osinfo" type="button" role="tab" aria-controls="osinfo" aria-selected="false" onclick="get_osinfo();">
                    <span>{% bs_icon 'info-circle' %} </span>
                </button>
            </li>
        {% endif %}
        {% if request.user.is_superuser %}
            <li class="nav-item" role="presentation">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#boot_opt" type="button" role="tab" aria-controls="boot_opt" aria-selected="true">
                    {% trans "Boot" %}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#disks" type="button" role="tab" aria-controls="disks" aria-selected="false">
                    {% trans "Disk" %}
                </button>
            </li>
        {% endif %}
        {% if can_manage_console %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#vncsettings" type="button" role="tab" aria-controls="vncsettings" aria-selected="false">
                    {% trans "Console" %}
                </button>
            </li>
        {% endif %}
        {% if request.user.is_superuser %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#network" type="button" role="tab" aria-controls="network" aria-selected="false">
                    {% trans "Network" %}
                </button>
            </li>
        {% endif %}
        {% if show_hostdevs %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#hostdevs" type="button" role="tab" aria-controls="hostdevs" aria-selected="false">
                    {% trans "Host devices" %}
                </button>
            </li>
        {% endif %}
        {% if can_clone %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#clone" type="button" role="tab" aria-controls="clone" aria-selected="false">
                    {% trans "Clone" %}
                </button>
            </li>
        {% endif %}
        {% if request.user.is_superuser %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#migrate" type="button" role="tab" aria-controls="migrate" aria-selected="false">
                    {% trans "Migrate" %}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#xmledit" type="button" role="tab" aria-controls="xmledit" aria-selected="false">
                    {% trans "XML" %}
                </button>
            </li>
        {% endif %}
        {% if can_change %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#options" type="button" role="tab" aria-controls="options" aria-selected="false">
                    {% trans "Options" %}
                </button>
            </li>
        {% endif %}
        {% if request.user.is_superuser %}
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#users" type="button" role="tab" aria-controls="users" aria-selected="false">
                    {% trans "Users" %}
                </button>
            </li>
        {% endif %}
    </ul>
    </div>
    {% if instance.status != 5 %}
        <p class="small text-body-secondary px-3 pt-3 mb-0" id="next-start-note">{% trans "While the VM runs, most settings here apply at its next start." %}</p>
    {% endif %}
    <!-- Tab panes -->
    <div class="tab-content card-body">
        {% if instance.guest_agent_ready %}
        {% include 'instances/info_tab.html' %}
        {% endif %}
        {% if request.user.is_superuser %}
        <div role="tabpanel" class="tab-pane active" id="boot_opt">
            <section class="mb-4" aria-labelledby="startup-heading">
                <h2 class="h6" id="startup-heading">{% trans "Startup settings" %}</h2>
                <div class="list-group">
                    <div class="list-group-item py-3">
                        <form action="{% if instance.autostart %}{% url 'instances:unset_autostart' instance.id %}{% else %}{% url 'instances:set_autostart' instance.id %}{% endif %}" method="post">{% csrf_token %}
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="autostart" aria-describedby="autostart-help"{% if instance.autostart %} checked{% endif %} onchange="this.form.submit()">
                                <label class="form-check-label fw-semibold" for="autostart">{% trans "Autostart" %}</label>
                            </div>
                            <p class="small text-body-secondary mb-0 mt-1" id="autostart-help">{% trans "Start this VM when the host starts." %}</p>
                        </form>
                    </div>
                    <div class="list-group-item py-3">
                        <form action="{% if instance.config_bootmenu %}{% url 'instances:unset_bootmenu' instance.id %}{% else %}{% url 'instances:set_bootmenu' instance.id %}{% endif %}" method="post">{% csrf_token %}
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="bootmenu" aria-describedby="bootmenu-help"{% if instance.config_bootmenu %} checked{% endif %} onchange="this.form.submit()">
                                <label class="form-check-label fw-semibold" for="bootmenu">{% trans "Boot menu" %}</label>
                            </div>
                            <p class="small text-body-secondary mb-0 mt-1" id="bootmenu-help">{% trans "Show a device chooser when the VM starts." %}</p>
                        </form>
                    </div>
                </div>
            </section>
            <section aria-labelledby="boot-order-heading">
                <h2 class="h6" id="boot-order-heading">{% trans "Boot order" %}</h2>
                <p class="small text-body-secondary" id="boot-order-help">{% trans "Checked devices boot from top to bottom. Up and Down move all checked devices." %}</p>
                {% if instance.config_boot_order and not instance.config_boot_devices.0.checked %}
                    <p class="small text-body-secondary" id="boot-by-type">
                        {% trans "The VM now boots by device type:" %}
                        {% for b in instance.config_boot_order.values %}{{ b.target }}{% if not forloop.last %}, {% endif %}{% endfor %}.
                        {% trans "Checking devices replaces this order." %}
                    </p>
                {% endif %}
                <form action="{% url 'instances:set_bootorder' instance.id %}" method="post" aria-labelledby="boot-order-heading" aria-describedby="boot-order-help">{% csrf_token %}
                    <input type="hidden" id="bootorder" name="bootorder">
                    <div id="b_order" class="list-group boot-sequence mb-3">
                        {% for device in instance.config_boot_devices %}
                            <label class="list-group-item d-flex align-items-center gap-3">
                                <input class="form-check-input flex-shrink-0 m-0" type="checkbox" value="{{ device.value }}"{% if device.checked %} checked{% endif %}>
                                <span class="boot-rank small text-body-secondary" aria-hidden="true"></span>
                                <span class="text-break"><strong>{{ device.name }}</strong><span class="d-block small text-body-secondary">{{ device.kind }} · {{ device.source|default:_("empty") }}</span></span>
                            </label>
                        {% endfor %}
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                        <button type="button" id="boot_order_up" class="btn btn-sm btn-secondary">{% bs_icon 'arrow-up' %} {% trans "Up" %}</button>
                        <button type="button" id="boot_order_down" class="btn btn-sm btn-secondary">{% bs_icon 'arrow-down' %} {% trans "Down" %}</button>
                        <button type="submit" class="btn btn-sm btn-primary ms-auto">{% trans "Apply order" %}</button>
                    </div>
                </form>
            </section>
        </div>
        <div role="tabpanel" class="tab-pane" id="disks">
            {# its CD-ROM drives, then its disks as cards; the forms are those of the actions #}
            {% if instance.status != 5 %}
            <p class="small text-body-secondary">{% bs_icon 'lock' %} {% trans "The VM is running: CD-ROM drives added now use the SCSI bus. Shut it down to detach other CD-ROM drives, or to detach or delete disks." %}</p>
            {% endif %}
            <section class="mb-4" aria-labelledby="media-heading">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
                    <h2 class="h6 mb-0" id="media-heading">{% trans "Removable media" %}</h2>
                    <form action="{% url 'instances:add_cdrom' instance.id %}" method="post" aria-label="{% trans "Add CD-ROM form" %}">{% csrf_token %}
                        <button class="btn btn-sm btn-secondary" type="submit">{% bs_icon 'plus' %} {% trans "Add CD-ROM" %}</button>
                    </form>
                </div>
                {% for cd in instance.media %}
                <div class="card mb-2">
                    <form class="card-body" method="post" action="{% if cd.image %}{% url 'instances:unmount_iso' instance.id %}{% else %}{% url 'instances:mount_iso' instance.id %}{% endif %}">
                        {% csrf_token %}
                        <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-2">
                            <div class="d-flex align-items-center gap-3">
                                <span class="fs-4 text-body-secondary" aria-hidden="true">{% bs_icon 'disc' %}</span>
                                <div>
                                    <div class="fw-semibold">{% trans "CD-ROM" %} {{ forloop.counter }}</div>
                                    <div class="small text-body-secondary">{{ cd.dev }} · {{ cd.bus }} · {% if cd.image %}{{ cd.image }}{% else %}{% trans "No media" %}{% endif %}</div>
                                </div>
                            </div>
                            {% if not cd.image %}
                            <button type="submit" class="btn btn-sm btn-secondary" formaction="{% url 'instances:detach_cdrom' instance.id cd.dev %}" formmethod="post"{% if instance.status != 5 and cd.bus != "scsi" %} disabled{% endif %}>{% trans "Detach" %}</button>
                            {% endif %}
                        </div>
                        {% if cd.image %}
                        <input type="hidden" name="path" value="{{ cd.path }}">
                        <button type="submit" class="btn btn-sm btn-primary" value="{{ cd.dev }}" name="umount_iso">{% bs_icon 'eject' %} {% trans "Unmount" %}</button>
                        {% else %}
                        <label class="form-label small" for="media-{{ cd.dev }}">{% trans "ISO image" %}</label>
                        <div class="row g-2">
                            <div class="col-12 col-sm">
                                <select name="media" class="form-select form-select-sm" id="media-{{ cd.dev }}">
                                {% for iso in instance.media_iso %}
                                    <option value="{{ iso }}">{{ iso }}</option>
                                {% empty %}
                                    <option value="none">{% trans "None" %}</option>
                                {% endfor %}
                                </select>
                            </div>
                            <div class="col-12 col-sm-auto d-grid">
                                <button type="submit" class="btn btn-sm btn-primary" name="mount_iso" value="{{ cd.dev }}"{% if not instance.media_iso %} disabled{% endif %}>{% trans "Mount" %}</button>
                            </div>
                        </div>
                        {% endif %}
                    </form>
                </div>
                {% empty %}
                <p class="small text-body-secondary mb-0">{% trans "The VM has no CD-ROM drive." %}</p>
                {% endfor %}
            </section>
            <section aria-labelledby="disks-heading">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
                    <h2 class="h6 mb-0" id="disks-heading">{% trans "Disks" %} <span class="text-body-secondary fw-normal">· {{ instance.config_disks|length }}</span></h2>
                    {% include 'add_instance_volume.html' %}
                </div>
                <div class="row g-3">
                {% for disk in instance.config_disks %}
                    <div class="col-12{% if instance.config_disks|length > 1 %} col-md-6{% endif %}">
                        <article class="card h-100" aria-labelledby="disk-{{ disk.dev }}">
                            <div class="card-body small">
                                <div class="d-flex justify-content-between align-items-center gap-2 mb-2">
                                    <h3 class="h6 mb-0" id="disk-{{ disk.dev }}">{% bs_icon 'device-hdd' %} {{ disk.dev }}</h3>
                                    <span class="text-body-secondary">{{ disk.bus }} · {{ disk.format }}</span>
                                </div>
                                {% if disk.storage is None %}
                                <div class="alert alert-danger mb-0">{% trans "Error getting disk info" %}</div>
                                {% else %}
                                <div class="text-body-secondary">{% trans "Capacity" %}</div>
                                <p class="fs-4 fw-semibold lh-sm mb-0">{{ disk.size|filesizeformat }}</p>
                                <p class="text-body-secondary mb-2">{% blocktrans with used=disk.used|filesizeformat %}{{ used }} used{% endblocktrans %}</p>
                                <div class="border-top pt-2">
                                    <div class="mb-1"><span class="text-body-secondary">{% trans "Storage pool" %}</span> <strong class="ms-1">{{ disk.storage }}</strong></div>
                                    <div class="text-body-secondary">{% trans "Source" %}</div>
                                    <p class="text-break mb-2">{{ disk.path }}</p>
                                </div>
                                {% endif %}
                                <details>
                                    <summary class="text-body-secondary">{% trans "Device details" %}</summary>
                                    <dl class="row mb-0 mt-2" style="max-width: 32rem">
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Cache" %}</dt><dd class="col-6 mb-1">{{ disk.cache }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "IO mode" %}</dt><dd class="col-6 mb-1">{{ disk.io }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Discard" %}</dt><dd class="col-6 mb-1">{{ disk.discard }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Detect zeroes" %}</dt><dd class="col-6 mb-1">{{ disk.detect_zeroes }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Serial" %}</dt><dd class="col-6 mb-1">{{ disk.serial|default:"—" }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Read-only" %}</dt><dd class="col-6 mb-1">{{ disk.readonly|yesno }}</dd>
                                        <dt class="col-6 fw-normal text-body-secondary">{% trans "Shareable" %}</dt><dd class="col-6 mb-0">{{ disk.shareable|yesno }}</dd>
                                    </dl>
                                </details>
                            </div>
                            <div class="card-footer bg-transparent d-flex flex-wrap gap-2">
                                <form class="d-inline" action="{% url 'instances:edit_volume' instance.id %}" method="post" aria-label="{% trans "Edit instance volume form" %}">
                                    {% csrf_token %}
                                    <input type="hidden" name="path" value="{{ disk.path }}">
                                    <input type="hidden" name="dev" value="{{ disk.dev }}">
                                    <input type="hidden" name="storage" value="{{ disk.storage }}">
                                    <input type="hidden" name="name" value="{{ disk.image }}">
                                    {% include 'instances/edit_instance_volume.html' with id=forloop.counter0 %}
                                </form>
                                {% if request.user.is_superuser %}{% include 'instances/move_disk.html' with id=forloop.counter0 %}{% endif %}
                                <form class="d-inline" action="{% url 'instances:detach_vol' instance.id %}" method="post">
                                    {% csrf_token %}
                                    <input type="hidden" name="path" value="{{ disk.path }}">
                                    <input type="hidden" name="dev" value="{{ disk.dev }}">
                                    <input type="hidden" name="storage" value="{{ disk.storage }}">
                                    <input type="hidden" name="name" value="{{ disk.image }}">
                                    <button type="submit" class="btn btn-sm btn-secondary" value="{{ disk.dev }}"{% if instance.status != 5 %} disabled{% endif %} data-confirm="{% blocktrans with dev=disk.dev %}Detach {{ dev }}? Its file is kept.{% endblocktrans %}" onclick="return confirm(this.dataset.confirm)">{% trans "Detach" %}</button>
                                </form>
                                <form class="d-inline" action="{% url 'instances:delete_vol' instance.id %}" method="post">
                                    {% csrf_token %}
                                    <input type="hidden" name="path" value="{{ disk.path }}">
                                    <input type="hidden" name="dev" value="{{ disk.dev }}">
                                    <input type="hidden" name="storage" value="{{ disk.storage }}">
                                    <input type="hidden" name="name" value="{{ disk.image }}">
                                    <button type="submit" class="btn btn-sm btn-danger"{% if instance.status != 5 %} disabled{% endif %} data-confirm="{% blocktrans with dev=disk.dev %}Delete {{ dev }}? It is detached and its file and data are removed.{% endblocktrans %}" onclick="return confirm(this.dataset.confirm)">{% trans "Delete" %}</button>
                                </form>
                            </div>
                        </article>
                    </div>
                {% endfor %}
                </div>
            </section>
        </div>
        <div role="tabpanel" class="tab-pane" id="network">
            {# a card per NIC, the only one across the row; its QoS limits fold out like its device details #}
            <section aria-labelledby="nics-heading">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
                    <h2 class="h6 mb-0" id="nics-heading">{% trans "Network devices" %} <span class="text-body-secondary fw-normal">· {{ instance.config_networks|length }}</span></h2>
                    {% include 'add_instance_network_block.html' %}
                </div>
                <div class="row g-3">
                {% for network in instance.config_networks %}
                    <div class="col-12{% if instance.config_networks|length > 1 %} col-md-6{% endif %}">
                        <article class="card h-100" aria-labelledby="nic-{{ forloop.counter0 }}">
                            <div class="card-body small">
                                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
                                    <h3 class="h6 mb-0" id="nic-{{ forloop.counter0 }}">{% bs_icon 'ethernet' %} eth{{ forloop.counter0 }} <span class="text-body-secondary fw-normal">· {{ network.target|default:_("no target") }}</span></h3>
                                    <form action="{% url 'instances:set_link_state' instance.id %}" method="post" aria-label="{% trans "Link state form" %}">{% csrf_token %}
                                        <input type="hidden" name="mac" value="{{ network.mac }}">
                                        <input type="hidden" name="set_link_state" value="{{ network.state }}">
                                        <div class="form-check form-switch mb-0">
                                            <input class="form-check-input" type="checkbox" role="switch" id="link-{{ forloop.counter0 }}"{% if network.state == 'up' %} checked{% endif %} onchange="this.form.submit()">
                                            <label class="form-check-label" for="link-{{ forloop.counter0 }}">{% if network.state == 'up' %}{% trans "Link up" %}{% else %}{% trans "Link down" %}{% endif %}</label>
                                        </div>
                                    </form>
                                </div>
                                <p class="text-break mb-1"><span class="text-body-secondary">{% trans "Source" %}</span> <strong class="ms-1">{{ network.nic|default:"—" }}</strong></p>
                                <p class="mb-2"><span class="text-body-secondary">{% trans "IPv4" %}</span> <span class="ms-1">{{ network.ipv4|join:", "|default:_("unknown") }}</span></p>
                                <details>
                                    <summary class="text-body-secondary">{% trans "Device details" %}</summary>
                                    <dl class="row mb-0 mt-2" style="max-width: 32rem">
                                        <dt class="col-4 fw-normal text-body-secondary">{% trans "Type" %}</dt><dd class="col-8 mb-1">{{ network.type }}</dd>
                                        <dt class="col-4 fw-normal text-body-secondary">{% trans "MAC" %}</dt><dd class="col-8 mb-1 text-break">{{ network.mac }}</dd>
                                        <dt class="col-4 fw-normal text-body-secondary">{% trans "Model" %}</dt><dd class="col-8 mb-1">{{ network.model|default:"—" }}</dd>
                                        <dt class="col-4 fw-normal text-body-secondary">{% trans "NWFilter" %}</dt><dd class="col-8 mb-1 text-break">{{ network.filterref|default:_("None") }}</dd>
                                        <dt class="col-4 fw-normal text-body-secondary">{% trans "IPv6" %}</dt><dd class="col-8 mb-1 text-break">{{ network.ipv6|join:", "|default:_("unknown") }}</dd>
                                    </dl>
                                </details>
                                <details>
                                    <summary class="text-body-secondary">{% trans "QoS limits" %} · {% if network.inbound and network.outbound %}{% trans "inbound, outbound" %}{% elif network.inbound %}{% trans "inbound" %}{% elif network.outbound %}{% trans "outbound" %}{% else %}{% trans "none" %}{% endif %}</summary>
                                    {% if network.inbound %}{% include 'instances/nic_qos_form.html' with nic=forloop.counter0 direction="inbound" limit=network.inbound %}{% endif %}
                                    {% if network.outbound %}{% include 'instances/nic_qos_form.html' with nic=forloop.counter0 direction="outbound" limit=network.outbound %}{% endif %}
                                    <p class="text-body-secondary mt-2 mb-0">{% trans "Average and peak are in KiB/s, burst in KiB. A running VM gets a change after it is powered off and on." %}</p>
                                </details>
                                {% if network.type == 'direct' %}
                                <p class="text-body-secondary border-top pt-2 mt-2 mb-0">{% bs_icon 'info-circle' %} {% trans "In most configurations, macvtap does not work for host to guest network communication" %}</p>
                                {% endif %}
                            </div>
                            <div class="card-footer bg-transparent d-flex flex-wrap gap-2">
                                {# a NIC that is a host device is changed in the XML editor #}
                                {% if network.type != "hostdev" %}
                                <button class="btn btn-sm btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#editInstanceNetwork{{ forloop.counter0 }}">{% trans "Edit" %}</button>
                                {% endif %}
                                <button class="btn btn-sm btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#AddQos{{ forloop.counter0 }}">{% trans "Add QoS" %}</button>
                                {% if network.type != "hostdev" %}
                                <form action="{% url 'instances:delete_network' instance.id %}" method="post" aria-label="{% trans "Delete network device form" %}">{% csrf_token %}
                                    <button class="btn btn-sm btn-danger" value="{{ network.mac }}" name="delete_network"
                                            data-confirm="{% blocktrans with mac=network.mac %}Remove network card {{ mac }}? A running VM loses its connection through it at once.{% endblocktrans %}" onclick="return confirm(this.dataset.confirm)">{% trans "Delete" %}</button>
                                </form>
                                {% endif %}
                            </div>
                        </article>
                    {% if network.type != "hostdev" %}
                    <form action="{% url 'instances:change_network' instance.id %}" method="post" name="edit_network{{ forloop.counter0 }}">{% csrf_token %}
                        <div class="modal fade" id="editInstanceNetwork{{ forloop.counter0 }}" tabindex="-1" aria-labelledby="editInstanceNetworkLabel{{ forloop.counter0 }}" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="editInstanceNetworkLabel{{ forloop.counter0 }}">{% blocktrans with nic=forloop.counter0 %}Edit eth{{ nic }}{% endblocktrans %}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans "Close" %}"></button>
                                    </div>
                                    <div class="modal-body">
                                        <input type="hidden" name="net-old-mac-{{ forloop.counter0 }}" value="{{ network.mac }}">
                                        <div class="mb-3">
                                            <label class="form-label" for="net-mac-{{ forloop.counter0 }}">{% trans "MAC" %}</label>
                                            <input class="form-control" type="text" id="net-mac-{{ forloop.counter0 }}" name="net-mac-{{ forloop.counter0 }}" value="{{ network.mac }}">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label" for="net-source-{{ forloop.counter0 }}">{% trans "Net Source" %}</label>
                                            <select class="form-select" id="net-source-{{ forloop.counter0 }}" name="net-source-{{ forloop.counter0 }}">
                                                {% for c_net in networks_host %}
                                                <option value="net:{{ c_net }}"{% if c_net == network.nic %} selected{% endif %}>{% trans 'Network' %} {{ c_net }}</option>
                                                {% endfor %}
                                                {% for c_iface in interfaces_host %}
                                                <option value="iface:{{ c_iface }}"{% if c_iface == network.nic %} selected{% endif %}>{% trans 'Interface' %} {{ c_iface }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label" for="net-nwfilter-{{ forloop.counter0 }}">{% trans "NWFilter" %}</label>
                                            <select class="form-select" id="net-nwfilter-{{ forloop.counter0 }}" name="net-nwfilter-{{ forloop.counter0 }}">
                                                <option value="">{% trans "None" %}</option>
                                                {% for c_filters in nwfilters_host %}
                                                <option value="{{ c_filters }}"{% if c_filters == network.filterref %} selected{% endif %}>{{ c_filters }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div>
                                            <label class="form-label" for="net-model-{{ forloop.counter0 }}">{% trans "Model" %}</label>
                                            <select class="form-select" id="net-model-{{ forloop.counter0 }}" name="net-model-{{ forloop.counter0 }}">
                                                {% for model in net_models_host %}
                                                <option value="{{ model }}"{% if model == network.model %} selected{% endif %}>{{ model }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">{% trans 'Close' %}</button>
                                        <button class="btn btn-primary" name="change_network">{% trans "Apply" %}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    {% endif %}
                    <form action="{% url 'instances:set_qos' instance.id %}" method="post" name="add_qos{{ forloop.counter0 }}" aria-label="{% trans "Add network QoS form" %}">{% csrf_token %}
                        <input type="hidden" name="net-mac" value="{{ network.mac }}">
                        {% include 'add_network_qos.html' with id=forloop.counter0 %}
                    </form>
                    </div>
                {% empty %}
                    <p class="small text-body-secondary mb-0">{% trans "The VM has no network device." %}</p>
                {% endfor %}
                </div>
            </section>
        </div>
        {% if show_hostdevs %}
        <div role="tabpanel" class="tab-pane" id="hostdevs">
            <p class="small text-body-secondary">{% trans "Devices of the host given to the VM. The VM starts only on a host that has them; it is not migrated while it has them, and its clones get none." %}</p>
            {% if request.user.is_superuser %}
            {# the add forms come when the tab opens: their choices scan every VM of the host #}
            <div id="host-devices" class="mb-3" data-url="{% url 'instances:host_devices' instance.id %}">
                <span class="small text-body-secondary">{% trans "Reading the host's devices…" %}</span>
            </div>
            {% endif %}
            {% if usb_hostdevs %}
            <div class="table-responsive position-relative">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">{% trans "USB device" %}</th>
                            <th scope="col">{% trans "Chosen by" %}</th>
                            <th scope="col">{% trans "Running VM" %}</th>
                            <th scope="col">{% trans "Next start" %}</th>
                            {% if request.user.is_superuser %}<th scope="col"><span class="visually-hidden">{% trans "Actions" %}</span></th>{% endif %}
                        </tr>
                    </thead>
                    <tbody>
                    {% for device in usb_hostdevs %}
                        <tr>
                            <td>{{ device.name|default:"–" }} <span class="small text-body-secondary font-monospace">{{ device.vendor|slice:"2:" }}:{{ device.product|slice:"2:" }}</span></td>
                            <td>{% if device.address %}{% blocktrans with bus=device.address.0 device=device.address.1 %}Its address {{ bus }}/{{ device }}{% endblocktrans %}{% else %}{% trans "Its model: any device of it" %}{% endif %}</td>
                            <td>{% if device.now %}{% blocktrans with bus=device.now.0 device=device.now.1 %}Has {{ bus }}/{{ device }}{% endblocktrans %}{% else %}–{% endif %}</td>
                            <td>{% if device.next %}{% trans "Yes" %}{% else %}{% trans "No" %}{% endif %}</td>
                            {% if request.user.is_superuser %}
                            <td class="text-end">
                                <form method="post" action="{% url 'instances:delete_usb_hostdev' instance.id %}">{% csrf_token %}
                                    <input type="hidden" name="vendor" value="{{ device.vendor }}">
                                    <input type="hidden" name="product" value="{{ device.product }}">
                                    <input type="hidden" name="address" value="{% if device.address %}{{ device.address.0 }}/{{ device.address.1 }}{% endif %}">
                                    <button type="submit" class="btn btn-sm btn-outline-danger" aria-label="{% trans "Remove the USB device" %}"
                                            data-confirm="{% trans "Remove this USB device from the VM? A running VM loses it at once." %}"
                                            onclick="return confirm(this.dataset.confirm)">{% bs_icon 'trash' %}</button>
                                </form>
                            </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% endif %}
            {% if pci_hostdevs %}
            <div class="table-responsive position-relative">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">{% trans "PCI device" %}</th>
                            <th scope="col">{% trans "Running VM" %}</th>
                            <th scope="col">{% trans "Next start" %}</th>
                            {% if request.user.is_superuser %}<th scope="col"><span class="visually-hidden">{% trans "Actions" %}</span></th>{% endif %}
                        </tr>
                    </thead>
                    <tbody>
                    {% for device in pci_hostdevs %}
                        <tr>
                            <td>{{ device.name|default:"–" }} <span class="small text-body-secondary font-monospace">{{ device.address }}</span></td>
                            <td>{% if device.now %}{% trans "Has it" %}{% else %}–{% endif %}</td>
                            <td>{% if device.next %}{% trans "Yes" %}{% else %}{% trans "No" %}{% endif %}</td>
                            {% if request.user.is_superuser %}
                            <td class="text-end">
                                <form method="post" action="{% url 'instances:delete_pci_hostdev' instance.id %}">{% csrf_token %}
                                    <input type="hidden" name="address" value="{{ device.address }}">
                                    <button type="submit" class="btn btn-sm btn-outline-danger" aria-label="{% trans "Remove the PCI device" %}"
                                            {% if instance.status != 1 and instance.status != 5 or instance.has_managed_save_image %}disabled title="{% trans "A paused VM, or one with a saved state, does not change its PCI devices" %}"{% endif %}
                                            data-confirm="{% trans "Remove this PCI device from the VM? A running VM's guest has to let it go." %}" onclick="return confirm(this.dataset.confirm)">{% bs_icon 'trash' %}</button>
                                </form>
                            </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% endif %}
            {% for device in other_hostdevs %}
            <p class="mb-1">
                {% if device.type == "nic" %}{% trans "Network interface" %}{% else %}{{ device.type|upper }}{% endif %} <span class="font-monospace">{{ device.address }}</span>
                <span class="small text-body-secondary">{% if device.now and device.next %}{% trans "running VM and next start" %}{% elif device.now %}{% trans "running VM only" %}{% else %}{% trans "next start only" %}{% endif %}; {% trans "changed in the XML editor" %}</span>
            </p>
            {% endfor %}
            {% if not usb_hostdevs and not pci_hostdevs and not other_hostdevs %}
            <p class="small text-body-secondary mb-0">{% trans "The VM has no host devices." %}</p>
            {% endif %}
        </div>
        {% endif %}
        <div role="tabpanel" class="tab-pane" id="migrate">
            <p>{% trans "For migration both host servers must have equal settings and OS type" %}</p>
            <form action="{% url 'instances:migrate' instance.id %}" class="ms-3 form" method="post" role="form" aria-label="Migrate instance form">
                {% csrf_token %}{% submission_key %}
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Original host" %}</label>
                    <div class="col-sm-6">
                        <label class="form-control" readonly="readonly">{{ compute.name }}</label>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Host migration" %}</label>
                    <div class="col-sm-6">
                        <select name="compute_id" class="form-select" id="migrate_compute">
                            {% if computes_count != 1 %}
                                {% for comp in computes %}
                                    {% if comp.id != compute.id %}
                                        <option value="{{ comp.id }}">{{ comp.name }}</option>
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                        </select>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Disks" %}</label>
                    <div class="col-sm-9 py-2" id="migrate-plan" data-url="{% url 'instances:migrate_plan' instance.id %}" aria-live="polite"></div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="live_migrate" value="true" id="vm_live_migrate" {% if instance.status != 5 %}checked{% else %}disabled{% endif %}>
                            <label class="form-check-label" for="vm_live_migrate">{% trans "Live migration" %}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="unsafe_migrate" value="true" id="vm_unsafe_migrate">
                            <label class="form-check-label" for="vm_unsafe_migrate">{% trans "Unsafe migration" %}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="offline_migrate" value="true" id="offline_migrate" {% if instance.status == 5 %}checked{% else %}disabled{% endif %}>
                            <label class="form-check-label" for="offline_migrate">{% trans "Offline migration" %}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="autoconverge" value="true" id="autoconverge" {% if instance.status != 1 %}disabled{% else %}checked{% endif %}>
                            <label class="form-check-label" for="autoconverge" title="{% trans 'Forces CPU convergence during live migration' %}">{% trans "Auto converge" %}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="compress" value="true" id="compress" {% if instance.status != 1 %}disabled{% endif %}>
                            <label class="form-check-label" for="compress" title="{% trans 'Compress instance memory for fast migration' %}">{% trans "Compressed" %}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 offset-sm-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="delete_source" value="true" id="delete_source">
                            <label class="form-check-label" for="delete_source">{% trans "Delete the source files of copied disks" %}</label>
                        </div>
                    </div>
                </div>
                {% if computes_count != 1 %}
                    <button type="submit" class="btn btn-primary float-end" name="migrate" >{% trans "Migrate" %}</button>
                {% else %}
                    <button class="btn btn-primary float-end disabled" disabled>{% trans "Migrate" %}</button>
                {% endif %}
            </form>
            <div class="clearfix"></div>
        </div>
        <div role="tabpanel" class="tab-pane" id="xmledit">
            {% if instance.status != 5 %}
                <p id="xml-next-start">{% trans "This is the definition for the VM's next start; a saved change applies then." %}</p>
            {% endif %}
            <form action="{% url 'instances:change_xml' instance.id %}" method="post" role="form" aria-label="Edit instance XML form" id="xml-form">
                {% csrf_token %}
                <div class="col-sm-12 xmlheight">
                    <textarea id="editor">{{ instance.inst_xml }}</textarea>
                </div>
                <button type="submit" class="btn btn-primary float-end" name="change_xml">
                    {% trans "Change" %}
                </button>
            </form>
            <div class="clearfix"></div>
            <div class="modal fade" id="xml-review" tabindex="-1" aria-labelledby="xml-review-title" aria-hidden="true"
                 data-failed="{% trans "The request did not go through; your edit is still in the editor. Try again, or copy it and reload the page." %}">
                <div class="modal-dialog modal-xl modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="xml-review-title">{% trans "Review the XML change" %}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans "Close" %}"></button>
                        </div>
                        <div class="modal-body">
                            <div class="alert alert-danger d-none" role="alert" id="xml-review-error"></div>
                            <p class="d-none" id="xml-review-same">{% trans "The XML is the same as the VM's definition; there is nothing to save." %}</p>
                            <pre class="d-none mb-0" id="xml-review-diff"></pre>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
                            <button type="button" class="btn btn-primary" id="xml-review-save">{% trans "Save" %}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="users">
            <div>
            <div class="mb-3">
                <span class="fw-bold">{% trans "Instance owners" %}</span>
                {% include 'add_instance_owner_block.html' %}
            </div>
            </div>
            <div class="table-responsive">
                <table class="table table-striped mt-3 align-middle">
                    <tbody class="searchable">
                    {% for userinstance in userinstances %}
                        <tr>
                            <td><a href="{% url 'accounts:account' userinstance.user.id %}">{{ userinstance.user }}</a></td>
                            <td style="width:30px;">
                                <a href="{% url 'accounts:user_instance_delete' userinstance.id %}?next={% url 'instances:instance' instance.id %}#users">
                                    {% bs_icon 'trash' %}
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="clearfix"></div>
        </div>
        {% endif %}
        {% if can_manage_console %}
        <div role="tabpanel" class="tab-pane" id="vncsettings">
            <form method="post" action="{% url 'instances:update_console' instance.id %}">
                {% csrf_token %}
                {% if instance.status != 5 %}
                    <div class="alert alert-warning">
                        {% trans "To change console settings, shutdown the instance." %}
                    </div>
                {% endif %}
                {% bootstrap_form console_form layout='horizontal' %}
                <div class="float-end">
                    {% if instance.status != 5 %}
                        <button class="btn btn-primary" disabled>{% trans "Update" %}</button>
                    {% else %}
                        <button type="submit" class="btn btn-primary ">{% trans "Update" %}</button>
                    {% endif %}
                </div>
            </form>
            <div class="clearfix"></div>
        </div>
        {% endif %}
        {% if can_clone %}
        <div role="tabpanel" class="tab-pane" id="clone">
            <p class="fw-bold">{% trans "Create a clone" %}</p>
            {% if usb_hostdevs or pci_hostdevs or other_hostdevs %}<p class="small text-body-secondary">{% trans "The clone gets none of the VM's host devices: one VM holds a device of the host." %}</p>{% endif %}
            <form class="form" action="{% url 'instances:clone' instance.id %}" method="post" role="form" aria-label="Create clone form">{% csrf_token %}{% submission_key %}
                <div class="row">
                    <label class="col-sm-3 col-form-label fw-normal">{% trans "Clone Name" %}</label>
                    {% if request.user.is_superuser %}
                    <div class="col-sm-6">
                        <div class="input-group">
                            <input id="clone_name" type="text" class="form-control" name="name" value="{{ instance.name }}-clone">
                            <button type="button" class="btn btn-primary" name="guess-clone-name"
                                        onclick="guess_clone_name()">{% trans "Guess" %}</button>
                        </div>
                    </div>
                    {% elif app_settings.CLONE_INSTANCE_AUTO_NAME == 'True'%}
                    <div class="col-sm-4">
                        <input id="clone_instance_auto_name" type="text" class="form-control" name="auto_name" value="Automatic" disabled/>
                    </div>
                    {% else %}
                    <div class="col-sm-4">
                        <select id="select_clone_name" class="form-control" name="name" size="1">
                        {% for name in clone_free_names %}
                            <option value="{{ name }}">{{ name }}</option>
                        {% endfor %}
                        </select>
                    </div>
                    {% endif %}
                </div>
                {% if request.user.is_superuser %}
                    <label>{% trans "Network devices" %}:</label>
                    {% for network in instance.config_networks %}
                    <div class="mb-3">
                        <div class="row">
                            <label class="col-sm-2 col-form-label offset-sm-1">eth{{ forloop.counter0 }} ({{ network.nic }})</label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <input type="text" class="form-control" name="clone-net-mac-{{ forloop.counter0 }}" value="{{ network.mac }}"/>
                                    <button type="button" class="btn btn-primary" name="random-mac-{{ forloop.counter0 }}"
                                            onclick="random_mac('clone-net-mac-{{ forloop.counter0 }}')">{% trans "Random" %}</button>
                                    <button type="button" class="btn btn-primary" name="guess-mac-{{ forloop.counter0 }}"
                                            onclick="guess_mac_address('#clone_name', {{ forloop.counter0 }})">{% trans "Guess" %}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                {% else %}
                    {% for network in instance.config_networks %}
                        <input type="hidden" class="form-control" name="clone-net-mac-{{ forloop.counter0 }}" value="{{ network.mac }}"/>
                    {% endfor %}
                {% endif %}
                {% if request.user.is_superuser %}
                    <label>{% trans "Storage devices" %}:</label>
                    {% for disk in instance.config_disks %}
                        <div class="row">
                            <label class="col-sm-2 col-form-label offset-sm-1">{{ disk.dev }} ({{ disk.storage }})</label>
                            <div class="col-sm-6">
                            <div class="input-group mb-3">
                                    <input id="disk_name-{{ disk.dev }}" type="text" class="form-control" name="disk-{{ disk.dev }}" value="{{ disk.image }}"/>
                                    {% if disk.format == 'qcow2' %}
                                            <span class="input-group-text" >{% trans 'Metadata' %}</span>
                                            <div class="input-group-text">
                                                <input type="checkbox" name="meta-{{ disk.dev }}" value="true">
                                            </div>
                                        
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                {% else %}
                    {% for disk in instance.disks %}
                        <input id="disk_name-{{ disk.dev }}" type="hidden" class="form-control" name="disk-{{ disk.dev }}" value="{{ disk.image }}"/>
                    {% endfor %}
                {% endif %}
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">{% trans "Title" %}</label>
                    <div class="col-sm-6">
                        <input type="text" name="clone-title" class="form-control">
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Description" %}</label>
                    <div class="col-sm-6">
                        <textarea name="clone-description" class="form-control"></textarea>
                    </div>
                </div>
                {% if instance.status == 1 or instance.status == 3 or instance.status == 5 %}
                    <button type="submit" class="btn btn-primary float-end" name="clone">{% trans "Clone" %}</button>
                {% else %}
                    <button class="btn btn-primary float-end disabled" disabled name="clone">{% trans "Clone" %}</button>
                {% endif %}
            </form>
            <div class="clearfix"></div>
        </div>
        {% endif %}
        {% if can_change %}
        <div role="tabpanel" class="tab-pane" id="options">
            <p>{% trans "To set instance template name description, shutdown the instance." %}</p>
            <form action="{% url 'instances:change_options' instance.id %}" method="post" role="form" aria-label="Set instance template name description form">{% csrf_token %}
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Title" %}</label>
                    <div class="col-sm-6">
                        <input type="text" name="title" class="form-control" value="{{ instance.config_title }}">
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Description" %}</label>
                    <div class="col-sm-6">
                        <textarea name="description" class="form-control">{{ instance.config_description }}</textarea>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-3 col-form-label">{% trans "Is template" %}</label>
                    <div class="col-sm-6">
                        <input type="checkbox"
                            name="is_template"
                            value="True"
                            id="is_template"
                            {% if instance.is_template %}checked{% endif %}
                            {% if not request.user.is_superuser and not request.user.is_staff %}disabled{% endif %}>
                    </div>
                </div>
                <div class="row">
                    <div class="d-grid offset-sm-3 col-sm-6">
                    {% if instance.status == 5 %}
                        <button type="submit" class="btn btn-primary" name="change_options">{% trans "Change" %}</button>
                    {% else %}
                        <button class="btn btn-primary disabled" disabled name="change_options">{% trans "Change" %}</button>
                    {% endif %}
                    </div>
                </div>
            </form>
            {% if request.user.is_superuser %}
            <p class="fw-bold">{% trans "To set instance video model, shutdown the instance." %}</p>
            <form action="{% url 'instances:set_video_model' instance.id %}" method="post" role="form" aria-label="Set instance video model form">{% csrf_token %}
                <div class="row">
                    <label class="col-sm-3 col-form-label" for="video_model_select">{% trans "Primary Video Model" %}</label>
                    <div class="col-sm-6">
                        <div class="input-group">
                            <select id="video_model_select" class="form-select" name="video_model">
                                <option class="fw-bold" value="">{% trans "please choose" %}</option>
                                {% for vmodel in instance.video_models %}
                                    <option value="{{ vmodel }}"{% if vmodel == instance.config_video_model %} selected{% endif %}>{{ vmodel }}</option>
                                {% endfor %}
                            </select>
                            {% if instance.status == 5 %}
                            <button type="submit" class="btn btn-primary" name="set_video_model">{% trans "Set" %}</button>
                            {% else %}
                            <button class="btn btn-primary disabled" disabled name="set_video_model">{% trans "Set" %}</button>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </form>
    
            <p class="fw-bold">{% trans "To set instance vCPUs hotpluggable" %}</p>
            <form  action="{% url 'instances:set_vcpu_hotplug' instance.id %}" method="post" role="form" aria-label="Set instance vCPUs hotpluggable form">{% csrf_token %}
                <div class="row">
                    <label for="vcpu_hotplug" class="col-sm-3 col-form-label">{% trans "vCPU Hot Plug" %}</label>
                    <div class="col-sm-6">
                        <div class="input-group">
                            <select id="vcpu_hotplug" class="form-control" name="vcpu_hotplug">
                                <option value="True" {% if instance.vcpus %} selected {% endif %}>{% trans 'Enabled' %}</option>
                                <option value="False" {% if not instance.vcpus %} selected {% endif %}>{% trans 'Disabled' %}</option>
                            </select>
                            {% if instance.status == 5 %}
                            <button type="submit" class="btn btn-primary" name="set_vcpu_hotplug">{% trans "Set" %}</button>
                            {% else %}
                            <button class="btn btn-primary" name="set_vcpu_hotplug" disabled>{% trans "Set" %}</button>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </form>
        
            <p class="fw-bold">{% trans "To Enable/Disable Qemu Guest Agent. Status" %}:
            {% if instance.status == 1 %}
                {% if instance.guest_agent_ready %}
                    <label class="badge bg-success">{% trans 'Connected' %}</label>
                {% else %}
                    <label class="badge bg-danger">{% trans 'Disconnected' %}</label>
                {% endif %}</p>
            {% else %}
                <label class="badge bg-default">{% trans 'Unknown' %}</label>
            {% endif %}
            <form action="{% url 'instances:set_guest_agent' instance.id %}" method="post" role="form" aria-label="Enable/Disable Qemu Guest Agent form">{% csrf_token %}
                <div class="row">
                    <label class="col-sm-3 col-form-label" for="guest_agent">{% trans "Qemu Guest Agent" %}</label>
                    <div class="col-sm-6">
                        <div class="input-group">
                            <select id="guest_agent" class="form-select" name="guest_agent">
                                <option value="True" {% if instance.guest_agent %} selected {% endif %}>{% trans 'Enabled' %}</option>
                                <option value="False" {% if not instance.guest_agent %} selected {% endif %}>{% trans 'Disabled' %}</option>
                            </select>
                            <button type="submit" class="btn btn-primary" name="set_guest_agent">{% trans "Set" %}</button>
                        </div>
                    </div>
                </div>
            </form>
            {% endif %}
            <div class="clearfix"></div>
        </div>
        {% endif %}
    </div>
    </div>
</div>