{{ form_start(form) }}
{% import '@LcShop/backend/default/block/macros.html.twig' as macros %}

{% set formValues = form.vars.value %}

<div id="lc-merchant-edit">
    <div class="card card-light">
        <div class="lc-vue-js-container card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="nav-params">
                <li class="nav-item" v-for="section in sectionsArray">
                    <button type="button"
                            :class="'btn '+((currentSection == section.name) ? 'btn btn-primary' : 'btn ')"
                            @click="changeSection(section)">
                        ${ section.nameDisplay }
                        <span class="glyphicon glyphicon-triangle-bottom"></span>
                        <i class="fa fa-exclamation-circle invalid-form"></i>
                    </button>
                </li>
            </ul>
        </div>
    </div>
    <div class="form ">

        <div v-show="currentSection == 'general'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_general.html.twig' %}
        </div>
        <div v-show="currentSection == 'product'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_product.html.twig' %}
        </div>
        <div v-show="currentSection == 'order'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_order.html.twig' %}
        </div>
        <div v-show="currentSection == 'email'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_email.html.twig' %}
        </div>
        <div v-show="currentSection == 'delivery'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_delivery.html.twig' %}
        </div>
        <div v-show="currentSection == 'address'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_address.html.twig' %}
        </div>
        <div v-show="currentSection == 'seo'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_seo.html.twig' %}
        </div>
        <div v-show="currentSection == 'maintenance'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_maintenance.html.twig' %}
        </div>
        <div v-show="currentSection == 'lunch'" class="panel panel-default">
            {% include '@LcShop/backend/merchant/panel_lunch.html.twig' %}
        </div>
    </div>

</div>
{{ form_end(form) }}