<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
    <title>管理者画面</title>
</head>
<body>
    <h1>管理者画面</h1>
    
    <h2>チャットログ</h2>
    <div id="admin-chat-box" class="chat-box"></div>
    
    <h2>管理者メッセージ送信</h2>
    <form id="admin-message-form">
        <input type="text" id="admin-name" placeholder="名前を入力">
        <input type="text" id="admin-message" placeholder="メッセージを入力">
        <button type="button" onclick="sendAdminMessage()">送信</button>
        <select id="message-color">
            <option value="black">黒</option>
            <option value="red">赤</option>
            <option value="blue">青</option>
            <option value="yellow">黄</option>
            <option value="green">緑</option>
        </select>
    </form>

    <h2>IPと名前の紐付け</h2>
    <form id="ip-name-form">
        <input type="text" id="ip" placeholder="IPアドレスを入力">
        <input type="text" id="name" placeholder="名前を入力">
        <button type="button" onclick="mapIpToName()">紐付け</button>
    </form>

    <h2>チャット封鎖</h2>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="toggle_chat_block">
        <button type="submit">{{ '封鎖解除' if chat_block_status.get('blocked') else '封鎖' }}</button>
    </form>

    <h2>禁止IPアドレス管理</h2>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="add_ip">
        <input type="text" name="ip" placeholder="IPアドレスを追加">
        <button type="submit">追加</button>
    </form>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="remove_ip">
        <input type="text" name="ip" placeholder="IPアドレスを削除">
        <button type="submit">削除</button>
    </form>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="delete_messages_by_ip">
        <input type="text" name="ip" placeholder="IPアドレスのメッセージを削除">
        <button type="submit">削除</button>
    </form>
    <h3>禁止IPリスト:</h3>
    <ul>
        {% for ip in banned_ips %}
        <li>{{ ip }} <button onclick="banIp('{{ ip }}')">BAN</button></li>
        {% endfor %}
    </ul>

    <h2>禁止ワード管理</h2>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="add_word">
        <input type="text" name="word" placeholder="禁止ワードを追加">
        <button type="submit">追加</button>
    </form>
    <form method="POST" action="{{ url_for('admin') }}">
        <input type="hidden" name="action" value="remove_word">
        <input type="text" name="word" placeholder="禁止ワードを削除">
        <button type="submit">削除</button>
    </form>
    <h3>禁止ワードリスト:</h3>
    <ul>
        {% for word in forbidden_words %}
        <li>{{ word }}</li>
        {% endfor %}
    </ul>

    <!-- ログアウトボタンを追加 -->
    <form method="POST" action="{{ url_for('logout') }}">
        <button type="submit">ログアウト</button>
    </form>

    <script src="{{ url_for('static', filename='script.js') }}"></script>
</body>
</html>
