{% extends "base.html" %}
{% block title %}遊客客服｜{{ app_name }}{% endblock %}
{% block body_class %}guest-page{% endblock %}

{% block body %}
<header class="topbar">
    <div>
        <div class="site-title">遊客客服中心</div>
        <div class="site-subtitle">Guest Customer Service</div>
    </div>
    <a class="back-link" href="{{ url_for('login') }}">返回登入頁</a>
</header>

<main class="page narrow">
    <section class="support-panel guest-support-panel">
        <div class="support-avatar">🎧</div>
        <span class="guest-badge">遊客模式</span>
        <h1>歡迎使用線上客服</h1>
        <p>您目前以遊客身分進入，可諮詢註冊、登入、活動與平台操作問題。</p>

        <div class="alert alert-warning">
            遊客模式不會識別會員身分，也不能查詢充值、提款、餘額或其他會員資料。
        </div>

        <button
            type="button"
            class="primary-button guest-open-chat"
            onclick="if (window.openGuestChatNewConversation) { window.openGuestChatNewConversation(); }"
        >
            開啟線上客服
        </button>
    </section>
</main>
{% endblock %}

{% block integrations %}
{% include "_chatwoot.html" %}
{% endblock %}