{% extends "base.html" %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/quill/quill.snow.css', v='20260312a') }}" />

<section class="hero-card">
  <p class="kicker">{{ tr("Admin") }}</p>
  <h1>{{ tr("Business Control Center") }}</h1>
  <p class="lead">
    {{ tr("One TTC account is shared for all customer orders. Configure TTC + MBank + pricing here.") }}
  </p>
</section>

<section class="admin-tabs-shell">
  <div class="admin-tab-list" role="tablist" aria-label="{{ tr('Admin sections') }}">
    <button
      type="button"
      class="admin-tab-btn is-active"
      id="tab-btn-ttc"
      role="tab"
      aria-selected="true"
      aria-controls="tab-ttc"
      data-tab-target="tab-ttc"
    >
      {{ tr("TTC Settings") }}
    </button>
    <button
      type="button"
      class="admin-tab-btn"
      id="tab-btn-bank"
      role="tab"
      aria-selected="false"
      aria-controls="tab-bank"
      data-tab-target="tab-bank"
    >
      {{ tr("Bank Settings") }}
    </button>
    <button
      type="button"
      class="admin-tab-btn"
      id="tab-btn-web"
      role="tab"
      aria-selected="false"
      aria-controls="tab-web"
      data-tab-target="tab-web"
    >
      {{ tr("Website Settings") }}
    </button>
    <button
      type="button"
      class="admin-tab-btn"
      id="tab-btn-members"
      role="tab"
      aria-selected="false"
      aria-controls="tab-members"
      data-tab-target="tab-members"
    >
      {{ tr("Member Settings") }}
    </button>
    <button
      type="button"
      class="admin-tab-btn"
      id="tab-btn-services"
      role="tab"
      aria-selected="false"
      aria-controls="tab-services"
      data-tab-target="tab-services"
    >
      {{ tr("Service Settings") }}
    </button>
    <button
      type="button"
      class="admin-tab-btn"
      id="tab-btn-stats"
      role="tab"
      aria-selected="false"
      aria-controls="tab-stats"
      data-tab-target="tab-stats"
    >
      {{ tr("Statistics") }}
    </button>
  </div>

  <div class="admin-tab-panel is-active" id="tab-ttc" role="tabpanel" aria-labelledby="tab-btn-ttc">
    <section class="panel">
      <h2>{{ tr("TTC Shared Account") }}</h2>
      <p class="muted">{{ tr("Current TTC API Key") }}: <strong>{{ ttc_api_key_mask }}</strong></p>
      <p class="muted">{{ tr("Current TTC Access Token") }}: <strong>{{ ttc_access_token_mask }}</strong></p>

      <form method="post" action="{{ url_for('admin_update_ttc_config') }}" class="form-grid">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />

        <label>
          {{ tr("TTC API URL") }}
          <input type="url" name="ttc_api_url" value="{{ payment_config['ttc_api_url'] }}" required />
        </label>

        <label>
          {{ tr("TTC Login URL") }}
          <input type="url" name="ttc_login_url" value="{{ payment_config['ttc_login_url'] }}" required />
        </label>

        <label>
          {{ tr("New TTC API Key") }}
          <input type="text" name="ttc_api_key" placeholder="{{ tr('Leave blank to keep current') }}" />
        </label>

        <label>
          {{ tr("New TTC Access Token") }}
          <input type="password" name="ttc_access_token" autocomplete="new-password" placeholder="{{ tr('Leave blank to keep current') }}" />
        </label>

        <button type="submit" class="btn primary">{{ tr("Save TTC Configuration") }}</button>
      </form>

      <div class="inline-group">
        <form method="post" action="{{ url_for('admin_verify_ttc_token') }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
          <button type="submit" class="btn">{{ tr("Verify TTC Access Token") }}</button>
        </form>

        <form method="post" action="{{ url_for('admin_sync_ttc_services') }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
          <button type="submit" class="btn">{{ tr("Sync Services from TTC") }}</button>
        </form>

        <form method="post" action="{{ url_for('admin_refresh_ttc_balance') }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
          <button type="submit" class="btn">{{ tr("Refresh TTC Balance") }}</button>
        </form>
      </div>

      <p class="muted">{{ tr("Cached TTC balance") }}: <strong>{{ payment_config['provider_balance_cache'] or tr('Not synced') }}</strong></p>
    </section>
  </div>

  <div class="admin-tab-panel" id="tab-bank" role="tabpanel" aria-labelledby="tab-btn-bank">
    <section class="panel">
      <h2>{{ tr("Payment Configuration (MBank + Web2M)") }}</h2>
      <p class="muted">{{ tr("Current History Token") }}: <strong>{{ history_token_mask }}</strong></p>
      <p class="muted">{{ tr("Current Webhook Bearer Token") }}: <strong>{{ webhook_token_mask }}</strong></p>

      <form method="post" action="{{ url_for('admin_update_payment_config') }}" class="form-grid">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />

        <label>
          {{ tr("Bank Name") }}
          <input type="text" name="bank_name" value="{{ payment_config['bank_name'] }}" required />
        </label>

        <label>
          {{ tr("Bank Code (VietQR)") }}
          <input type="text" name="bank_code" value="{{ payment_config['bank_code'] }}" required />
        </label>

        <label>
          {{ tr("Account Name") }}
          <input type="text" name="account_name" value="{{ payment_config['account_name'] }}" required />
        </label>

        <label>
          {{ tr("Account Number") }}
          <input type="text" name="account_number" value="{{ payment_config['account_number'] }}" required />
        </label>

        <label>
          {{ tr("Minimum Top-up (TIC)") }}
          <input type="number" name="min_topup_tic" min="10000" step="1" value="{{ payment_config['min_topup_tic'] }}" required />
        </label>

        <label>
          {{ tr("History API URL") }}
          <input type="url" name="history_api_url" value="{{ payment_config['history_api_url'] }}" required />
        </label>

        <label>
          {{ tr("New History API Token") }}
          <input type="text" name="history_api_token" placeholder="{{ tr('Leave blank to keep current') }}" />
        </label>

        <label>
          {{ tr("New Webhook Bearer Token") }}
          <input type="text" name="webhook_bearer_token" placeholder="{{ tr('Leave blank to keep current') }}" />
        </label>

        <button type="submit" class="btn primary">{{ tr("Save payment configuration") }}</button>
      </form>

      <div class="inline-group">
        <form method="post" action="{{ url_for('admin_sync_history') }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
          <button type="submit" class="btn">{{ tr("Sync MBank History Now") }}</button>
        </form>
      </div>

      <p class="muted">{{ tr("Webhook URL to set on Web2M") }}: <strong>{{ request.url_root.rstrip('/') }}{{ url_for('webhook_web2m') }}</strong></p>
    </section>

    <section class="panel">
      <h2>{{ tr("Top-up Requests") }}</h2>
      {% if not topups %}
        <p class="muted">{{ tr("No top-up records yet.") }}</p>
      {% else %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("ID") }}</th>
              <th>Username</th>
              <th>{{ tr("Amount") }}</th>
              <th>{{ tr("Code") }}</th>
              <th>{{ tr("Status") }}</th>
              <th>{{ tr("Transaction Ref") }}</th>
              <th>{{ tr("Created") }}</th>
              <th>{{ tr("Paid") }}</th>
              <th>{{ tr("Action") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in topups %}
            <tr>
              <td>#{{ item['id'] }}</td>
              <td>{{ item['username'] }}</td>
              <td>{{ item['amount_tic']|ticfmt }} TIC</td>
              <td><span class="code-chip">{{ item['deposit_code'] }}</span></td>
              <td>{{ item['status'] }}</td>
              <td>{{ item['matched_transaction_ref'] or '-' }}</td>
              <td>{{ item['created_at']|dtfmt }}</td>
              <td>{{ (item['paid_at']|dtfmt) if item['paid_at'] else '-' }}</td>
              <td>
                {% if item['status']|lower in ['pending', 'canceled', 'cancelled', 'expired'] %}
                  <form method="post" action="{{ url_for('admin_manual_confirm_topup', topup_id=item['id']) }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                    <button type="submit" class="btn small">{{ tr("Manual Confirm") }}</button>
                  </form>
                {% else %}
                  -
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>

    <section class="panel">
      <h2>{{ tr("Received Bank Transactions") }}</h2>
      {% if not transactions %}
        <p class="muted">{{ tr("No bank transaction logs yet.") }}</p>
      {% else %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("Ref") }}</th>
              <th>{{ tr("Amount") }}</th>
              <th>{{ tr("Description") }}</th>
              <th>{{ tr("Type") }}</th>
              <th>{{ tr("Source") }}</th>
              <th>{{ tr("Matched Topup") }}</th>
              <th>{{ tr("Time") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for tx in transactions %}
            <tr>
              <td>{{ tx['external_ref'] }}</td>
              <td>{{ tx['amount_tic']|ticfmt }} TIC</td>
              <td>{{ tx['description'] }}</td>
              <td>{{ tx['tx_type'] }}</td>
              <td>{{ tx['source'] }}</td>
              <td>{{ tx['matched_topup_id'] or '-' }}</td>
              <td>{{ tx['created_at']|dtfmt }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>
  </div>

  <div class="admin-tab-panel" id="tab-web" role="tabpanel" aria-labelledby="tab-btn-web">
    <section class="panel">
      <h2>{{ tr("Website Settings") }}</h2>

      <form
        method="post"
        action="{{ url_for('admin_update_web_meta_config') }}"
        class="form-grid"
        enctype="multipart/form-data"
        data-image-upload-url="{{ url_for('admin_upload_service_note_image') }}"
      >
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />

        <label>
          {{ tr("Allowed Domains") }}
          <input type="text" name="web_allowed_domains" value="{{ payment_config['web_allowed_domains'] }}" placeholder="tuongtacreal.com,www.tuongtacreal.com" />
          <small class="muted">{{ tr("Comma-separated domains, for example: tuongtacreal.com,www.tuongtacreal.com") }}</small>
        </label>

        <label>
          {{ tr("Sidebar Title") }}
          <input type="text" name="web_title_sidebar" value="{{ payment_config['web_title_sidebar'] }}" maxlength="180" />
          <small class="muted">{{ tr("Title used in browser tabs and default page title.") }}</small>
        </label>

        <label>
          {{ tr("Social Share Title") }}
          <input type="text" name="web_social_title" value="{{ payment_config['web_social_title'] }}" maxlength="180" />
          <small class="muted">{{ tr("Title used for Open Graph/Twitter sharing.") }}</small>
        </label>

        <div class="form-field">
          <label for="web-share-image">{{ tr("Share Image") }}</label>
          <input id="web-share-image" type="file" name="web_share_image" accept=".png,.jpg,.jpeg,.webp,image/png,image/jpeg,image/webp" />
          <small class="muted">{{ tr("Image shown when sharing links on social networks.") }}</small>
          <small class="muted">{{ tr("Recommended size: 1200x630 for social sharing.") }}</small>
          {% if payment_config['web_share_image_path'] %}
          <a class="web-asset-link" href="{{ url_for('serve_image_file', filename=payment_config['web_share_image_path']) }}" target="_blank" rel="noopener noreferrer">{{ tr("View current image") }}</a>
          <img class="web-asset-thumb" src="{{ url_for('serve_image_file', filename=payment_config['web_share_image_path']) }}" alt="Share image preview" />
          <label class="check-inline web-asset-remove">
            <input type="checkbox" name="remove_web_share_image" value="1" />
            {{ tr("Remove current share image") }}
          </label>
          {% endif %}
        </div>

        <label>
          {{ tr("SEO Description") }}
          <input type="text" name="web_description" value="{{ payment_config['web_description'] }}" maxlength="320" />
        </label>

        <label>
          {{ tr("SEO Keywords") }}
          <input type="text" name="web_keywords" value="{{ payment_config['web_keywords'] }}" maxlength="320" />
        </label>

        <label>
          {{ tr("Website Author") }}
          <input type="text" name="web_author" value="{{ payment_config['web_author'] }}" maxlength="120" />
        </label>

        <div class="form-field">
          <label for="web-favicon">{{ tr("Favicon") }}</label>
          <input id="web-favicon" type="file" name="web_favicon" accept=".ico,.png,.svg,image/x-icon,image/png,image/svg+xml" />
          <small class="muted">{{ tr("Icon shown in browser tabs.") }}</small>
          {% if payment_config['web_favicon_path'] %}
          <a class="web-asset-link" href="{{ url_for('serve_image_file', filename=payment_config['web_favicon_path']) }}" target="_blank" rel="noopener noreferrer">{{ tr("View current favicon") }}</a>
          <img class="web-asset-thumb is-favicon" src="{{ url_for('serve_image_file', filename=payment_config['web_favicon_path']) }}" alt="Favicon preview" />
          <label class="check-inline web-asset-remove">
            <input type="checkbox" name="remove_web_favicon" value="1" />
            {{ tr("Remove current favicon") }}
          </label>
          {% endif %}
        </div>

        <div class="form-field full-row">
          <label class="check-inline">
            <input type="checkbox" name="dashboard_notice_enabled" value="1" {% if payment_config['dashboard_notice_enabled'] == 1 %}checked{% endif %} />
            {{ tr("Show dashboard notice box") }}
          </label>
          <label>{{ tr("Dashboard Notice") }}</label>
          <div class="rich-editor-shell">
            <div class="rich-editor rich-editor-lg" data-rich-editor data-initial-html="{{ dashboard_notice_editor_html|e }}"></div>
            <input type="hidden" name="dashboard_notice_text" value="{{ dashboard_notice_editor_html|e }}" data-rich-input />
          </div>
          <small class="muted">{{ tr("Notice text shown on dashboard hero section.") }}</small>
        </div>

        <button type="submit" class="btn primary">{{ tr("Save website configuration") }}</button>
      </form>
    </section>
  </div>

  <div class="admin-tab-panel" id="tab-members" role="tabpanel" aria-labelledby="tab-btn-members">
    <section class="panel">
      <h2>{{ tr("Members") }}</h2>
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>Username</th>
              <th>{{ tr("Balance") }}</th>
              <th>{{ tr("Role") }}</th>
              <th>{{ tr("Status") }}</th>
              <th>{{ tr("Actions") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for member in members %}
            <tr>
              <td>
                <strong>{{ member['username'] }}</strong><br />
                <small>{{ member['email'] }}</small>
              </td>
              <td>{{ member['wallet_balance']|ticfmt }} TIC</td>
              <td>{{ tr('Admin') if member['is_admin'] == 1 else tr('Member') }}</td>
              <td>{{ tr('Active') if member['is_active'] == 1 else tr('Disabled') }}</td>
              <td>
                <div class="action-row">
                  <form method="post" action="{{ url_for('admin_update_member_role', user_id=member['id']) }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                    <input type="hidden" name="role" value="{{ 'user' if member['is_admin'] == 1 else 'admin' }}" />
                    <button type="submit" class="btn small">
                      {{ tr('Set Member') if member['is_admin'] == 1 else tr('Set Admin') }}
                    </button>
                  </form>

                  <form method="post" action="{{ url_for('admin_update_member_active', user_id=member['id']) }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                    <input type="hidden" name="is_active" value="{{ '0' if member['is_active'] == 1 else '1' }}" />
                    <button type="submit" class="btn danger small">
                      {{ tr('Disable') if member['is_active'] == 1 else tr('Enable') }}
                    </button>
                  </form>
                </div>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </section>

    <section class="panel" data-category-scope data-category-default="{{ running_order_categories[0]['key'] if running_order_categories else 'all' }}">
      <h2>{{ tr("Running Member Orders") }}</h2>
      {% if not running_orders %}
        <p class="muted">{{ tr("No running member orders right now.") }}</p>
      {% else %}
      {% if running_order_categories %}
      <div class="category-tab-list">
        {% for category in running_order_categories %}
        <button type="button" class="category-tab-btn{% if loop.first %} is-active{% endif %}" data-category-tab="{{ category['key'] }}">{{ category['label_display'] }}</button>
        {% endfor %}
      </div>
      {% endif %}

      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("Order Code") }}</th>
              <th>{{ tr("Member") }}</th>
              <th>{{ tr("Service") }}</th>
              <th>{{ tr("Username") }}</th>
              <th>Trạng Thái</th>
              <th>{{ tr("Start Count") }}</th>
              <th>{{ tr("Purchased Quantity") }}</th>
              <th>{{ tr("Increased") }}</th>
              <th>{{ tr("Remains") }}</th>
              <th>{{ tr("Price") }}</th>
              <th>{{ tr("Purchase Date") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in running_orders %}
            <tr data-category-filter-row="{{ item['category_key'] }}">
              <td>{{ item['provider_order_id'] or '-' }}</td>
              <td>
                <strong>{{ item['username'] }}</strong><br />
                <small>{{ item['email'] }}</small>
              </td>
              <td>{{ item['service_name'] or ('Service ' ~ item['service_id']) }}</td>
              <td>
                <a
                  class="order-user-link{% if not (item['provider_user_link'] or '')|trim %} no-link{% endif %}"
                  {% if (item['provider_user_link'] or '')|trim %}
                    href="{{ item['provider_user_link'] }}"
                    target="_blank"
                    rel="noopener noreferrer"
                  {% endif %}
                >{{ item['provider_user'] or '-' }}</a>
              </td>
              <td>{{ item['provider_status_raw'] or '-' }}</td>
              <td>{{ item['start_count'] or '-' }}</td>
              <td>{{ item['quantity'] or '0' }}</td>
              <td>
                {% if item['remains'] %}
                  {% set increased_preview = (item['quantity'] or 0) - (item['remains']|int) %}
                  {{ 0 if increased_preview < 0 else increased_preview }}
                {% else %}
                  0
                {% endif %}
              </td>
              <td>{{ item['remains'] or '-' }}</td>
              <td>{{ item['local_charge_tic']|ticfmt }} TIC</td>
              <td>{{ item['created_at']|dtfmt }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>
  </div>

  <div class="admin-tab-panel" id="tab-services" role="tabpanel" aria-labelledby="tab-btn-services">
    <section class="panel" data-category-scope data-category-default="{{ service_categories[0]['key'] if service_categories else 'all' }}">
      <h2>{{ tr("Services + Selling Price") }}</h2>

      <form method="post" action="{{ url_for('admin_update_service_pricing') }}" class="form-grid">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />

        <label>
          {{ tr("TTC Coin Price") }}
          <input type="number" name="ttc_coin_price" min="0.000001" step="0.000001" value="{{ payment_config['ttc_coin_price'] or 1 }}" required />
        </label>

        <label>
          {{ tr("Profit Margin") }} (%)
          <input type="number" name="profit_margin_percent" min="0" step="0.01" value="{{ payment_config['profit_margin_percent'] or 0 }}" required />
        </label>

        <button type="submit" class="btn primary full-row">{{ tr("Apply Pricing Formula") }}</button>
      </form>

      <p class="muted">{{ tr("Price / 1 formula: ((Provider Rate * TTC Coin Price) / 1,000,000) then + Profit Margin%.") }}</p>

      {% if service_categories %}
      <div class="category-tab-list">
        {% for category in service_categories %}
        <button type="button" class="category-tab-btn{% if loop.first %} is-active{% endif %}" data-category-tab="{{ category['key'] }}">{{ category['label_display'] }}</button>
        {% endfor %}
      </div>
      {% endif %}

      {% if services %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("Service ID") }}</th>
              <th>{{ tr("Name") }}</th>
              <th>{{ tr("Provider Rate") }}</th>
              <th>{{ tr("Price / 1") }}</th>
              <th>{{ tr("Min") }}</th>
              <th>{{ tr("Max") }}</th>
              <th>{{ tr("Sell") }}</th>
              <th>{{ tr("Action") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in services %}
            <tr data-category-filter-row="{{ item['category_key'] }}">
              <td>{{ item['service_id'] }}</td>
              <td><span class="service-name-with-icon">{{ item['service_name_display'] }}</span></td>
              <td>{{ item['provider_rate'] or '-' }}</td>
              <td>{{ item['price_per_1000_tic']|ticfmt if item['price_per_1000_tic'] is not none else '-' }} TIC</td>
              <td>{{ item['min_qty'] or '-' }}</td>
              <td>{{ item['max_qty'] or '-' }}</td>
              <td>{{ tr('ON') if item['pricing_active'] == 1 else tr('OFF') }}</td>
              <td>
                <form
                  method="post"
                  action="{{ url_for('admin_update_service_price') }}"
                  class="service-action-form"
                  data-service-note-form
                  data-image-upload-url="{{ url_for('admin_upload_service_note_image') }}"
                >
                  <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                  <input type="hidden" name="service_id" value="{{ item['service_id'] }}" />
                  <div class="action-row">
                    <label class="check-inline">
                      <input type="checkbox" name="is_active" value="1" {% if item['pricing_active'] == 1 %}checked{% endif %} />
                      {{ tr("Active") }}
                    </label>
                    <button type="submit" class="btn small">{{ tr("Save") }}</button>
                  </div>

                  <label class="check-inline service-note-toggle">
                    <input type="checkbox" name="order_note_enabled" value="1" {% if item['order_note_enabled'] %}checked{% endif %} />
                    {{ tr("Show note under order form") }}
                  </label>

                  <details class="service-note-config"{% if item['order_note_enabled'] or item['has_order_note_content'] %} open{% endif %}>
                    <summary>{{ tr("Service Note") }}</summary>
                    <p class="muted">{{ tr("Service note (shown below service selector on Create Order form).") }}</p>
                    <div class="service-note-editor rich-editor-shell">
                      <div class="rich-editor" data-rich-editor data-initial-html="{{ item['order_note_html']|e }}"></div>
                      <input type="hidden" name="order_note_html" value="{{ item['order_note_html']|e }}" data-rich-input />
                      <small class="muted">{{ tr("Use toolbar to format note text and add image.") }}</small>
                    </div>
                  </details>
                </form>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
        <p class="muted">{{ tr('No services synced yet. Use "Sync Services from TTC" first.') }}</p>
      {% endif %}
    </section>
  </div>

  <div class="admin-tab-panel" id="tab-stats" role="tabpanel" aria-labelledby="tab-btn-stats">
    <section class="panel">
      <h2>{{ tr("Top-up Overview") }}</h2>
      <div class="stats-summary-grid">
        <article class="stats-summary-card">
          <p class="stats-summary-label">{{ tr("Today") }}</p>
          <p class="stats-summary-value">{{ topup_summary['today_tic']|ticfmt }} TIC</p>
        </article>
        <article class="stats-summary-card">
          <p class="stats-summary-label">{{ tr("This Week") }}</p>
          <p class="stats-summary-value">{{ topup_summary['week_tic']|ticfmt }} TIC</p>
        </article>
        <article class="stats-summary-card">
          <p class="stats-summary-label">{{ tr("This Month") }}</p>
          <p class="stats-summary-value">{{ topup_summary['month_tic']|ticfmt }} TIC</p>
        </article>
      </div>
    </section>

    <section class="panel">
      <h2>{{ tr("Service Revenue Statistics") }}</h2>
      {% if not service_statistics %}
        <p class="muted">{{ tr("No service revenue data yet.") }}</p>
      {% else %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("Service ID") }}</th>
              <th>{{ tr("Name") }}</th>
              <th>{{ tr("Total Revenue (All-time)") }}</th>
              <th>{{ tr("Avg Completion Time (7d)") }}</th>
              <th>{{ tr("Completed Orders (7d)") }}</th>
              <th>{{ tr("Total Orders") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in service_statistics %}
            <tr>
              <td>{{ item['service_id'] }}</td>
              <td>{{ item['service_name_display'] }}</td>
              <td>{{ item['total_revenue_tic']|ticfmt }} TIC</td>
              <td>{% if item['avg_completion_hours_7d'] is not none %}{{ "%.2f"|format(item['avg_completion_hours_7d']) }} h{% else %}-{% endif %}</td>
              <td>{{ item['completed_orders_7d'] }}</td>
              <td>{{ item['total_orders'] }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>

    <section class="panel">
      <h2>{{ tr("Monthly Top-up Log") }}</h2>
      {% if not monthly_topup_logs %}
        <p class="muted">{{ tr("No monthly top-up logs yet.") }}</p>
      {% else %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("Month") }}</th>
              <th>{{ tr("Total Top-up") }}</th>
              <th>{{ tr("Top-up Count") }}</th>
              <th>{{ tr("Last Top-up Time") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in monthly_topup_logs %}
            <tr>
              <td>{{ item['month_label'] }}</td>
              <td>{{ item['total_tic']|ticfmt }} TIC</td>
              <td>{{ item['topup_count'] }}</td>
              <td>{{ item['last_paid_at']|dtfmt if item['last_paid_at'] else '-' }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>

    <section class="panel">
      <h2>{{ tr("Login IP Logs") }}</h2>
      {% if not login_ip_logs %}
        <p class="muted">{{ tr("No login IP logs yet.") }}</p>
      {% else %}
      <div class="table-shell">
        <table>
          <thead>
            <tr>
              <th>{{ tr("User") }}</th>
              <th>{{ tr("Previous IP") }}</th>
              <th>{{ tr("Current IP") }}</th>
              <th>{{ tr("User Agent") }}</th>
              <th>{{ tr("Login Time") }}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in login_ip_logs %}
            <tr>
              <td>{{ item['username'] }}</td>
              <td>{{ item['previous_ip'] }}</td>
              <td>{{ item['current_ip'] }}</td>
              <td class="log-user-agent-cell">{{ item['user_agent'] }}</td>
              <td>{{ item['created_at']|dtfmt }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
    </section>
  </div>
</section>

<script src="{{ url_for('static', filename='service-category-tabs.js', v='20260311g') }}"></script>
<script src="{{ url_for('static', filename='vendor/quill/quill.js', v='20260312a') }}"></script>
<script src="{{ url_for('static', filename='rich-text-editors.js', v='20260312a') }}"></script>
<script src="{{ url_for('static', filename='admin-tabs.js') }}"></script>
{% endblock %}