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

{% block wfbo_title %}{{ management ? 'Edit' : 'New' }} Management{% endblock %}

{% block wfbo_content %}

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

    <div class="mb-4">
        <a href="{{ path('app_wfbo_managements') }}"
           class="back-link">
            ← Back to Arena Management
        </a>
    </div>

    <div class="card" style="max-width: 720px;">
        <div class="card-body">

            <h2 class="wfbo-card-title mb-3">
                {{ management ? 'Edit' : 'New' }} Management
            </h2>

            <form method="POST"
                  action="{{ management ? path('app_wfbo_management_edit', {id: management.id}) : path('app_wfbo_management_new') }}"
                  data-testid="management-form"
                  data-turbo="false"
                  novalidate>
                <input type="hidden" name="_token"
                       value="{{ csrf_token(management ? 'wfbo_management_edit_' ~ management.id : 'wfbo_management_new') }}">

                <div class="mb-4">
                    <label class="form-label--sm">
                        Name <span class="text-danger">*</span>
                    </label>
                    <input type="text"
                           name="name"
                           class="form-control"
                           style="max-width: 400px;"
                           placeholder="e.g. Arena"
                           value="{{ submitted.name }}"
                           data-testid="input-name">
                    <p class="form-hint">A short name for this race track / venue.</p>
                </div>

                <h3 class="wfbo-card-title" style="font-size: 1rem;">Ticket Amounts</h3>
                <p class="form-hint mb-3">Fixed ticket price for each bet type. Leave blank to default to 0.00.</p>

                <div class="row">
                    {% for field, label in betTypes %}
                        <div class="col-6 col-md-4 mb-3">
                            <label class="form-label--sm">{{ label }}</label>
                            <div class="input-group" style="max-width: 200px;">
                                <span class="input-group-text input-group-suffix">₱</span>
                                <input type="text"
                                       inputmode="decimal"
                                       name="{{ formFields[field] }}"
                                       class="form-control"
                                       placeholder="0.00"
                                       value="{{ submitted[field] }}"
                                       data-testid="input-{{ formFields[field]|replace({'_': '-'}) }}">
                            </div>
                        </div>
                    {% endfor %}
                </div>

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

            </form>

        </div>
    </div>

{% endblock %}