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

{% block wfbo_title %}{{ horse ? 'Edit' : 'New' }} Horse{% 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 %}

    <div class="mb-4">
        <a href="{{ path('app_wfbo_event_race_show', {id: race.id}) }}"
           class="back-link">
            ← Back to Race
        </a>
    </div>

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

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

            {{ form_start(horseForm, {attr: {'data-testid': 'horse-form', 'novalidate': 'novalidate', 'data-turbo': 'false'}}) }}

            <div class="mb-3" style="max-width: 200px;">
                {{ form_label(horseForm.horseNumber, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(horseForm.horseNumber) }}
                {{ form_errors(horseForm.horseNumber) }}
            </div>

            <div class="mb-3">
                {{ form_label(horseForm.horseName, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(horseForm.horseName) }}
                {{ form_errors(horseForm.horseName) }}
            </div>

            <div class="mb-3">
                {{ form_label(horseForm.horseJockey, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(horseForm.horseJockey) }}
                {{ form_errors(horseForm.horseJockey) }}
            </div>

            <div class="mb-4">
                {{ form_label(horseForm.horseTrainer, null, {label_attr: {class: 'form-label--sm'}}) }}
                {{ form_widget(horseForm.horseTrainer) }}
                {{ form_errors(horseForm.horseTrainer) }}
            </div>

            <div class="d-flex align-items-center gap-3">
                <button type="submit"
                        class="btn btn-admin-save"
                        data-testid="btn-submit">
                    {{ horse ? 'Update' : 'Create' }} Horse
                </button>
                <a href="{{ path('app_wfbo_event_race_show', {id: race.id}) }}"
                   class="back-link">
                    Cancel
                </a>
            </div>

            {{ form_end(horseForm) }}

        </div>
    </div>

{% endblock %}