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

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

{% block content_class %}
text-center gap-2
{% endblock content_class %}

{% block content %}
<div class="mt-16">
  <p>Welcome to</p>
  <h2 id="typing-text" class="my-2 text-6xl font-mono font-bold">judas</h2>
  <p>a remote PC fleet management system</p>
</div>
<p class="text-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="btn-primary" 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 %}
{% 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 %}