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

{% block wfbo_title %}Override — {{ override.date|date('F j, Y') }}{% endblock %}

{% block wfbo_content %}

    <div class="mb-4 d-flex align-items-center gap-3">
        <a href="{{ path('app_wfbo_dividend_overrides') }}"
           class="back-link"
           data-testid="btn-back">
            ← Back to Overrides
        </a>
        <a href="{{ path('app_wfbo_dividend_override_edit', {id: override.id}) }}"
           class="btn pill-link--primary"
           data-testid="btn-edit">
            Edit
        </a>
    </div>

    <div class="card">
        <div class="card-body">

            <h2 class="wfbo-card-title">
                {{ override.date|date('F j, Y') }}
            </h2>
            <p class="wfbo-card-desc">
                {% if override.isAllDay() %}
                    All day
                {% else %}
                    {{ override.timeFrom|date('H:i') }} – {{ override.timeTo|date('H:i') }}
                {% endif %}
                · Dividend values active on this date. Row = 1st finisher, Column = 2nd finisher.
            </p>

            <div class="overflow-x-auto">
                <table class="dividend-table" data-testid="override-view-table">
                    <thead>
                        <tr>
                            <th style="width: 48px;"></th>
                            {% for col in 6..2 %}
                                <th class="dividend-table__header-wide">
                                    {{ col }}
                                </th>
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                        {% for row in 1..5 %}
                            <tr>
                                <th>
                                    {{ row }}
                                </th>
                                {% for col in 6..2 %}
                                    {% if col > row %}
                                        <td class="dividend-table__view">
                                            {{ override.getDividend(row, col) }}
                                        </td>
                                    {% else %}
                                        <td class="dividend-table__empty"></td>
                                    {% endif %}
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

        </div>
    </div>

{% endblock %}