{% extends "base.html" %}
{% block title %}Hàng đợi hóa đơn điện tử{% endblock %}
{% block page_subtitle %}Hóa đơn điện tử tự phát hành{% endblock %}
{% block content %}
<div class="ios-card p-4 space-y-2">
  <div class="flex items-center justify-between gap-3 flex-wrap">
    <div>
      <div class="font-bold text-gray-800">Tự phát hành hóa đơn khi bán xong</div>
      <div class="text-xs text-gray-500">Bật: mỗi phiếu bán hoàn tất tự gửi hóa đơn máy tính tiền, mất mạng tự gửi lại.
        Tắt: nhân viên chỉnh chi tiết trong phiếu xuất rồi bấm "Xuất HĐĐT" như trước.</div>
    </div>
    <label class="flex items-center gap-2 font-semibold text-sm">
      <input type="checkbox" id="hd-bat" {% if bat %}checked{% endif %} onchange="doiTuDong(this)"> {{ 'Đang bật' if bat else 'Đang tắt' }}
    </label>
  </div>
</div>

<div class="ios-card p-4 mt-3">
  <div class="font-bold text-gray-800 mb-2">Phiếu bán chưa có hóa đơn ({{ ds|length }})</div>
  {% if not ds %}
  <div class="text-sm text-green-700">✓ Không còn phiếu nào chờ.</div>
  {% endif %}
  <div class="space-y-2">
  {% for q in ds %}
    <div class="rounded-xl border p-3 text-sm {% if q.trang_thai == 'cho' %}border-amber-300{% else %}border-red-300{% endif %}">
      <div class="flex justify-between gap-2 flex-wrap">
        <div class="font-semibold">{{ q.ma_hd or ('Phiếu #' ~ q.sale_id) }} · {{ q.khach_hang or 'Khách lẻ' }}</div>
        <div class="text-xs">{{ q.ngay or q.tao_luc }}</div>
      </div>
      <div class="text-xs mt-1">
        {% if q.trang_thai == 'chua_xep_hang' %}⚠️ Giao dịch hôm nay chưa có hóa đơn và chưa nằm trong hàng đợi. Nếu tự phát hành đang tắt, hãy mở phiếu để xuất thủ công; không gửi lại nếu cổng nhà cung cấp đã có hóa đơn.
        {% elif q.trang_thai == 'thu_cong' %}🧾 Chờ xuất thủ công — tự phát hành đang tắt, VangPOS chưa gửi hóa đơn cho phiếu này.
        {% elif q.trang_thai == 'cho' %}⏳ Đang chờ gửi (lần thử {{ q.so_lan }}) — mất mạng thì tự gửi lại.
        {% elif q.trang_thai == 'can_kiem_tra' %}⚠️ CẦN ĐỐI SOÁT: kết quả gửi chưa xác định — có thể hóa đơn ĐÃ được tạo.
          Hãy tra cổng hóa đơn điện tử theo mã phiếu {{ q.ma_hd }}; chỉ bấm "Gửi lại" khi chắc chắn CHƯA có hóa đơn.
        {% else %}❌ Lỗi dữ liệu / cấu hình — sửa phiếu hoặc cấu hình rồi bấm "Gửi lại".{% endif %}
      </div>
      {% if q.loi_cuoi %}<div class="text-[11px] text-gray-500 mt-1 break-words">{{ q.loi_cuoi }}</div>{% endif %}
      {% if q.trang_thai in ('chua_xep_hang', 'thu_cong') %}
      <a class="tkt-act tkt-amber mt-2 inline-block" href="/pos/sales/{{ q.sale_id }}/hoa-don">Mở phiếu để xuất hóa đơn</a>
      {% elif q.trang_thai in ('can_kiem_tra', 'loi') and session.get('nv_role') in ('giam_doc', 'pho_giam_doc') %}
      <button class="tkt-act tkt-amber mt-2" onclick="guiLai({{ q.sale_id }})">🔁 Gửi lại</button>
      {% endif %}
    </div>
  {% endfor %}
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>
async function guiLai(id) {
  if (!confirm('Chỉ gửi lại khi đã kiểm tra trên cổng hóa đơn điện tử là phiếu này CHƯA có hóa đơn. Gửi lại?')) return;
  askPin('Nhập PIN quản lý để xác nhận đã tra cứu và phiếu chưa có hóa đơn', async (pin) => {
    if (!pin) return;
    const r = await fetch('/api/hddt/gui-lai/' + id, {method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify({pin, xac_nhan_chua_co_hoa_don: true})});
    const d = await r.json();
    if (d.success) location.reload(); else alert(d.message || d.error);
  });
}
function doiTuDong(el) {
  const bat = el.checked;
  askPin('Nhập PIN quản lý để ' + (bat ? 'BẬT' : 'TẮT') + ' tự phát hành hóa đơn', async (pin) => {
    if (!pin) { el.checked = !bat; return; }
    const r = await fetch('/api/hddt/tu-dong', {method: 'POST', headers: {'Content-Type': 'application/json'},
                                                body: JSON.stringify({pin, bat})});
    const d = await r.json();
    if (d.success) location.reload(); else { el.checked = !bat; alert(d.error === 'wrong_pin' ? 'PIN sai' : (d.error || 'Lỗi')); }
  });
}
</script>
{% endblock %}