{% extends "base.html" %}
{% block title %}Order {{ s.name }} — Supernova{% endblock %}
{% block content %}
<div class="auth-card" style="max-width:560px">
  <div class="card">
    <h3 style="font-size:1.4rem;margin-bottom:6px">{{ s.name }}</h3>
    <div class="meta">Category: {{ s.category }} · rate ${{ "%.2f"|format(s.rate|float) }}/1k · min {{ s.min }} · max {{ "{:,}".format(s.max) }}</div>

    <form method="POST" action="{{ url_for('order', service_id=s.service) }}">
      <div class="field" style="margin-top:22px">
        <label>Target link / username</label>
        <input type="text" name="link" placeholder="https://instagram.com/yourhandle" required>
      </div>

      <div class="slider-wrap">
        <label>Quantity</label>
        <div class="live-price" id="live-price">$0.00</div>
        <input type="range" id="qty" name="quantity" data-service="{{ s.service }}"
               min="{{ s.min }}" max="{{ [s.max, 50000]|min }}" step="{{ [1, s.min//10]|max }}">
        <div class="meta center" style="margin-top:10px"><span id="qty-val">{{ s.min }}</span> units</div>
      </div>

      <button class="btn launch" type="submit" style="width:100%;margin-top:14px"><span class="rocket">🚀</span> Launch boost</button>
    </form>

    <div class="meta center mt-2">Charged from your balance. {% if s.refill %}♻️ Auto-refill included.{% endif %}</div>
  </div>
</div>
{% endblock %}