{% extends "admin/change_form.html" %}
{% load i18n admin_urls static admin_modify jazzmin %}
{% get_jazzmin_settings request as jazzmin_settings %}

{% block extrajs %}
{{ block.super }}
<script>
    $(document).ready(function () {
        setTimeout(function () {
            var scrollpos = localStorage.getItem('scrollpos');
            if (scrollpos) window.scrollTo(0, scrollpos);
            localStorage.removeItem('scrollpos');
        }, 300)

        if (!document.location.hash) {
           $('a:contains("{% trans "Schritte" %}")').click()
        }

        let failed_step = new URLSearchParams(window.location.search).get('failed_step')
        if (failed_step != null) {
            let step_index = Number(failed_step)
            let row = $('tr[id^=steps]')[step_index]
            row.style.backgroundColor = '#ffcccc'
            new Promise(r => setTimeout(r, 300)).then(() => row.scrollIntoView())
        }
    })
</script>
{% endblock %}

{% block on_formset_added %}
<script type="text/javascript">
    function onFormsetAdded(event) {
        const row = event.target
        const add_related_link = django.jQuery('a.add-related', row)

        if (add_related_link.length === 1) {
            const add_related_select_id = add_related_link.attr('id').replace('add_', '')
            sessionStorage.setItem('add-related-select-id', add_related_select_id)
        }
        $('a.save-row').show()
    }
</script>
{% endblock %}

{% block formset_form %}
<script type="text/javascript">
    $(document).ready(function () {
        // Selects in a saved form of a formset
        const formset_forms = django.jQuery('.form-row.has_original')
        formset_forms.each((index, form) => {
            const to_keyword_add = django.jQuery('a.add-related', form)
            if (to_keyword_add.length === 1) {
                const to_keyword_select_id = to_keyword_add.attr('id').replace('add_', '')
                sessionStorage.setItem('add-related-select-id', to_keyword_select_id)
            }
            const to_keyword_select = django.jQuery('select[name$="-to_keyword"]', form)
            const window_select = django.jQuery('select[name$="-window"]', form)

            window_select.on('change', function () {
                $('.button-save').click()
            })

            to_keyword_select.on('select2:clearing', function (event) {
                event.preventDefault()
                const result = confirm('{% trans "Sicher?" %}')

                if (result) {
                    django.jQuery(event.target).val(null).trigger('change');
                }
            })

            if (index === 0) {
                // When the first step is added reload the page in order to add the tab 'Execution'
                to_keyword_select.on('change', function () {
                    $('.button-save').click()
                })
            }
            else {
                to_keyword_select.on('change', function () {
                    const related_widget_link = to_keyword_select.siblings('a').first()
                    const test_step_id = to_keyword_select.closest('tr').find('input[id$="-id"]').attr('value')
                    const test_step_url = `/testcases/teststep/${test_step_id}/change`
                    const values_link = to_keyword_select.closest('tr').find('td.field-values a')
                    const values_icon = values_link.find('i')

                    if (to_keyword_select.val()) {
                        $.post(
                            window.location.href,
                            $('form').serialize() + "&_continue=",
                            function () {
                                values_link.css('visibility', 'visible')
                                $.get(
                                    test_step_url + '?step-changed',
                                    function (res) {
                                        related_widget_link.replaceWith(res)
                                        presentRelatedObjectModal()
                                    }
                                )
                                $.get(
                                    test_step_url + '?update-icon',
                                    function (res) {
                                        values_icon.replaceWith(res);
                                        presentRelatedObjectModal()
                                    }
                                )
                            }
                        )
                    }
                    else {
                        $.post(
                            window.location.href,
                            $('form').serialize() + "&_continue=",
                            function () {
                                values_link.css('visibility', 'hidden')
                                $.get(
                                    test_step_url + '?step-empty',
                                    function (res) {
                                        related_widget_link.replaceWith(res);
                                        presentRelatedObjectModal()
                                    }
                                )
                            }
                        )
                    }
                })
            }
        })
    })
</script>
{% endblock %}

{% block page_actions %}
    {% if not add %}
    <div class="col-12 col-md-auto d-flex align-items-center justify-content-end page-actions">
        <a id="export-button" href="{% add_preserved_filters add_url is_popup to_field %}?export" class="btn {{ jazzmin_ui.button_classes.success }} float-right">
            <i class="fa-solid fa-file-export"></i> &nbsp; Export .robot
        </a>
    </div>
    {% endif %}
{% endblock %}