{% extends "portal/base.html" %}

{% block title %}点数记录 - 虾皮圈{% endblock %}

{% block content %}
<div class="d-flex flex-column gap-4">
  <div>
    <h1 class="h3 mb-1">点数记录</h1>
    <div class="text-secondary">{{ user.email }}</div>
  </div>

  <div class="row g-3">
    <div class="col-md-4">
      <div class="metric">
        <div class="text-secondary small">累计扣点</div>
        <div class="display-6 fw-semibold">{{ consumed_points_total }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="metric">
        <div class="text-secondary small">失败退点</div>
        <div class="display-6 fw-semibold">{{ refunded_points_total }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="metric">
        <div class="text-secondary small">净消耗点数</div>
        <div class="display-6 fw-semibold">{{ net_used_points }}</div>
      </div>
    </div>
  </div>

  <section class="cmhub-surface">
    <h2 class="h5 mb-3">点数流水</h2>
    {% if usage_entries %}
      <div class="table-responsive">
        <table class="table align-middle mb-0">
          <thead>
            <tr>
              <th scope="col">时间</th>
              <th scope="col">类型</th>
              <th scope="col">操作</th>
              <th scope="col">能力别名</th>
              <th scope="col">状态</th>
              <th scope="col">API Key</th>
              <th scope="col">点数变动</th>
              <th scope="col">余额</th>
            </tr>
          </thead>
          <tbody>
            {% for entry in usage_entries %}
              <tr>
                <td>{{ entry.created_at|date:"Y-m-d H:i" }}</td>
                <td>{{ entry.get_change_type_display }}</td>
                <td>
                  {% if entry.ref_call %}
                    {{ entry.ref_call.operation_type }}
                  {% else %}
                    -
                  {% endif %}
                </td>
                <td>
                  {% if entry.ref_call %}
                    {{ entry.ref_call.alias|default:"-" }}
                  {% else %}
                    -
                  {% endif %}
                </td>
                <td>
                  {% if entry.ref_call %}
                    {{ entry.ref_call.status }}
                  {% else %}
                    -
                  {% endif %}
                </td>
                <td>
                  {% if entry.ref_call and entry.ref_call.api_key %}
                    <code>{{ entry.ref_call.api_key.key_prefix }}</code>
                  {% else %}
                    -
                  {% endif %}
                </td>
                <td>{{ entry.points_delta }}</td>
                <td>{{ entry.balance_after }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% include "portal/includes/pagination.html" %}
    {% else %}
      <div class="text-secondary">暂无点数记录</div>
    {% endif %}
  </section>
</div>
{% endblock %}