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

{% block wfbo_title %}Video Karera{% endblock %}

{% block wfbo_content %}

    <h1 style="margin-bottom: 8px; color: #000;">Video Karera</h1>
    <p style="color: var(--wfbo-text-secondary); margin-bottom: 24px;">Horse race number betting game with live draws and dividend payouts.</p>

    <div class="row">

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

        {% if is_granted('ROLE_OPERATIONS') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_race_dividends') }}" 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;">Dividends</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">Configure default dividend payouts per pair.</p>
                </div>
            </a>
        </div>
        {% endif %}

        {% if is_granted('ROLE_OPERATIONS') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_dividend_overrides') }}" 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;">Dividend Overrides</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">Set date and time-based dividend overrides.</p>
                </div>
            </a>
        </div>
        {% endif %}

    </div>

{% endblock %}