{% extends "admin/base.html" %}
{% block title %}仪表盘{% endblock %}
{% block page_title %}仪表盘{% endblock %}
{% block content %}
<style>
.quick-start a{color:var(--brand);font-weight:600;text-decoration:none;transition:color .15s;}
.quick-start a:hover{color:var(--brand-dark,#c4674a);text-decoration:underline;}
.stat-link{display:block;text-decoration:none;color:inherit;}
</style>
<div class="row g-3 mb-2">
  <div class="col-6 col-md-3"><a href="{{url_for('admin.staff_list')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c5"><i class="bi bi-people"></i></div><div class="stat-num">{{stats.staff}}</div><div class="stat-label">在册店员</div></div></a></div>
  <div class="col-6 col-md-3"><a href="{{url_for('admin.stores')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c1"><i class="bi bi-shop-window"></i></div><div class="stat-num">{{stats.stores}}</div><div class="stat-label">门店数</div></div></a></div>
  <div class="col-6 col-md-3"><a href="{{url_for('admin.exams')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c4"><i class="bi bi-mortarboard"></i></div><div class="stat-num">{{stats.exams_open}}</div><div class="stat-label">开放考试</div></div></a></div>
  <div class="col-6 col-md-3"><a href="{{url_for('admin.likes')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c6"><i class="bi bi-hand-thumbs-up"></i></div><div class="stat-num">{{stats.pending_likes}}</div><div class="stat-label">待审集赞</div></div></a></div>
</div>
<div class="row g-3">
  <div class="col-6 col-md-3"><a href="{{url_for('admin.products')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c2"><i class="bi bi-bag"></i></div><div class="stat-num">{{stats.products}}</div><div class="stat-label">上架商品</div></div></a></div>
  <div class="col-6 col-md-3"><a href="{{url_for('admin.exams')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c3"><i class="bi bi-card-checklist"></i></div><div class="stat-num">{{stats.today_records}}</div><div class="stat-label">考试记录</div></div></a></div>
  <div class="col-6 col-md-3"><a href="{{url_for('admin.chains')}}" class="stat-link"><div class="stat-card"><div class="stat-ico bg-c7"><i class="bi bi-diagram-3"></i></div><div class="stat-num">{{stats.chains}}</div><div class="stat-label">连锁数</div></div></a></div>
</div>
<div class="card-box quick-start mt-4" style="border-left:4px solid var(--brand);">
  <h6 class="mb-2"><i class="bi bi-rocket-takeoff" style="color:var(--brand)"></i> 快速开始</h6>
  <p class="text-muted small mb-1">1. <a href="{{url_for('admin.stores')}}">连锁门店</a> → 录入门店与连锁档案</p>
  <p class="text-muted small mb-1">2. <a href="{{url_for('admin.staff_list')}}">店员管理</a> → 批量导入店员</p>
  <p class="text-muted small mb-1">3. <a href="{{url_for('admin.questions')}}">题库管理</a> → 导入题目</p>
  <p class="text-muted small mb-1">4. <a href="{{url_for('admin.exams')}}">考试管理</a> → 创建考试并配置奖励积分</p>
  <p class="text-muted small mb-1">5. <a href="{{url_for('admin.products')}}">商城商品</a> → 上架兑换商品</p>
  <p class="text-muted small mb-0">完成后，店员即可在 H5 登录、考试赚积分、兑换商品。</p>
</div>
{% endblock %}