{% extends "base.html" %}
{% block content %}
<main class="max-w-2xl mx-auto p-6">
  <h1 class="text-2xl font-bold mb-4">Demo Load Test</h1>
  <p class="mb-4">Try a sample load test with up to 100 users and 1 minute duration. This demo shows pre-generated results for portfolio purposes.</p>

  <form method="post" class="space-y-4">
    <div>
      <label class="block font-semibold">Users (max 100):</label>
      <input type="number" name="users" min="1" max="100" required class="border p-2 rounded w-full">
    </div>
    <div>
      <label class="block font-semibold">Duration (seconds, max 60):</label>
      <input type="number" name="duration" min="1" max="60" required class="border p-2 rounded w-full">
    </div>
    <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded">Run Demo</button>
  </form>
</main>
{% endblock %}