<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Деревенский регулятор запросов</title>
    <link rel="stylesheet" href="/static/style.css" />
  </head>
  <body>
    <div class="sky"></div>
    <div class="page">
      <header class="title">
        <div class="badge">Перекресток прокси</div>
        <h1>Деревенский регулировщик</h1>
        <p>В кибер-деревне сломался регулировщик запросов. Проверь направления и закрой брешь до внутреннего склада сундуков.</p>
      </header>

      <section class="card">
        <h2>Маршрут запроса</h2>
        <form method="post" action="/fetch">
          <label for="url">Адрес</label>
          <div class="row">
            <input id="url" name="url" type="text" placeholder="http://example.com" />
            <button type="submit">Отправить</button>
          </div>
        </form>

        <div class="hint">
          Приватный деревенский сундук спрятан по адресу <span class="code">http://treasure:5005/secret</span>
        </div>
        <div class="hint">
          Общедоступный сервис <span class="code">http://public:5067/status</span>
        </div>
        <div class="hint">
          Перезапуск сервиса из ssh - <span class="code">restart_proxy</span>
        </div>
        <div class="hint">
          Исходный код находится в <span class="code">/app/proxy</span> 
        </div>
      </section>

      <section class="card">
        <h2>Доска флага</h2>
        <p>Когда чекер подтвердит исправление, флаг появится здесь.</p>
        <form method="get" action="/flag">
          <button type="submit">Показать флаг</button>
        </form>
        {% if flag %}
        <pre>{{ flag }}</pre>
        {% endif %}
      </section>

      {% if error %}
      <section class="card error">
        <h2>Заблокировано</h2>
        <pre>{{ error }}</pre>
      </section>
      {% endif %}

      {% if result %}
      <section class="card result">
        <h2>Ответ</h2>
        <div class="meta">Статус: {{ status }} | URL: {{ url }}</div>
        <pre>{{ result }}</pre>
      </section>
      {% endif %}

      <footer class="footer">
        <span>Деревенская служба сетевого надзора</span>
      </footer>
    </div>
  </body>
</html>
