{{ form_start(form) }}
    {% do form.data.setRendered %}
    <div class="content-block">
        <div class="row">
            <h2 class="header col s12 l5 offset-l1 xl3 offset-xl3">{{ 'title.infos'|trans }}</h2>
        </div>
        {{ form_row(form.file) }}
        <div class="row">
            <div class="col s12 l5 offset-l1 xl3 offset-xl3">
                {{ form_row(form.name, {'label' : 'label.name', 'suggestions': suggestedNames|default }) }}
            </div>
            <div class="col s12 l5 xl3">
                {{ form_row(form.collection, {'label' : 'label.collection'}) }}
            </div>
        </div>

        <div class="row">
            <div class="col s12 l5 offset-l1 xl3 offset-xl3">
                {{ form_row(form.quantity, {'label' : 'label.quantity'} ) }}
            </div>
            <div class="col s12 l5 xl3">
                {{ form_row(form.visibility, {'label' : 'label.visibility'} ) }}
            </div>
        </div>

        {% if isFeatureEnabled('tags') %}
            <div class="row">
                <div class="col s12 l10 offset-l1 xl6 offset-xl3 js-tag-autocomplete">
                    <div class="input-field">
                        <input type="text" id="tagsAutocomplete" class="js-autocomplete-input" autocomplete="off">
                        {{ form_label(form.tags, 'label.tags') }}
                        <div class="js-autocomplete-result ac-tags">
                        </div>
                    </div>
                    {{ form_widget(form.tags, {'label' : 'label.tags', 'attr': {'class' : 'hidden js-autocomplete-form-input'}}) }}
                </div>
            </div>
        {% endif %}
    </div>

    <div class="content-block">
        <div class="row">
            <h2 class="header col s12 l5 offset-l1 xl3 offset-xl3">{{ 'title.additional_fields'|trans }}</h2>
        </div>

        <div class="row js-data-actions" data-entity="item">
            <div class="col s12 l5 offset-l1 xl3 offset-xl3">
                {% if isFeatureEnabled('templates') %}
                    {{ form_row(form.template, {'label' : 'label.apply_template', 'attr' : {'class' : 'selectTemplate'}}) }}
                {% endif %}
            </div>
            <div class="col s12 l3 xl2">
                <button class="btn waves-effect waves-light align-with-inputs js-btn-common-fields grey" data-collection-id="{{ collection is defined ? collection.id }}">{{ 'btn.apply_common_fields'|trans }}</button>
            </div>
            <div class="col s12 l3 xl2">
                <button class="btn waves-effect waves-light align-with-inputs js-btn-collection-fields grey" data-collection-id="{{ collection is defined ? collection.id }}">{{ 'btn.apply_collection_fields'|trans }}</button>
            </div>
        </div>

        {{ include('App/Item/_form_data_block.html.twig', {data: item.data}) }}
    </div>

    <div class="content-block">
        <div class="row">
            <h2 class="header col s12 l5 offset-l1 xl3 offset-xl3">{{ 'title.related_items'|trans }}</h2>
        </div>

        <div class="row">
            <div class="col s12 l10 offset-l1 xl6 offset-xl3 js-item-autocomplete">
                <div class="js-autocomplete-result ac-tags">
                    <table class="centered striped">
                        <tbody>
                        </tbody>
                    </table>
                </div>

                <div class="input-field">
                    {{ form_label(form.relatedItems, 'label.related_items') }}
                    <input type="text" id="itemsAutocomplete" class="js-autocomplete-input" autocomplete="off">
                </div>
                {{ form_widget(form.relatedItems, {'label' : 'label.tags', 'attr': {'autocomplete': 'off', 'class' : 'hidden js-autocomplete-form-input'}}) }}
            </div>
        </div>

    </div>

    <div class="row center-align form-btn-holder">
        {% if app.request.get('_route') == 'app_item_add' %}
            {% set cancelUrl = path('app_collection_show', {id: app.request.query.get('collection')}) %}
        {% elseif app.request.get('_route') == 'app_wish_transfer_to_collection' %}
            {% set cancelUrl = path('app_wishlist_show', {id: wish.wishlist.id}) %}
        {% else %}
            {% set cancelUrl = path('app_collection_show', {id: item.collection.id}) %}
        {% endif %}

        <button type="submit" class="btn waves-effect waves-light">{{ 'btn.submit'|trans }}</button>
        {% if app.request.get('_route') == 'app_item_add' %}
            <button type="submit" name="save_and_add_another" class="btn waves-effect waves-light">{{ 'btn.submit_and_add_another'|trans }}</button>
        {% endif %}
        <a href="{{ cancelUrl }}" class="waves-effect waves-light btn btn-cancel">{{ 'btn.cancel'|trans }}</a>
    </div>
{{ form_end(form) }}