{% extends 'base.html' %}
{% block content %}
  <h2>Checkout - {{ pkg.title }}</h2>
  <form method="post">
    <div class="mb-3">
      <label for="target_url" class="form-label">Target URL</label>
      <input id="target_url" name="target_url" class="form-control" placeholder="https://example.com" required>
    </div>
    <div class="mb-3">
      <label for="quantity" class="form-label">Quantity (number of packages)</label>
      <input id="quantity" name="quantity" type="number" value="1" class="form-control" required>
    </div>
    <div class="mb-3">
      <label class="form-label">Payment Gateway</label>
      <select name="gateway" class="form-select">
        <option value="stripe">Stripe</option>
        <option value="razorpay">Razorpay</option>
      </select>
    </div>
    <button class="btn btn-success" type="submit">Proceed to Payment</button>
  </form>
{% endblock %}