{% trans_default_domain 'configuratore' %}
<div class="md-modal md-effect-5 md-blue colorize-overlay" id="configengine-dlg">
    <div class="md-content">
        <div class="row">
            <!-- /col 6 -->
            <section class="tile transparent">
                <!-- tile widget -->
                <div class="tile-widget color transparent-black rounded-top-corners">
                    <h2 style="display: inline-flex; width:  100%;">
                        <div id="dlg-title" style="width:  50%;"></div>
                        <div style="width:  50%; text-align: right;">
                            <a id="dlg-close" class="submit font-slab submit-quit" href="javascript: closeConfigEngine();">
                                <strong><i class="fa fa-close"></i></strong>
                            </a>
                        </div>
                    </h2>
                    <!-- /tile body -->
                    <div class="tile-body nopadding">
                        <div class="dlg-message" id="dlg-message" style="min-height: 600px; overflow: overlay;">

                            <div class="detail-body col-md-12" id="block-detail-box-config-engine">


                                <div class="hint-config-engine spacebetweenparts">

                                </div>


                            </div>
                            <div style="clear: both;"></div>    
                        </div>
                    </div>
                    <!-- tile footer -->
                </div>
                <!-- /tile footer -->
            </section>
        </div>
    </div>
</div>
<script type="text/javascript">
    var onconfirm = null;
    function initConfigEngine() {
        $('#configengine-dlg').on('mouseover', '.show-hint', function(v) {
            let code = $(this).data('code'); 
            $('#block-detail-box-config-engine #selected-field-help > div > div').addClass('hidden-element');
            $('#block-detail-box-config-engine #selected-field-help > div > div.' + code).removeClass('hidden-element');
        });
    }

    function showConfigEngine(title, body, tipocodice, codice, setdefault, tipo, uid, onOk) {
        var modal = document.querySelector('#configengine-dlg');
        let cururl = "{{ path('page_configc4rgo2dauto', {'tipocodice':':::C','b64codice':':::B', 'default':':::D','tipo':':::T'}) }}".replace(':::C', tipocodice).replace(':::B', codice).replace(':::D', setdefault).replace(':::T', tipo);
        if (tipo === 'D') {
            cururl = "{{ path('page_config3d', {'tipocodice':':::C','b64codice':':::B', 'default':':::D','tipo':':::T','uid':':::U'}) }}".replace(':::C', tipocodice).replace(':::B', codice).replace(':::D', setdefault).replace(':::T', tipo).replace(':::U', uid);
        }
        $('#configengine-dlg #dlg-title').html(""); //{{'Config Engine'|trans }}");
        $("#block-detail-box-config-engine").html('<div class="spinner"></div>');
        classie.add(modal, 'md-show');
        // {tipocodice}/{b64codice}/{default}/{tipo}
    
        var request = $.ajax({
            url: cururl,
            method: "GET",
            data: {},
            dataType: "html"
        });
        request.done(function (msg) {
            $("#block-detail-box-config-engine").html(msg);
            $(".area-configurazione").addClass("area-configurazione-" + tipo);
            $("#configengine-dlg .detail-body #form_close").on("click", closeConfigEngine);
            $("#configengine-dlg .detail-body #form_save").on("click", function(v) {
                let form = $(this).parent().parent();
                let actionUrl = cururl;
                let method = form.attr('method');
                $('#alert-config-engine').removeClass('ok-message');
                $('#alert-config-engine').removeClass('err-message');
                $('#alert-config-engine').addClass('hidden-element');
                $.ajax({
                    type: method,
                    url: actionUrl,
                    data: form.serialize(), // serializes the form's elements.
                }).done(
                    function(data)
                    {
                        if (data.err === 0) {
                           // $('#alert-config-engine').html("{{ 'save successful'|trans }}");
                          //  $('#alert-config-engine').addClass('ok-message');
                            closeConfigEngine();
                        }
                        else {
                            $('#alert-config-engine').html("{{ 'error while saving'|trans }}");
                            $('#alert-config-engine').addClass('err-message');

                        }
                        $('#alert-config-engine').removeClass('hidden-element');
                    }
                ).fail(function(ex) {
                    $('#alert-config-engine').html("{{ 'error while saving'|trans }}");
                    $('#alert-config-engine').addClass('err-message');
                    $('#alert-config-engine').removeClass('hidden-element');
                })
				.always(function() {
                    if (typeof onOk === 'function') {
                        onOk(tipo);
                    }
				});                

            });
        });
        request.fail(function (jqXHR, textStatus) {
            alert("Request failed: " + textStatus);
        });


    }

    function closeConfigEngine() {
        var modal = document.querySelector('#configengine-dlg');
        classie.remove(modal, 'md-show');
    }


</script>