# XiDachSeat
Ghế của một khách quen ở bàn Xì Dách: avatar, tên, tiền góp vui, tay bài, trạng thái (đang suy nghĩ, đã dừng, quá chén, thắng, thua) và nút "So điểm".

## Khi nào dùng
- Mỗi khách ngồi bàn là một ghế trong `tt-xidach__players` của `XiDachTable` (lưới `auto-fit` cột tối thiểu 95px).
- Cho nhà cái (người chơi) thấy ai đang rút, ai đã dừng, ai quá chén và bấm so điểm từng người.
- Ghế chỉ hiển thị; chọn trạng thái và số tiền là việc của code.

## Biến thể
| Trạng thái ghế | Lớp | Dùng khi |
|---|---|---|
| Đang suy nghĩ… / Đã dừng | `tt-xdseat` | Mặc định (trạng thái đã dừng chỉ khác chữ trạng thái) |
| Đang suy nghĩ | `tt-xdseat is-drawing` | Viền và quầng `gold`, nền vàng nhạt (`.active-turn`) |
| Quá chén | `tt-xdseat is-busted` | Viền `warn` |
| Thắng | `tt-xdseat is-win` | Viền `mint`, nền xanh nhạt (`.settled-win`) |
| Thua | `tt-xdseat is-lose` | Viền `warn`, nền đỏ nhạt (`.settled-lose`) |
| Hoà | `tt-xdseat is-draw` | Giữ viền và nền trung tính |

## Cấu trúc
```html
<div class="tt-xdseat is-drawing" role="group" aria-label="Bé Mèo Con" data-state="drawing">
  <div class="tt-xdseat__info">
    <span class="tt-avatar tt-avatar--sm tt-avatar--emoji" aria-hidden="true">🐱</span>
    <div class="tt-xdseat__who">
      <span class="tt-xdseat__name">Bé Mèo Con</span>
      <span class="tt-xdseat__bet tt-num">Góp vui: 20k</span>
    </div>
  </div>
  <div class="tt-cardhand" role="group" aria-label="Bài của Bé Mèo Con">…</div>
  <p class="tt-xdseat__status"><span class="tt-xdseat__icon" aria-hidden="true">🤔</span><span class="tt-xdseat__text">Đang suy nghĩ...</span></p>
  <button type="button" class="tt-button tt-button--small tt-button--accent tt-xdseat__xet" data-xet aria-label="So điểm Bé Mèo Con">🔍 So điểm</button>
</div>
```
Avatar dùng `tt-avatar` (ảnh `assets/Avatars/b07.png` với `alt=""`, hoặc emoji `aria-hidden`); tay bài là `CardHand`. Tên dài tự cắt bằng dấu "…".

## Trạng thái
| `setState` | Chữ mặc định | Biểu tượng | Nút So điểm |
|---|---|---|---|
| `idle` | Chờ chia bài | 🧋 | theo `setCanSettle` |
| `drawing` | Đang suy nghĩ... | 🤔 | theo `setCanSettle` |
| `standing` | Đã dừng | 🤫 | theo `setCanSettle` |
| `busted` | Quá chén | 💥 | theo `setCanSettle` |
| `win` · `lose` · `draw` | Thắng · Thua · Hoà | ✓ · ✗ · ＝ | tự ẩn (đã xét) |

Chữ thay thế truyền vào `setState(name, text)`, ví dụ "Thua −10k" hoặc "Đã dừng (2 thẻ)".

## Hành vi JS
`TTMU.xiDachSeat(el, { onSettle })` gắn một lần (gắn lần hai trả về `null`) và trả về `{ state, setState(name, text), setBet(n), setCanSettle(flag), destroy() }`.

```js
var seat = TTMU.xiDachSeat(el, { onSettle: function (seatEl) { /* nhà cái bấm So điểm */ } });
seat.setBet(50000);                     // "Góp vui: 50k" (TTMU.formatMoney)
seat.setState('lose', 'Thua −50k');
seat.setCanSettle(false);
```
`onSettle(el)` chỉ gọi khi người dùng bấm nút `[data-xet]` đang hiện; ghế đã xét (`win` / `lose` / `draw`) bỏ qua mọi cú bấm. Các hàm `set*` từ code không gọi callback. Nút nên mang lớp `tt-xdseat__xet`; thuộc tính `hidden` ẩn được nó vì luật nền `[hidden]` của `00-base.css`.

## Token sử dụng
`panel`, `line`, `fill-muted`, `ink`, `soft`, `gold`, `mint`, `warn`, `radius-10/12`, `space-4/6`, cùng token của `tt-avatar`, `tt-button`, `CardHand`.

## Khả năng tiếp cận
- Ghế là `role="group"` có `aria-label` là tên khách; nút So điểm có `aria-label` "So điểm <tên>" để các nút giống nhau không bị đọc trùng.
- Trạng thái luôn có chữ ("Đang suy nghĩ...", "Thắng", "Thua") và biểu tượng ✓ ✗; viền và nền chỉ là phần thêm. Chữ trạng thái `ink` đạt 7:1 ở Tương phản cao.
- Nút So điểm là `<button>` thật, focus bàn phím bằng vòng `focus-ring` của base.

## Nên / Không nên
| Nên | Không nên |
|---|---|
| Úp bài của khách tới khi so điểm | Lộ bài khách khi chưa xét |
| Dùng chữ trạng thái kèm số tiền sau khi xét ("Thắng +40k") | Chỉ đổi màu viền ghế |
| Ẩn nút So điểm khi nhà cái chưa đủ tuổi (hoặc `disabled` kèm lý do) | Để nút bấm được rồi báo lỗi sau |

## Nguồn
`.xd-player-seat(.active-turn|.settled-win|.settled-lose)`, `.xd-p-info`, `.xd-p-avatar`, `.xd-p-name-col`, `.xd-p-name`, `.xd-p-bet`, `.xd-p-status(.win|.lose|.draw)`, `.xd-p-xet-btn` — css/xidach.css; `renderUI()` trong js/xidach.js.
- Nền trắng của ghế đổi sang `panel`; các màu trạng thái hex (`#f59e0b`, `#22c55e`, `#ef4444` và nền nhạt) đổi sang `gold` / `mint` / `warn` pha với `panel`; chữ tên `#5a3d28` đổi sang `ink`, tiền `#b45309` sang `soft` (đủ tương phản ở Tương phản cao).
- Nút So điểm cam `#f59e0b` đổi sang `tt-button--small tt-button--accent`. Chữ trạng thái mặc định lấy từ `statusMsg` của game ("Đang suy nghĩ... 🤔", "Đã dừng (N thẻ) 🤫", "Quá chén"); thắng / thua / hoà do code truyền chữ như `resultText` ("+50k (…)", "Hoà (…)").