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

{% block wfbo_title %}{{ override ? 'Edit' : 'New' }} Dividend Override{% endblock %}

{% block wfbo_content %}

    {% for flash in app.flashes('error') %}
        <div class="alert alert-danger mb-4" role="alert" data-testid="flash-error">{{ flash }}</div>
    {% endfor %}

    <form method="POST"
          action="{{ override ? path('app_wfbo_dividend_override_edit', {id: override.id}) : path('app_wfbo_dividend_override_new') }}"
          data-testid="dividend-override-form"
          data-turbo="false"
          novalidate>

        <input type="hidden" name="_token" value="{{ csrf_token(override ? 'wfbo_dividend_override_edit_' ~ override.id : 'wfbo_dividend_override_new') }}">

        {# ── Date section ── #}
        <div class="card mb-4">
            <div class="card-body">

                <h2 class="wfbo-card-title">
                    Override Date
                </h2>
                <p class="wfbo-card-desc">
                    {% if override %}
                        Date cannot be changed after creation. Delete and recreate to use a different date.
                    {% else %}
                        Select the date on which these dividends will override the defaults.
                    {% endif %}
                </p>

                <div class="d-flex flex-wrap gap-4 align-items-end">
                    <div>
                        <label class="form-label--sm">Date</label>
                        <input
                            type="{{ override ? 'text' : 'date' }}"
                            name="override_date"
                            value="{{ override ? override.date|date('Y-m-d') : submitted.date }}"
                            class="form-control{{ override ? ' bg-light text-muted' : '' }}"
                            style="max-width: 220px;"
                            {% if override %}readonly tabindex="-1"{% endif %}
                            data-testid="input-override-date"
                        >
                    </div>
                    <div>
                        <label class="form-label--sm">From</label>
                        <input
                            type="time"
                            name="time_from"
                            value="{{ override ? (override.timeFrom ? override.timeFrom|date('H:i') : '') : submitted.timeFrom }}"
                            class="form-control"
                            style="max-width: 140px;"
                            data-testid="input-time-from"
                        >
                    </div>
                    <div>
                        <label class="form-label--sm">To</label>
                        <input
                            type="time"
                            name="time_to"
                            value="{{ override ? (override.timeTo ? override.timeTo|date('H:i') : '') : submitted.timeTo }}"
                            class="form-control"
                            style="max-width: 140px;"
                            data-testid="input-time-to"
                        >
                    </div>
                </div>
                <p class="form-hint mt-2">Leave both time fields blank to apply all day.</p>

            </div>
        </div>

        {# ── Dividends matrix section ── #}
        <div class="card mb-4">
            <div class="card-body">

                <h2 class="wfbo-card-title">
                    Dividend Values
                </h2>
                <p class="wfbo-card-desc">
                    Set the payout for each pair of finishing positions on this date.
                    Row = 1st finisher, Column = 2nd finisher.
                </p>

                <div class="overflow-x-auto">
                    <table class="dividend-table" data-testid="override-dividends-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 %}
                                            {% set key = row ~ '-' ~ col %}
                                            <td>
                                                <input
                                                    type="number"
                                                    name="race_dividends[{{ key }}]"
                                                    value="{{ override ? override.getDividend(row, col) : (submitted.dividends[key] ?? '0.00') }}"
                                                    min="0"
                                                    max="1000"
                                                    step="0.01"
                                                    class="form-control form-control-sm dividend-input"
                                                    data-testid="override-dividend-{{ key }}"
                                                >
                                            </td>
                                        {% else %}
                                            <td class="dividend-table__empty"></td>
                                        {% endif %}
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>

                {% set shuffleChecked = override ? override.dividendShuffle : (submitted.shuffle ?? false) %}
                <div class="form-check mt-3">
                    <input class="form-check-input" type="checkbox" name="shuffle" id="shuffle"
                           value="1" {{ shuffleChecked ? 'checked' : '' }}
                           data-testid="checkbox-shuffle">
                    <label class="form-check-label" for="shuffle">
                        Shuffle dividend values each race
                    </label>
                </div>

            </div>
        </div>

        <div class="d-flex align-items-center gap-3">
            <button type="submit"
                    class="btn btn-admin-save"
                    data-testid="btn-save-override">
                {{ override ? 'Update Override' : 'Save Override' }}
            </button>
            <a href="{{ path('app_wfbo_dividend_overrides') }}"
               class="back-link"
               data-testid="btn-cancel">
                Cancel
            </a>
        </div>

    </form>

{% endblock %}