{% extends 'form_div_layout.html.twig' %}

{% block ecd_abstract_library_library_and_item_choice_widget %}

<div id="{{ id }}">

    {{ form_row(form[library_field_name]) }}

    {{ form_row(form[item_field_name]) }}

    <div class="loader" id="{{ id }}_loader">
        <img src="{{  asset('bundles/ecdabstractlibrary/images/loader.gif') }}" alt="" />
        {% trans %}ecd_abstract_library.form.library_and_item_choice.loading{% endtrans %}
    </div>

    {{ form_rest(form) }}

</div>

<script type="text/javascript">
jQuery(function($) {
    $('#{{ id }}').libraryAndItemChoice({
        library:    '#{{ form[library_field_name].all.id }}',
        item:       '#{{ form[item_field_name].all.id }}',
        loader:     '#{{ id }}_loader',
        urlPattern: '{{ url_pattern }}'
    });
});
</script>
{% endblock %}