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

{% block wfbo_title %}Dividend Overrides{% endblock %}

{% block wfbo_content %}

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

    <div class="mb-4">
        <a href="{{ path('app_wfbo_dividend_override_new') }}"
           class="btn pill-link--primary"
           data-testid="btn-new-override">
            + New Override
        </a>
    </div>

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

            <h2 class="wfbo-card-title">
                Date Overrides
            </h2>
            <p class="wfbo-card-desc">
                These dividend values override the defaults on their specific date.
            </p>

            {% if overrides is empty %}
                <p class="form-hint" data-testid="empty-state">
                    No overrides set. Click <strong>+ New Override</strong> to add one.
                </p>
            {% else %}
                <table class="table-card w-100" data-testid="overrides-table">
                    <thead>
                        <tr class="thead-row--light">
                            <th class="th-white">Date</th>
                            <th class="th-white">Time</th>
                            <th class="th-white th-gray--right">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for override in overrides %}
                            <tr class="table-row" data-testid="override-row-{{ override.id }}">
                                <td class="td-cell td-cell--dark">
                                    {{ override.date|date('F j, Y') }}
                                </td>
                                <td class="td-cell">
                                    {% if override.isAllDay() %}
                                        All day
                                    {% else %}
                                        {{ override.timeFrom|date('H:i') }} – {{ override.timeTo|date('H:i') }}
                                    {% endif %}
                                </td>
                                <td class="td-cell text-end text-nowrap">
                                    <a href="{{ path('app_wfbo_dividend_override_view', {id: override.id}) }}"
                                       class="back-link me-3"
                                       data-testid="btn-view-{{ override.id }}">
                                        View
                                    </a>
                                    <a href="{{ path('app_wfbo_dividend_override_edit', {id: override.id}) }}"
                                       class="back-link me-3 text-dark"
                                       data-testid="btn-edit-{{ override.id }}">
                                        Edit
                                    </a>
                                    <form method="POST"
                                          action="{{ path('app_wfbo_dividend_override_delete', {id: override.id}) }}"
                                          class="d-inline"
                                          data-testid="form-delete-{{ override.id }}"
                                          data-turbo="false">
                                        <input type="hidden" name="_token" value="{{ csrf_token('wfbo_dividend_override_delete_' ~ override.id) }}">
                                        <button type="submit"
                                                class="btn-reject"
                                                onclick="return confirm('Delete override for {{ override.date|date('Y-m-d') }}?')"
                                                data-testid="btn-delete-{{ override.id }}">
                                            Delete
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}

        </div>
    </div>

{% endblock %}