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

{% block wfbo_title %}Pataasan{% endblock %}

{% block wfbo_content %}

    <h1 style="margin-bottom: 8px; color: #000;">Pataasan</h1>
    <p style="color: var(--wfbo-text-secondary); margin-bottom: 24px;">High-Low card game with automatic round resolution.</p>

    <div class="row">

        {% if is_granted('ROLE_ADMIN') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_pataasan_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, intervals, and win rates.</p>
                </div>
            </a>
        </div>
        {% endif %}

        {% if is_granted('ROLE_FINANCE') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_pataasan_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 round results, bet breakdowns, and revenue stats.</p>
                </div>
            </a>
        </div>
        {% endif %}

        {% if is_granted('ROLE_ADMIN') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_pataasan_rank_payouts') }}" 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;">Rank Payouts</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">Configure payout multipliers per rank tier.</p>
                </div>
            </a>
        </div>
        {% endif %}

    </div>

{% endblock %}