{% extends 'base.html' %}
{% block title %}套餐列表{% endblock %}
{% block content %}
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3>公开套餐</h3>
  </div>

  <table class="table table-striped">
    <thead>
      <tr>
        <th>名称</th>
        <th>月费（/域名）</th>
        <th>包含流量（GB）</th>
        <th>超量单价（元/GB）</th>
        <th>功能</th>
      </tr>
    </thead>
    <tbody>
    {% for p in plans %}
      <tr>
        <td>{{ p.name }}</td>
        <td>{{ p.base_price_per_domain }}</td>
        <td>{{ p.included_traffic_gb_per_domain }}</td>
        <td>{{ p.overage_price_per_gb }}</td>
        <td>
          {% if p.features %}
            <span class="badge bg-secondary me-1">WAF: {% if p.features.waf_enabled %}✔{% else %}✖{% endif %}</span>
            <span class="badge bg-secondary me-1">HTTP/3: {% if p.features.http3_enabled %}✔{% else %}✖{% endif %}</span>
            <span class="badge bg-secondary me-1">日志: {% if p.features.logs_enabled %}✔{% else %}✖{% endif %}</span>
          {% else %}
            -
          {% endif %}
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="5" class="text-center">暂无公开套餐，请在后台新增</td></tr>
    {% endfor %}
    </tbody>
  </table>
{% endblock %}