{% extends "core/base.html" %}
{% block title %}Create short link · debug{% endblock %}
{% block content %}
  <p class="eyebrow">Debug only</p>
  <h1>Create a short link</h1>
  <p class="lede">Uses the same allowlist as the API. Not served when <code>DEBUG</code> is false.</p>

  {% if messages %}
  <ul class="messages">
    {% for message in messages %}<li>{{ message }}</li>{% endfor %}
  </ul>
  {% endif %}

  {% if created_link %}
  <div class="result">
    <p>Short URL</p>
    <p><code>{{ created_link.public_short_url }}</code></p>
    <p>Target: {{ created_link.target_url }}</p>
    <a class="btn" href="{{ created_link.public_short_url }}">Open</a>
  </div>
  {% endif %}

  <form method="post" action="{% url 'debug-create' %}">
    {% csrf_token %}
    {{ form.non_field_errors }}
    {% for field in form %}
    <label>
      {{ field.label }}
      {{ field }}
      {% if field.errors %}<span class="error">{{ field.errors|striptags }}</span>{% endif %}
    </label>
    {% endfor %}
    <button type="submit">Mint</button>
  </form>
{% endblock %}