{% extends "base/base.html" %}

{% block title %}home{% endblock %}

{% block content %}
<div id="content" class="center">
  <div style="margin-top: 2rem">
    <p>Welcome to</p>
    <h2 id="typing-text" style="font-size: 3rem">judas</h2>
    <p>a remote PC fleet management system</p>
  </div>
  <p style="color: var(--ctp-red)"><strong>Notice:</strong> Please use this system responsibly and in accordance with all applicable laws and organizational policies.</p>
  {% if logged %}
  <p><a class="button" href="{{ url_for('panel.panel') }}">Go to panel</a></p>
  {% else %}
  <p>Please <a href="{{ url_for('auth.login')}}" class="link">log in</a> to manage your remote PCs.</p>
  {% endif %}
</div>
{% endblock %}

{% block scripts %}
<script>
  var i = 0;
  var txt = document.getElementById("typing-text").innerHTML;
  var minSpeed = 50;
  var maxSpeed = 200;

  document.getElementById("typing-text").innerHTML = "";

  function typeWriter() {
    if (i < txt.length) {
      document.getElementById("typing-text").innerHTML += txt.charAt(i);
      i++;

      var randomDelay = Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;
      setTimeout(typeWriter, randomDelay);
    }
  }

  typeWriter();
</script>
{% endblock %}