{% extends "base.html" %}
{% block title %}{{ game.name }} — {{ config.BBS_NAME }}{% endblock %}

{% block content %}
<div class="mb-3 d-flex justify-content-between align-items-center">
    <span><i class="bi {{ game.icon or 'bi-joystick' }}"></i>
        <strong>{{ game.name }}</strong>
    </span>
    <a href="{{ url_for('games.lobby') }}" class="btn btn-sm btn-primary">
        <i class="bi bi-arrow-left"></i> Back to Game Center
    </a>
</div>

<div class="text-center py-5" style="border: 2px solid #007700; border-radius: 4px; background: #000;">
    <div style="font-size: 3rem; margin-bottom: 1rem;">
        <i class="bi {{ game.icon or 'bi-joystick' }}" style="color:#00ff00;"></i>
    </div>
    <h3 style="color:#00ff00;">{{ game.name }}</h3>
    {% if game.description %}
    <p class="text-muted mt-2 mb-4">{{ game.description }}</p>
    {% else %}
    <p class="text-muted mt-2 mb-4">Classic DOS game via DOSBox</p>
    {% endif %}
    <a href="{{ url_for('games.dos_frame', slug=game.slug) }}"
       target="_blank"
       class="btn btn-lg btn-success">
        <i class="bi bi-play-fill"></i> Launch {{ game.name }}
    </a>
    <div class="mt-3 text-muted small">Opens in a new tab &mdash; allow pop-ups if prompted</div>
</div>
{% endblock %}