{% extends 'vulnerabilities/levels/base.html' %}
{% load static %}

{% block level_content %}
<div id="docker-websocket-notice-box" class="alert alert-secondary" role="alert">
  {# Header #}
  <div class="d-flex justify-content-between font-weight-bold mb-2">
    <div><i class="fa-brands fa-docker" style="color: #2496ed"></i> Docker Connection</div>
    <div data-toggle="tooltip" style="cursor: pointer;"
      title="This scenario requires a connection to a docker container for isolation. This notice box is here to show you the status of your connection to this container.">
      <i class="fa fa-info-circle"></i>
    </div>
  </div>
  <hr class="my-2">

  <div id="docker-websocket-notice-content" class="my-0">
    <span class="fa fa-spinner fa-spin"></span> Waiting for WebSocket connection...
  </div>
</div>
{{ block.super }}
{% endblock %}

{% block extra %}
{{ block.super }}

<script src="{% static 'js/docker_consumer.js' %}"></script>
{% endblock %}

{% comment %}
vi: ft=htmldjango
{% endcomment %}