{% extends '@EasyAdmin/symfony-form-themes/bootstrap_5_layout.html.twig' %}
{# {% extends 'bootstrap_5_horizontal_layout.html.twig' %} #}


{% block _map_calculator_areas_lists_entry_row %}
    <div class="entryContainer area" data-index="{{ form.vars.name }}">
        <div class="row ">
            <div class="d-flex justify-content-end col-12">
                <button type="button" class="btn btn-danger field-collection-delete-button" title="Remove the item"
                        onclick="this.closest('.entryContainer').remove(); return false;">
                    <span class="fa fa-times"></span>

                </button>
            </div>
            <div class="form-group col-3">
                {{ form_row(form.color) }}
            </div>
            <div class="form-group col-3 mx-2">
                {{ form_row(form.name) }}
            </div>
            <div class="form-group col-3">
                {{ form_row(form.direction) }}
            </div>
            {{ form_row(form.coords, {'attr':{'class':'form-control-coords'}}) }}

        </div>
        <div class="row">
            <fieldset class="col-9">

                {{ form_label(form.areaPrices) }}
                {{ form_widget(form.areaPrices, {'attr':{'class':'form_areaPrices', 'data-index':form.areaPrices.children|length}}) }}
                <button type="button" class="btn btn-link add_item_link" data-collection-holder-class="form_areaPrices">
                    <i class="fa fa-plus pr-1"></i>
                    New price rule
                </button>
            </fieldset>
        </div>
    </div>
{% endblock %}

{% block _map_calculator_areas_lists_entry_areaPrices_entry_row %}
    <fieldset class="entryContainer area-price" data-index="{{ form.vars.name }}">
        <div id="map_calculator_areas_0_areaPrices_1" class="d-flex w-100">
            <div class="">
                {{ form_widget(form.weightFrom) }}
            </div>
            <div class="mx-2">
                {{ form_widget(form.weightTo) }}

            </div>
            <div class="">
                {{ form_widget(form.price) }}
            </div>
            <div class="">

                <button type="button" class="btn btn-close field-collection-delete-button" title="Remove the item"
                        onclick="this.closest('.entryContainer').remove(); return false;">
                </button>
            </div>
        </div>
    </fieldset>
{% endblock %}