{% extends 'wfbo/_layout.html.twig' %}

{% block wfbo_title %}Color Game{% endblock %}

{% block wfbo_content %}

    <h1 style="margin-bottom: 8px; color: #000;">Color Game</h1>
    <p style="color: var(--wfbo-text-secondary); margin-bottom: 24px;">Dice-based color matching game with instant resolution.</p>

    <div class="row">

        {% if is_granted('ROLE_ADMIN') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_color_game_settings') }}" class="card" style="text-decoration: none; color: inherit; display: block; transition: box-shadow 0.15s;">
                <div class="card-body">
                    <h2 class="wfbo-card-title" style="margin-bottom: 4px;">Settings</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">Game visibility, bet limits, win rates, and payout multipliers.</p>
                </div>
            </a>
        </div>
        {% endif %}

        {% if is_granted('ROLE_FINANCE') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_color_game_results') }}" class="card" style="text-decoration: none; color: inherit; display: block; transition: box-shadow 0.15s;">
                <div class="card-body">
                    <h2 class="wfbo-card-title" style="margin-bottom: 4px;">Results</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">View roll results, bet breakdowns, and revenue stats.</p>
                </div>
            </a>
        </div>
        {% endif %}

    </div>

{% endblock %}