{% form_theme form with form.vars.qb_form_theme %}
{{ form_start(form, { attr:{id:form.vars.id, method: 'post'} }) }}
{{ form_widget(form._token) }}
{{ form_widget(form.eventResolver) }}
{{ form_widget(form.order) }}
<div class="qb-frm">
    <div class="row nmlf">
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-10">{{ form_row(form.name, { attr: {class: 'form-control'} }) }}</div>
                <div class="col-md-2 cntcheck">{{ form_row(form.active, { attr: {class: 'minimal'} }) }}</div>
            </div>
            <div class="row">
                <div class="col-md-12">{{ form_row(form.parent, { attr: {class: 'form-control'} }) }}</div>
            </div>
            <div class="row">
                <div class="col-md-12">{{ form_row(form.accessibility, { attr: {class: 'form-control'} }) }}</div>
            </div>
            <div class="row">
                <div class="col-md-12">{{ form_row(form.metadata.userGroups, { attr: {class: 'form-control'} }) }}</div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-12">{{ form_row(form.linkedType, { attr: {class: 'form-control'} }) }}</div>
            </div>
            <div id="qbcont-linkdata" style="display: {{ (form.linkedType.vars.value == 'link') ? 'block' : 'none' }};">
                <div class="row">
                    <div class="col-md-12">{{ form_row(form.metadata.route, { attr: {class: 'form-control'} }) }}</div>
                </div>
                <div class="row">
                    <div class="col-md-12">{{ form_row(form.metadata.hrefTarget, { attr: {class: 'form-control'} }) }}</div>
                </div>
            </div>
        </div>
        <div id="qbsection-containe"></div>

    </div>
    <h4 class="page-header" style="padding: 0 15px;">{{ 'qbabitcore_datoseo' | trans({}, 'qbabitcore') }}</h4>
    <div class="row nmlf">
        <div class="col-md-6">{{ form_row(form.seotitle, {'attr':{'class': 'form-control'} }) }}</div>
        <div class="col-md-6">{{ form_row(form.seokeywords, {'attr':{'class': 'form-control'} }) }}</div>
        <div class="col-md-12">{{ form_row(form.seometadescription, {'attr':{'class': 'form-control'} }) }}</div>

    </div>
    <div class="qb-btn-formater">
        <button type="submit" id="menu_submit" name="menu_submit"
                class="btn btn-primary">{{ "save" | trans({}, "qbabitcore") }}
        </button>
        <button type="button" id="menu_button" name="menu_submit"
                class="btn">{{ "cancel" | trans({}, "qbabitcore") }}
        </button>
    </div>
</div>
{{ form_end(form) }}
<script type="text/javascript">

    function QbabitJavascriptsMenu() {

        jQuery('#{{ form.linkedType.vars.id }}').on('change', function (e) {
            var _this = jQuery(this);
            var item = jQuery('#{{ form.metadata.route.vars.id }}');
            jQuery('#{{ form.eventResolver.vars.id }}').val('');
            jQuery('#qbsection-container').empty();
            if (_this.val() == 'link') {
                item.closest('#qbcont-linkdata').show();
                return;
            }
            item.val('');
            item.closest('#qbcont-linkdata').hide();

            if (_this.val() == 'link_content') {
                MKLib.AjaxUpdate('{{ path('qbmenu_load_content') }}', 'qbsection-container', '', 'get');
            }
        });



        {#jQuery("#{{ form.vars.id }}").on('submit', function (e) {#}
            {#e.preventDefault();#}
            {#var _this = jQuery(this);#}
            {#MKLib.AjaxRequest(_this.attr('action'), _this.attr('id'), function (j) {#}
                {#var status = parseInt(j.status);#}
                {#if (status === 1) {#}
                    {#MKLib.showMsg('alert-success', '{{ "js_datos_guardados" | trans({}, "corerror") }}');#}
                    {#{% if not form.vars.value.id %}#}
                    {#MKLib.AjaxSilent('{{ path('qbmenu_item_edit', {menu: menu.id} | merge(paramsUrl)) }}', '', function (html) {#}
                        {#jQuery('#dvupdate').html(html);#}
                        {#MKLib.unlockScreen();#}
                    {#}, 'text', 'get');#}
                    {#{% else %}#}
                    {#MKLib.unlockScreen();#}
                    {#{% endif %}#}
                {#} else {#}
                    {#if (status === 2) {#}
                        {#MKLib.showMsg('alert-danger', '{{ "js_acceso_denegado" | trans({}, "corerror") }}');#}
                    {#}#}
                    {#MKLib.unlockScreen();#}
                {#}#}
                {#if (j.stringError) {#}
                    {#MKLib.showMsg('alert-danger', j.stringError);#}
                    {#MKLib.unlockScreen();#}
                {#}#}
                {#Util.renderErrors(j.error);#}
            {#}, 'json');#}
        {#});#}

        jQuery("#menu_button").on('click', function () {
            MKLib.AjaxUpdate("{{ (form.vars.value.id ? path("qbmenu_items_index", {menu: menu.id} | merge(paramsUrl) ) : path("qbmenu_index", paramsUrl)) | raw }}", 'dvupdate', '');
        });
    }

    {% if app.request.isXmlHttpRequest == false %}
    window.addEventListener('load', function () {
        QbabitJavascriptsMenu();
    }, false);
    {% else %}
    jQuery(function () {
        QbabitJavascriptsMenu();
    });
    {% endif %}
</script>