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

{% block wfbo_title %}Spin & Win{% endblock %}

{% block wfbo_content %}

    <h1 style="margin-bottom: 8px; color: #000;">Spin &amp; Win</h1>
    <p style="color: var(--wfbo-text-secondary); margin-bottom: 24px;">Prize wheel on the Live Racing pages.</p>

    <div class="row">

        {% if is_granted('ROLE_ADMIN') %}
        <div class="col-md-4 mb-4">
            <a href="{{ path('app_wfbo_spin_win_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;">Visibility, spin cost, prizes, house win rate and lose streak.</p>
                </div>
            </a>
        </div>
        {% endif %}

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

    </div>

{% endblock %}