{% extends "sqladmin/layout.html" %}

{% block content %}
<!-- 요약 카드 -->
<div class="col-12">
  <div class="row row-deck row-cards mb-4">
    <div class="col-sm-6 col-lg-3">
      <div class="card">
        <div class="card-body">
          <div class="subheader">대기 중인 요청</div>
          <div class="h1 mb-3 text-warning">{{ stats.pending_charge_requests }}</div>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-lg-3">
      <div class="card">
        <div class="card-body">
          <div class="subheader">오늘 승인한 요청</div>
          <div class="h1 mb-3 text-success">{{ stats.today_charge }}</div>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-lg-3">
      <div class="card">
        <div class="card-body">
          <div class="subheader">오늘 소모 크레딧</div>
          <div class="h1 mb-3 text-danger">{{ stats.today_consume }}</div>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-lg-3">
      <div class="card">
        <div class="card-body">
          <div class="subheader">이번 달 소모 크레딧</div>
          <div class="h1 mb-3 text-danger">{{ stats.month_consume }}</div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 대기 중인 요청 -->
<div class="col-12 col-lg-6">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">대기 중인 요청</h3>
      <div class="card-options">
        <a href="{{ request.url_for('admin:list', identity='credit-charge-request') }}" class="btn btn-sm btn-primary">전체 보기</a>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>사용자 UUID</th>
            <th>요청 크레딧</th>
            <th>요청일시</th>
          </tr>
        </thead>
        <tbody>
          {% for req in pending_requests %}
          <tr>
            <td class="text-truncate" style="max-width:150px;">{{ req.user_uuid }}</td>
            <td>{{ req.requested_amount }}</td>
            <td>{{ req.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          </tr>
          {% else %}
          <tr><td colspan="3" class="text-center text-muted">대기 중인 요청 없음</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<!-- 최근 크레딧 변화 -->
<div class="col-12 col-lg-6">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">최근 크레딧 변화</h3>
      <div class="card-options">
        <a href="{{ request.url_for('admin:list', identity='credit-transaction') }}" class="btn btn-sm btn-primary">전체 보기</a>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>사용자 UUID</th>
            <th>유형</th>
            <th>변경</th>
            <th>잔액</th>
            <th>일시</th>
          </tr>
        </thead>
        <tbody>
          {% for tx in recent_transactions %}
          <tr>
            <td class="text-truncate" style="max-width:120px;">{{ tx.user_uuid }}</td>
            <td>{{ tx.type }}</td>
            <td class="{{ 'text-success' if tx.amount > 0 else 'text-danger' }}">{{ '%+d' % tx.amount }}</td>
            <td>{{ tx.balance_after }}</td>
            <td>{{ tx.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          </tr>
          {% else %}
          <tr><td colspan="5" class="text-center text-muted">이력 없음</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<!-- 최근 가입 사용자 -->
<div class="col-12">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">최근 가입 사용자</h3>
      <div class="card-options">
        <a href="{{ request.url_for('admin:list', identity='user') }}" class="btn btn-sm btn-primary">전체 보기</a>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>닉네임</th>
            <th>이메일</th>
            <th>크레딧</th>
            <th>권한</th>
            <th>가입일시</th>
          </tr>
        </thead>
        <tbody>
          {% for user in recent_users %}
          <tr>
            <td>{{ user.nickname or '-' }}</td>
            <td>{{ user.email or '-' }}</td>
            <td>{{ user.credits }}</td>
            <td>{{ user.role }}</td>
            <td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}