{% extends "base.html" %}

{% block title %}Creator Admin Panel - Game #{{ game.id[:8] }}{% endblock %}

{% block content %}
<div class="admin-panel-container glass-panel">
    <div class="welcome-hero text-center">
        <h2>Game Creator Admin Panel</h2>
        <p class="subtitle">Use this dashboard to copy magic sheet links for players who misplace theirs.</p>
    </div>
    
    <div class="admin-card-container">
        <div class="card glass-panel">
            <h3>Player Magic Links</h3>
            <div class="admin-players-list">
                {% for p in game.players %}
                    <div class="admin-player-row glass-panel">
                        <div class="player-info-basic">
                            <strong>{{ p.name }}</strong> 
                            {% if p.is_creator %}<span class="creator-badge">Creator</span>{% endif %}
                            <span class="footnote-desc">(Rank {{ p.rank }}, Role: {{ p.role or 'None' }})</span>
                        </div>
                        <div class="link-copy-action">
                            <input type="text" readonly value="{{ base_url }}/game/{{ game.id }}/player/{{ p.id }}" class="copy-input" id="player-link-{{ p.id }}">
                            <button onclick="navigator.clipboard.writeText(document.getElementById('player-link-{{ p.id }}').value); alert('Player magic link copied!');" class="btn btn-secondary btn-small">Copy Link</button>
                        </div>
                    </div>
                {% else %}
                    <p class="empty-text text-center">No players have joined yet.</p>
                {% endfor %}
            </div>
        </div>
        
        <div class="card glass-panel text-center margin-top">
            <h3>Lobby Details</h3>
            <p><strong>Game Phase:</strong> {{ game.phase.replace('_', ' ').title() }}</p>
            <p><strong>Scene Number:</strong> {{ game.current_scene_number }}</p>
            <p><strong>Join URL (Share this with players):</strong></p>
            <div class="copy-container center-block">
                <input type="text" readonly value="{{ base_url }}/game/{{ game.id }}/join" class="copy-input" id="join-link-copy">
                <button onclick="navigator.clipboard.writeText(document.getElementById('join-link-copy').value); alert('Join link copied!');" class="btn btn-primary btn-small">Copy Join Link</button>
            </div>
            
            <div class="back-link margin-top">
                <!-- Redirect back to the creator's personal magic dashboard link -->
                {% set creator = None %}
                {% for p in game.players if p.is_creator %}
                    {% set creator = p %}
                {% endfor %}
                {% if creator %}
                    <a href="/game/{{ game.id }}/player/{{ creator.id }}" class="btn btn-secondary btn-full">Go to Creator Dashboard</a>
                {% else %}
                    <a href="/" class="btn btn-secondary btn-full">Go to Main Menu</a>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}