{# <p>Start Station ID: {{ start_station ? start_station.id : 'none' }}</p> #}

<div {{ attributes }}>
    {{ form_start(form) }}
        {{ form_row(form._token) }}
        <div class="form-group">
            {{ form_label(form.name, null, {'label_attr': {'class': 'form-label'}}) }}
            {{ form_widget(form.name, {'attr': {'class': 'form-widget'}}) }}
            {{ form_errors(form.name) }}
        </div>
        <div class="form-group">
            {{ form_label(form.vehicle_type, null, {'label_attr': {'class': 'form-label'}}) }}
            {{ form_widget(form.vehicle_type, {'attr': {'class': 'form-widget form-select'}}) }}
            {{ form_errors(form.vehicle_type) }}
        </div>
        <div class="form-group">
            {{ form_label(form.start_station, null, {'label_attr': {'class': 'form-label'}}) }}
            {{ form_widget(form.start_station, {'attr': {'class': 'form-widget'}}) }}
            {{ form_errors(form.start_station) }}
        </div>
        {% if form.legs is defined %}
            <div data-controller="line-form" data-line-form-legs-json-value="{{ legsJson }}" data-line-form-stations-json-value="{{ stationsJson }}" class="form-group">
                {{ form_label(form.legs, 'legs'|trans, {'label_attr': {'class': 'form-label'}}) }}
                <ul class="legs"
                    data-index="{{ form.legs|length > 0 ? form.legs|last.vars.name + 1 : 0 }}"
                    data-prototype="{{ form_widget(form.legs.vars.prototype, {'attr': {'class': 'form-widget form-select form-collection-field'}})|e('html_attr') }}">
                    {% for leg in form.legs %}
                    <div class="form-collection-item">
                        {{ form_label(leg, null, {'label_attr': {'class': 'form-label'}}) }}
                        {{ form_widget(leg, {'attr': {'class': 'form-widget form-select form-collection-field'}}) }}
                        {{ form_errors(leg) }}
                    </div>
                    {% endfor %}
                    <button type="button" class="add_leg_link button form-collection-field" data-collection-holder-class="legs">{{ 'add_leg'|trans }}</button>
                </ul>
            </div>
        {% endif %}

        <button class="button form-button-save">{{ button_label|default('save'|trans) }}</button>
    {{ form_end(form, { 'render_rest': false }) }}
</div>