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

{% block wfbo_title %}Head2Head Karera{% endblock %}

{% block wfbo_content %}

    <h1 style="margin-bottom: 8px; color: #000;">Head2Head Karera</h1>
    <p style="color: var(--wfbo-text-secondary); margin-bottom: 24px;">Head-to-head racing game.</p>

    <div class="row">

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

        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_h2h_events') }}" 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;">Events</h2>
                    <p class="wfbo-card-desc" style="margin-bottom: 0;">Manage race events, schedules, and races.</p>
                </div>
            </a>
        </div>
        {% endif %}

    </div>

{% endblock %}