{% extends "base.html" %}{% block title %}แดชบอร์ด — SNTalkBot Web Manager{% endblock %}
{% block content %}
<h2>ภาพรวม</h2>
{% if page_warnings %}<p class="warning" role="status">หน้าเว็บอ่านข้อมูลระบบบางส่วนไม่สำเร็จ แต่ยังใช้งานส่วนที่เหลือได้: {{ page_warnings|join('; ') }}</p>{% endif %}
<p>TTUHelper: {{ system.helper_version or 'ยังไม่ติดตั้ง' }} | Docker: {{ 'พร้อม' if system.docker_installed else 'ยังไม่พร้อม' }} | Image: {{ system.image }}</p>
{% if user.role == 'superadmin' and (not system.helper_installed or not system.docker_installed) %}<p class="warning">Core Stack ยังไม่พร้อม ไปที่ <a href="/system">ระบบ/อัปเดต</a> เพื่อให้เว็บตรวจและติดตั้งเฉพาะสิ่งที่ยังขาด</p>{% endif %}
<p><a class="button" href="/instances/new">สร้างบอตใหม่</a></p>
<h2>{% if user.role == 'superadmin' %}บอตทั้งหมด{% else %}บอตของคุณ{% endif %} ({{ instances|length }})</h2>
{% if not instances %}<p class="welcome-empty">{% if user.role == 'superadmin' %}ยังไม่พบ instance ในระบบ หาก TTUHelper มีบอตอยู่ให้ใช้เมนู ระบบ/อัปเดต > รัน doctor เพื่อตรวจ path/permission{% else %}คุณยังไม่มีบอตของคุณเลย สร้างตัวแรกกันเถอะ — <a href="/instances/new">สร้างบอตใหม่</a>{% endif %}</p>{% endif %}
<div id="dashboard-live-announcer" class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div>
<div id="dashboard-live-root" data-instance-names="{{ instances|map(attribute='name')|join(',') }}"></div>
{% for bot in instances %}
<details class="bot-card" {% if loop.first %}open{% endif %}>
<summary><strong>{{ bot.name }}</strong> — <span id="dash-running-{{ loop.index }}" data-bot-running="{{ bot.name }}">{{ 'กำลังรัน' if bot.running else 'หยุดอยู่' }}</span> — {{ bot.role }}</summary>
{% if bot.warnings %}<p class="warning" role="status">ข้อมูลบางส่วนของ instance นี้อ่านไม่สมบูรณ์ แต่ Dashboard ส่วนอื่นยังทำงานได้: {{ bot.warnings|join('; ') }}</p>{% endif %}
{% if user.role == 'superadmin' %}<p>ผู้สร้าง/เจ้าของ: {% if bot.owner %}{{ bot.owner.display_name or bot.owner.username }} ({{ bot.owner.username }}){% else %}ยังไม่ผูกบัญชี{% endif %} | สร้าง/นำเข้าเมื่อ: {{ bot.created_at }}</p>{% endif %}
<p>ชื่อเล่น: {{ bot.nickname }} | Server: {{ bot.server }} | ห้องตั้งต้น: {{ bot.channel }}</p>
<div data-dashboard-live="{{ bot.name }}" data-dashboard-index="{{ loop.index }}">
<p id="dash-connection-{{ loop.index }}" class="muted">{% if bot.running %}กำลังเชื่อมต่อข้อมูลสด…{% else %}บอตหยุดอยู่ — ไม่มีข้อมูลสด{% endif %}</p>
<p id="dash-room-{{ loop.index }}" hidden></p>
<p id="dash-activity-{{ loop.index }}" hidden></p>
<p id="dash-player-{{ loop.index }}" hidden></p>
</div>
<div class="actions dashboard-actions">
<form class="inline" method="post" action="/instances/{{ bot.name }}/action" data-job-form><input type="hidden" name="csrf" value="{{ csrf }}">{% if bot.running %}<button name="action" value="restart">รีสตาร์ต</button><button name="action" value="stop">หยุด</button>{% else %}<button name="action" value="run">เริ่ม</button>{% endif %}</form>
{% if bot.role == 'manager' %}<a class="button primary-action" href="/instances/{{ bot.name }}/controls#manager-settings">จัดการ Manager</a>{% else %}<a class="button primary-action" href="/instances/{{ bot.name }}/controls#music-controls">เล่นเพลง / Playlist</a><a class="button primary-action" href="/instances/{{ bot.name }}/controls#queue-controls">จัดการคิวเพลง</a>{% endif %}
<a class="button" href="/instances/{{ bot.name }}">รายละเอียด</a>
<a class="button" href="/instances/{{ bot.name }}/logs">บันทึก</a>
<a class="button" href="/instances/{{ bot.name }}/config">ตั้งค่า</a>
</div>
{% if not bot.running %}<details class="danger-zone"><summary>ลบ instance นี้</summary><p class="warning">ยังไม่ลบทันที ต้องพิมพ์ชื่อ <strong>{{ bot.name }}</strong> ให้ตรงทุกตัวอักษร ระบบจะสำรองข้อมูลก่อนลบ</p><form method="post" action="/instances/{{ bot.name }}/action" data-job-form><input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="action" value="delete"><label for="dashboard-delete-{{ loop.index }}">พิมพ์ชื่อเพื่อยืนยัน</label><input id="dashboard-delete-{{ loop.index }}" name="confirm_name" autocomplete="off" required><button type="submit">ยืนยันลบ {{ bot.name }}</button></form></details>{% endif %}
</details>
{% endfor %}
{% endblock %}