{% extends "pages/sandbox_base.html" %}
{% block title %}Terminal — {{ sandbox_name }} — Shoreguard{% endblock %}

{% block extra_css %}
<link href="/static/vendor/xterm/xterm.css" rel="stylesheet">
{% endblock %}

{% block breadcrumb_tail %}
<li class="breadcrumb-item active">Terminal</li>
{% endblock %}

{% block content %}
<div data-island="sandbox-terminal" data-props='{"name": {{ sandbox_name|tojson }}}'>
    <div class="text-center text-muted py-5">
        <div class="spinner-border spinner-border-sm me-2"></div>Loading...
    </div>
</div>
{% endblock %}

{% block sandbox_js %}
<script src="/static/vendor/xterm/xterm.js"></script>
<script src="/static/vendor/xterm/xterm-addon-fit.js"></script>
{% endblock %}