{% extends "page.html" %}

{% block stylesheet %}
{% endblock %}

{% block site %}
<div id="jupyter-main-app" class="container" style="text-align:center; max-width: 760px; margin-top: 40px;">
  <img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face Logo" style="max-width: 120px; margin-bottom: 24px;">
  <h3>HuggingClaw Terminal</h3>
  <h4>Welcome to JupyterLab</h4>
  <p style="color:#666;">Token defaults to your <code>GATEWAY_TOKEN</code>. Set <code>JUPYTER_TOKEN</code> to override.</p>

  {% if login_available %}
  <div style="display:flex; justify-content:center; margin-top:24px;">
    <form action="{{base_url}}login?next={{next}}" method="post" style="display:flex; align-items:center; gap:8px;">
      {{ xsrf_form_html() | safe }}
      {% if token_available %}
      <label for="password_input"><strong>{% trans %}Jupyter token <span title="Your GATEWAY_TOKEN (or JUPYTER_TOKEN if set)">ⓘ</span>{% endtrans %}</strong></label>
      {% else %}
      <label for="password_input"><strong>{% trans %}Jupyter password:{% endtrans %}</strong></label>
      {% endif %}
      <input type="password" name="password" id="password_input" class="form-control">
      <button type="submit" class="btn btn-default" id="login_submit">{% trans %}Log in{% endtrans %}</button>
    </form>
  </div>
  {% else %}
  <p>{% trans %}No login available, you shouldn't be seeing this page.{% endtrans %}</p>
  {% endif %}

  <h5 style="margin-top:28px;"><a href="/dashboard">Back to HuggingClaw dashboard</a></h5>

  {% if message %}
  <div class="row">
    {% for key in message %}
    <div class="message {{key}}">
      {{message[key]}}
    </div>
    {% endfor %}
  </div>
  {% endif %}
  {% if token_available %}
  {% block token_message %}
  {% endblock token_message %}
  {% endif %}
</div>
{% endblock %}

{% block script %}
{% endblock %}