{% extends "base.html" %}
{% block title %}Báo cáo chi nhánh — {{ brand.ten_app }}{% endblock %}
{% block page_subtitle %}Báo cáo chi nhánh{% endblock %}

{% block content %}

  <!-- ── TAB BÁO CÁO (hub chung) ── -->
  {% include '_tab_bao_cao.html' %}

  <div class="ios-card p-4 sm:p-5">
    <h2 class="font-extrabold text-gray-800 mb-1">🏢 Doanh thu — lãi gộp — tồn kho theo từng chi nhánh</h2>
    <p class="text-xs text-gray-500 mb-4">
      Số liệu TOÀN BỘ lịch sử (không lọc theo ngày). Đơn vị: đồng.
    </p>

    <div class="overflow-x-auto">
      <table class="w-full text-sm" style="min-width:820px">
        <thead>
          <tr class="text-left text-gray-500 text-xs uppercase tracking-wide border-b border-gray-200">
            <th class="py-2 pr-3">Chi nhánh</th>
            <th class="py-2 pr-3 text-right">Doanh thu</th>
            <th class="py-2 pr-3 text-right">Giá vốn hàng bán</th>
            <th class="py-2 pr-3 text-right">Lãi gộp ước tính</th>
            <th class="py-2 pr-3 text-right">Giá trị tồn kho</th>
            <th class="py-2 pr-3 text-right">Tổng chi mua hàng</th>
            <th class="py-2 pr-3 text-right">SP còn hàng</th>
            <th class="py-2 pr-3 text-right">Số HĐ bán</th>
            <th class="py-2 text-right">Số phiếu mua</th>
          </tr>
        </thead>
        <tbody>
          {% for s in data.stores %}
          <tr class="border-b border-gray-100 hover:bg-gray-50">
            <td class="py-2.5 pr-3 font-semibold text-gray-800">
              {{ s.ten }}
              {% if s.la_goc %}<span class="text-[10px] font-bold bg-amber-100 text-amber-700 px-1.5 py-0.5 rounded-full ml-1">GỐC</span>{% endif %}
            </td>
            <td class="py-2.5 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(s.doanh_thu*1000).replace(',', '.') }}đ</td>
            <td class="py-2.5 pr-3 text-right tabular-nums text-gray-500">{{ '{:,.0f}'.format(s.gia_von_ban*1000).replace(',', '.') }}đ</td>
            <td class="py-2.5 pr-3 text-right tabular-nums font-semibold {{ 'text-emerald-700' if s.lai_gop >= 0 else 'text-red-600' }}">{{ '{:,.0f}'.format(s.lai_gop*1000).replace(',', '.') }}đ</td>
            <td class="py-2.5 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(s.gia_tri_ton_kho*1000).replace(',', '.') }}đ</td>
            <td class="py-2.5 pr-3 text-right tabular-nums text-gray-500">{{ '{:,.0f}'.format(s.tong_chi_mua_hang*1000).replace(',', '.') }}đ</td>
            <td class="py-2.5 pr-3 text-right tabular-nums">{{ s.so_sp_con_hang }}</td>
            <td class="py-2.5 pr-3 text-right tabular-nums">{{ s.so_hoa_don }}</td>
            <td class="py-2.5 text-right tabular-nums">{{ s.so_phieu_mua }}</td>
          </tr>
          {% endfor %}
          <tr class="font-bold text-gray-900" style="background:linear-gradient(135deg,#fff7e6,#fffdf7)">
            <td class="py-3 pr-3">🏆 {{ data.tong.ten }}</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(data.tong.doanh_thu*1000).replace(',', '.') }}đ</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(data.tong.gia_von_ban*1000).replace(',', '.') }}đ</td>
            <td class="py-3 pr-3 text-right tabular-nums {{ 'text-emerald-700' if data.tong.lai_gop >= 0 else 'text-red-600' }}">{{ '{:,.0f}'.format(data.tong.lai_gop*1000).replace(',', '.') }}đ</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(data.tong.gia_tri_ton_kho*1000).replace(',', '.') }}đ</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ '{:,.0f}'.format(data.tong.tong_chi_mua_hang*1000).replace(',', '.') }}đ</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ data.tong.so_sp_con_hang }}</td>
            <td class="py-3 pr-3 text-right tabular-nums">{{ data.tong.so_hoa_don }}</td>
            <td class="py-3 text-right tabular-nums">{{ data.tong.so_phieu_mua }}</td>
          </tr>
        </tbody>
      </table>
    </div>

    {% if data.stores|length <= 1 %}
    <p class="text-xs text-gray-400 mt-4">
      Hiện chỉ có 1 chi nhánh đang hoạt động — vào
      <a href="/chi-nhanh" class="text-amber-700 font-semibold underline">🏢 Chi nhánh</a>
      để thêm chi nhánh mới khi cần.
    </p>
    {% endif %}
  </div>

  <div class="ios-card p-4 sm:p-5 mt-4">
    <h3 class="font-bold text-gray-700 text-sm mb-2">📌 Cách tính — để tự đối chiếu</h3>
    <ul class="text-xs text-gray-500 space-y-1.5 list-disc pl-4">
      <li><b>Doanh thu</b> = tổng tiền các hóa đơn BÁN đã hoàn tất của chi nhánh (không tính hóa đơn nháp/đã hoàn lại).</li>
      <li><b>Giá vốn hàng bán / Lãi gộp</b> — LÃI GỘP LÀ ƯỚC TÍNH: lấy giá vốn HIỆN TẠI của từng sản phẩm đã bán,
        có thể lệch nếu giá vốn món đó bị sửa lại sau khi đã bán. Số chính xác tuyệt đối xem ở
        <a href="/bao-cao-loi-nhuan" class="text-amber-700 font-semibold underline">📊 Lợi nhuận theo loại hàng</a>.</li>
      <li><b>Giá trị tồn kho</b> = tổng giá vốn các sản phẩm còn hàng (trạng thái "con_hang") của chi nhánh, tính live.</li>
      <li><b>Tổng chi mua hàng</b> = tổng tiền các phiếu mua hàng đã lập tại chi nhánh.</li>
      <li>⚠️ <b>KHÔNG hiện "Tồn quỹ"</b> ở trang này — tồn quỹ tiền mặt chính xác cần đối chiếu với phiếu kiểm tiền
        đầu ca của TỪNG chi nhánh (đang chỉ hỗ trợ chi nhánh gốc). Xem tồn quỹ + kiểm tiền đúng ở
        <a href="/cashbook" class="text-amber-700 font-semibold underline">💰 Sổ Quỹ</a>. Tính năng tồn quỹ riêng
        từng chi nhánh sẽ làm ở giai đoạn sau khi có ≥2 chi nhánh hoạt động thật.</li>
    </ul>
  </div>

{% endblock %}