{% extends "pages/base.html" %}
{% load static %}

{% block title %}C9 Services — Manual Setup{% endblock %}

{% block content %}
  <section class="hero">
    <h1>Manual setup & support sessions</h1>
    <p>No downloads. Access is purchase-key based. Support delivered through Discord tickets.</p>
  </section>

  <section class="grid">
    {% for p in products %}
        <div class="card">
        <h2>{{ p.name }}</h2>

        <p class="muted">
            {% if p.duration_days %}
            Duration: {{ p.duration_days }} days
            {% else %}
            Duration: Lifetime
            {% endif %}
        </p>

        <div class="row">
            <span class="pill">{{ p.tier_code }}</span>
            <span class="muted">
            {% if p.ticket_policy.priority %}Priority: {{ p.ticket_policy.priority }}{% endif %}
            </span>
        </div>

        <p class="price">
            Price: ${{ p.price|floatformat:2 }}
        </p>

        <a class="btn" href="/checkout/?plan={{ p.tier_code }}">Continue</a>
        </div>
    {% empty %}
        <div class="card">
        <h2>No products yet</h2>
        <p class="muted">Add products in the admin panel.</p>
        </div>
    {% endfor %}
  </section>

  <section class="card mt">
    <h3>How it works</h3>
    <ol class="list">
      <li>Buy a plan on the website.</li>
      <li>Receive your key + Discord invite.</li>
      <li>Redeem the key in Discord to get access + open a ticket.</li>
      <li>A staff member completes your manual session inside the ticket.</li>
    </ol>
  </section>
{% endblock %}