{% extends "console-base.html" %}
{% load i18n %}
{% load static %}

{% block head %}
<link rel="stylesheet" href="{% static 'css/xterm.css' %}"/>
<script src="{% static 'js/xterm/xterm.js' %}"></script>
<script src="{% static 'js/xterm/addon-fit.js' %}"></script>
<script src="{% static 'js/socket.io.js' %}"></script>
{{ token|json_script:"serial-token" }}
<script type="module" src="{% static "js/console_serial.js" %}"></script>
{% endblock %}

{% block navbarstatus %}
<span id="status" class="badge text-bg-secondary" role="status"
    data-connected="{% trans "Connected" %}" data-disconnected="{% trans "Disconnected" %}"
    data-taken-over="{% trans "Taken over by %(name)s" %}"
    data-hint="{% trans "Connected. If the VM shows nothing, press Enter." %}">{% trans "Connecting" %}</span>
{% endblock %}

{% block navbarmenu %}{% include "console-menu.html" with serial=True %}{% endblock %}

{% block navbarend %}
<button type="button" class="btn btn-sm btn-light" id="connection_button"
    data-disconnect="{% trans "Disconnect" %}" data-reconnect="{% trans "Reconnect" %}">{% trans "Disconnect" %}</button>
{% endblock %}

{% block content %}
<div id="terminal" class="flex-grow-1 bg-black" style="min-height: 0;"></div>
{% endblock %}