{#
 # Copyright (c) 2016 Weitian LI <liweitianux@live.com>
 # MIT license
 #
 # Index page for the Web UI of "fg21sim"
 #}

{% extends "base.html" %}

{% block header_contents %}
  <span id="ws-status" class="label label-default">
    <span class="icon fa fa-question-circle" aria-hidden="true"></span>
    <span class="text">N/A</span>
  </span>
  <span id="ws-reconnect" class="btn fa fa-refresh" aria-hidden="true"></span>

  <ul class="navigation-list float-right">
    <li class="navigation-item"><a class="navigation-link button button-outline" href="#configs" title="Configurations"><span class="fa fa-wrench" aria-hidden="true"></span> Configurations</a></li>
    <li class="navigation-item"><a class="navigation-link button button-outline" href="#console" title="Console"><span class="fa fa-gamepad" aria-hidden="true"></span> Console</a></li>
    <li class="navigation-item"><a class="navigation-link button button-outline" href="#products" title="Products"><span class="fa fa-files-o" aria-hidden="true"></span> Products</a></li>
  </ul>
{% end %}  {# block header_contents #}

{% block main %}
  {% include "configs.html" %}
  {% include "console.html" %}
  {% include "products.html" %}

  <div id="modal-box" class="modal" style="display: none;"></div>
{% end %}

{% block extra_script %}
  <script src="{{ static_url('js/configs.js') }}"></script>
  <script src="{{ static_url('js/console.js') }}"></script>
  <script src="{{ static_url('js/products.js') }}"></script>
  <script src="{{ static_url('js/websocket.js') }}"></script>
{% end %}