<script>
    jQuery(document).on('click', '#startcheck', function () {
	    var ajaxurl = typeof trainingssystem_plugin_v2_ajax !== 'undefined' ? trainingssystem_plugin_v2_ajax.trainingssystem_plugin_v2_ajax_url : null;

        jQuery('.ts-forms-form-{{resultid}} .ts-forms-submitmanually').html('Speichern').removeClass("mb-3").addClass('btn-info');

        jQuery('#beforestart').hide();

        updateBar(0);
        jQuery('#progbar').show();

        //toggle class selected mit checked
        jQuery('input').click(function () {
            jQuery('input:not(:checked)').next().removeClass("selected");
            jQuery('input:checked').next().addClass("selected");
        });


        var allefragen = [];
        jQuery('.form-group:not(.result-field)').each(function () {
            allefragen.push(jQuery(this));
        });

        console.log("allefragen.length: " + allefragen.length);
        /*alle fragen bis auf die erste werden versteckt:*/
        for (var k = 1; k < allefragen.length; k++) {
            if (allefragen[k] != null) {
                allefragen[k].hide();
            }
        }

        jQuery('#fragen').show();

        jQuery('input').click(function () {
            nextpage();
        });
        jQuery('#prev').click(function () {
            prevpage();
        });

        var done = 0;
        var next = 0;
        var part = 100 / allefragen.length;

        /*Weiterleitung Vor:*/
        function nextpage() {
            jQuery('#progbar').show();
            jQuery('#prev').fadeIn();
            next++;
            if (next < allefragen.length) {
                allefragen[next - 1].fadeOut(function () {
                    //checkfinish();
                    //givequestion();
                    if (allefragen[next] != undefined) {
                        allefragen[next].fadeIn();
                        done = done + part;
                        updateBar(done);
                    }
                    else {
                        next = qanzahl;
                    }
                });
            }
            if (next == allefragen.length) {
                done = part * allefragen.length;
                updateBar(done);
                allefragen[allefragen.length - 1].fadeOut();
                auswertung();

                jQuery('#progbar').hide();
                jQuery('#prev').hide();

            }
        };
        /**/


        /*Zurück*/
        function prevpage() {
            next--;
            if (next < allefragen.length - 1) {
                allefragen[next + 1].fadeOut(function () {

                    //checkfinishbackwards();
                    allefragen[next].fadeIn();
                    done = done - part;
                    updateBar(done);

                })
            }
            if (next == 0) {
                jQuery('#prev').fadeOut();
            }
        };



        // jQuery('#auswerten').on('click', function() {
        //   auswertung();
        // });

        /******************************Auswertung****************************************************************************/

        function auswertung() {

            jQuery('#ergebnis').show();

            var orgarot = jQuery('input[value="platzorgarot"].ts-forms-element:checked').length;
            var orgagelb = jQuery('input[value="platzorgagelb"].ts-forms-element:checked').length;
            var orgagrün = jQuery('input[value="platzorgagrün"].ts-forms-element:checked').length;

            var zeitrot = jQuery('input[value="platzzeitrot"].ts-forms-element:checked').length;
            var zeitgelb = jQuery('input[value="platzzeitgelb"].ts-forms-element:checked').length;
            var zeitgrün = jQuery('input[value="platzzeitgrün"].ts-forms-element:checked').length;

            var kulturrot = jQuery('input[value="platzkulturrot"].ts-forms-element:checked').length;
            var kulturgelb = jQuery('input[value="platzkulturgelb"].ts-forms-element:checked').length;
            var kulturgrün = jQuery('input[value="platzkulturgrün"].ts-forms-element:checked').length;




            console.log("orgagrün" + orgagrün);
            console.log("orgagelb" + orgagelb);
            console.log("orgarot" + orgarot);
            var ergebnisorga = 2 * orgarot + 1 * orgagelb;
            console.log("Ergebnisorga :" + ergebnisorga);

            var ergebniszeit = 2 * zeitrot + 1 * zeitgelb;
            console.log("Ergebniszeit :" + ergebniszeit);

            var ergebniskultur = 2 * kulturrot + 1 * kulturgelb;
            console.log("Ergebniskultur :" + ergebniskultur);


            /*Generalinfo*/
            if (ergebnisorga > 0 || ergebniszeit > 0 || ergebniskultur > 0) {
                jQuery('.generalinfo').show();
            }


            /*Organisation*/
            if (ergebnisorga >= 8) {
                jQuery('.orgarot').show();
            }
            else if (ergebnisorga < 8 && ergebnisorga >= 3) {
                jQuery('.orgagelb').show();
            }
            else if (ergebnisorga < 3 && ergebnisorga > 0) {
                jQuery('.orgagrün').show();
            }
            else if (ergebnisorga == 0) {
                jQuery('.orga0').show();
            }

            /*Zeit*/
            if (ergebniszeit >= 9) {
                jQuery('.zeitrot').show();
            }
            else if (ergebniszeit < 9 && ergebniszeit >= 3) {
                jQuery('.zeitgelb').show();
            }
            else if (ergebniszeit < 3 && ergebniszeit > 0) {
                jQuery('.zeitgrün').show();
            }
            else if (ergebniszeit == 0) {
                jQuery('.zeit0').show();
            }

            /*Kultur*/
            if (ergebniskultur >= 8) {
                jQuery('.kulturrot').show();
            }
            else if (ergebniskultur < 8 && ergebniskultur >= 3) {
                jQuery('.kulturgelb').show();
            }
            else if (ergebniskultur < 3 && ergebniskultur > 0) {
                jQuery('.kulturgrün').show();
            }
            else if (ergebniskultur == 0) {
                jQuery('.kultur0').show();
            }


            var gesamtpunkte_orga = (orgarot + orgagelb + orgagrün) * 2;
            var gesamtpunkte_zeit = (zeitrot + zeitgelb + zeitgrün) * 2;
            var gesamtpunkte_kultur = (kulturrot + kulturgelb + kulturgrün) * 2;

            var percentorga = Math.round(ergebnisorga / gesamtpunkte_orga * 100);
            var percentzeit = Math.round(ergebniszeit / gesamtpunkte_zeit * 100);
            var percentkultur = Math.round(ergebniskultur / gesamtpunkte_kultur * 100);

            {% if resultid is not empty and userid != 0 %}

            var resultObj = new Object();
            resultObj['orga'] = percentorga;
            resultObj['zeit'] = percentzeit;
            resultObj['kultur'] = percentkultur;
            jQuery('.ts-forms-form-{{resultid}} .ts-forms-element-{{resultid}}').first().val(JSON.stringify(resultObj));

            {% endif %}

            {% if userid != 0 %}

            jQuery.ajax({
				type: 'POST',
				url: ajaxurl,
				data: {
					"action": "check_completed",
                    "checktitle": '{{ title }}',
					"url": location.href
				},
				error: function(errorThrown){
                    console.error("check completed ajax failed:");
					console.error(errorThrown);
				}
			});

            {% endif %}

            ////////////////////////////////////Highcharts////////////////////////////////////////////////////////////////////////////////////
            Highcharts.chart('orga', {

                credits: {
                    enabled: false
                },
                exporting: {
                    enabled: false
                },
                chart: {
                    type: 'gauge',
                    plotBackgroundColor: null,
                    plotBackgroundImage: null,
                    plotBorderWidth: 0,
                    plotShadow: false
                },

                title: {
                    text: ''
                },

                pane: {
                    startAngle: -150,
                    endAngle: 150,
                    background: [{
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#FFF'],
                                [1, '#333']
                            ]
                        },
                        borderWidth: 0,
                        outerRadius: '109%'
                    }, {
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#333'],
                                [1, '#FFF']
                            ]
                        },
                        borderWidth: 1,
                        outerRadius: '107%'
                    }, {
                        // default background
                    }, {
                        backgroundColor: '#DDD',
                        borderWidth: 0,
                        outerRadius: '105%',
                        innerRadius: '103%'
                    }]
                },

                // the value axis
                yAxis: {
                    min: 0,
                    max: 100,

                    minorTickInterval: 'auto',
                    minorTickWidth: 1,
                    minorTickLength: 10,
                    minorTickPosition: 'inside',
                    minorTickColor: '#666',

                    tickPixelInterval: 30,
                    tickWidth: 2,
                    tickPosition: 'inside',
                    tickLength: 10,
                    tickColor: '#666',
                    labels: {
                        step: 2,
                        rotation: 'auto'
                    },
                    title: {
                        text: 'Arbeitsorganisation'
                    },
                    plotBands: [{
                        from: 0,
                        to: 15,
                        color: '#55BF3B' // green
                    }, {
                        from: 15,
                        to: 55,
                        color: '#DDDF0D' // yellow
                    }, {
                        from: 55,
                        to: 100,
                        color: '#DF5353' // red
                    }]
                },

                series: [{
                    name: 'Auswertung',
                    data: [percentorga],
                    tooltip: {
                        valueSuffix: ' Organisation'
                    }
                }]

            }); //************************************************ORGA


            Highcharts.chart('zeit', {

                credits: {
                    enabled: false
                },
                exporting: {
                    enabled: false
                },
                chart: {
                    type: 'gauge',
                    plotBackgroundColor: null,
                    plotBackgroundImage: null,
                    plotBorderWidth: 0,
                    plotShadow: false
                },

                title: {
                    text: ''
                },

                pane: {
                    startAngle: -150,
                    endAngle: 150,
                    background: [{
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#FFF'],
                                [1, '#333']
                            ]
                        },
                        borderWidth: 0,
                        outerRadius: '109%'
                    }, {
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#333'],
                                [1, '#FFF']
                            ]
                        },
                        borderWidth: 1,
                        outerRadius: '107%'
                    }, {
                        // default background
                    }, {
                        backgroundColor: '#DDD',
                        borderWidth: 0,
                        outerRadius: '105%',
                        innerRadius: '103%'
                    }]
                },

                // the value axis
                yAxis: {
                    min: 0,
                    max: 100,

                    minorTickInterval: 'auto',
                    minorTickWidth: 1,
                    minorTickLength: 10,
                    minorTickPosition: 'inside',
                    minorTickColor: '#666',

                    tickPixelInterval: 30,
                    tickWidth: 2,
                    tickPosition: 'inside',
                    tickLength: 10,
                    tickColor: '#666',
                    labels: {
                        step: 2,
                        rotation: 'auto'
                    },
                    title: {
                        text: 'Arbeitszeit'
                    },
                    plotBands: [{
                        from: 0,
                        to: 15,
                        color: '#55BF3B' // green
                    }, {
                        from: 15,
                        to: 55,
                        color: '#DDDF0D' // yellow
                    }, {
                        from: 55,
                        to: 100,
                        color: '#DF5353' // red
                    }]
                },

                series: [{
                    name: 'Auswertung',
                    data: [percentzeit],
                    tooltip: {
                        valueSuffix: ' Zeit'
                    }
                }]

            }); //************************************************ZEIT


            Highcharts.chart('kultur', {

                credits: {
                    enabled: false
                },
                exporting: {
                    enabled: false
                },
                chart: {
                    type: 'gauge',
                    plotBackgroundColor: null,
                    plotBackgroundImage: null,
                    plotBorderWidth: 0,
                    plotShadow: false
                },

                title: {
                    text: ''
                },

                pane: {
                    startAngle: -150,
                    endAngle: 150,
                    background: [{
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#FFF'],
                                [1, '#333']
                            ]
                        },
                        borderWidth: 0,
                        outerRadius: '109%'
                    }, {
                        backgroundColor: {
                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                            stops: [
                                [0, '#333'],
                                [1, '#FFF']
                            ]
                        },
                        borderWidth: 1,
                        outerRadius: '107%'
                    }, {
                        // default background
                    }, {
                        backgroundColor: '#DDD',
                        borderWidth: 0,
                        outerRadius: '105%',
                        innerRadius: '103%'
                    }]
                },

                // the value axis
                yAxis: {
                    min: 0,
                    max: 100,

                    minorTickInterval: 'auto',
                    minorTickWidth: 1,
                    minorTickLength: 10,
                    minorTickPosition: 'inside',
                    minorTickColor: '#666',

                    tickPixelInterval: 30,
                    tickWidth: 2,
                    tickPosition: 'inside',
                    tickLength: 10,
                    tickColor: '#666',
                    labels: {
                        step: 2,
                        rotation: 'auto'
                    },
                    title: {
                        text: 'Arbeitskultur'
                    },
                    plotBands: [{
                        from: 0,
                        to: 15,
                        color: '#55BF3B' // green
                    }, {
                        from: 15,
                        to: 55,
                        color: '#DDDF0D' // yellow
                    }, {
                        from: 55,
                        to: 100,
                        color: '#DF5353' // red
                    }]
                },

                series: [{
                    name: 'Auswertung',
                    data: [percentkultur],
                    tooltip: {
                        valueSuffix: 'Unternehmenskultur'
                    }
                }]

            }); //************************************************KULTUR

        }; /*Auswertung-Ende*/

        ////////////////////////////// Progressbar/////

        function updateBar(d) {
            var rounded = Math.round(d);
            jQuery('#progbar-numb').html("<p>" + rounded + "%</p>");
            jQuery('#progbar-inner').css({ 'width': d + "%" });
        }

        {% if resultid is not empty and userid != 0 %}

            jQuery(document).on('click', '.ts-forms-form-{{resultid}} .ts-forms-submitmanually', function (e) {
                
                jQuery.ajax({
                    type: 'POST',
                    url: ajaxurl,
                    data: {
                        "action": "check_saved",
                        "checktitle": '{{ title }}',
                        "url": location.href
                    },
                    error: function(errorThrown){
                        console.error("check saved ajax failed:");
                        console.error(errorThrown);
                    }
                });
            });

        {% endif %}

    }); //document ready Ende
</script>

<div class="tspv2_check">
    <div>
        <h1>{{ title }}</h1>
    </div>

    <div id="beforestart">
        <h4>Für wen ist dieser Check gedacht?</h4>
        <p>Dieser Check richtet sich vor allem an Beschäftigte aber auch Führungskräfte können damit ihren eigenen
            Arbeitsplatz prüfen.</p>

        <h4>Wie lange dauert dieser Check?</h4>
        <p>Die Beurteilung des eigenen Arbeitsplatzes nimmt nur wenige Minuten Zeit in Anspruch.</p>

        <h4>Was ist das Ergebnis dieses Checks?</h4>
        <p>Der Check liefert erste Hinweise, wo und in welchem Umfang an meinem Arbeitsplatz Handlungsbedarf im Hinblick
            auf
            die Gestaltung ressourcenförderlicher Arbeitsbedingungen besteht. Er empfiehlt Trainings, die dabei helfen
            können, diesen Bedarf zu decken.</p>

        {% if userid == 0 %}
        <div class="alert alert-info" role="alert">
            <h5><i class="fas fa-info-circle"></i>&nbsp;Hinweis</h5>
            <p>
                Sie sind momentan nicht angemeldet. Die Durchführung des Checks ist für Sie dennoch möglich und kann
                Ihnen als Modulempfehlung dienen.<br>
                Um Ihre Ergebnisse für spätere Analysen speichern zu können, melden Sie sich bitte <b>vor</b> der
                Durchführung des Checks im System an.
            </p>
        </div>
        {% endif %}

        <a class="btn btn-primary" id="startcheck">Arbeitsplatzscheck starten »</a>

    </div>

    <!-- MICHAEL -->
    <div id="progbar">
        <div id="progbar-numb"></div>
        <div id="progbar-inner"></div>
    </div>

    <div id="fragen">

        <div class="orgafragen">
            {{ orga|raw }}
        </div>

        <div class="zeitfragen">
            {{ zeit|raw }}
        </div>

        <div class="kulturfragen">
            {{ kultur|raw }}
        </div>

        <a class="btn btn-primary" id="prev"><i class="fas fa-chevron-left"></i>&nbsp;zurück</a>

        <!--<a class="btn btn-primary" id="auswerten">Auswertung</a>-->
    </div>
    <!--Fragen Ende-->

    <div id="ergebnis">
        <div class="row">

            <!--ARBEITSORGANISATION-->
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Arbeitsorganisation</h2>
                <div class="orga0">
                    <p>Herzlichen Glückwunsch! Sie haben an ihrem Arbeitsplatz eine gesundheitsförderliche
                        Arbeitsorganisation. Aktuell besteht kein Handlungsbedarf. Wir empfehlen eine Wiederholung des
                        Check-In in ca. einem Jahr, um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs sind.
                    </p>
                </div>

                <div class="orgagrün">
                    <p>Sie sind an ihrem Arbeitsplatz im Bereich Arbeitsorganisation schon sehr gut aufgestellt, denn es
                        wurde nur wenig Handlungsbedarf erkennbar. Nutzen Sie das Training, um gezielt dort optimale
                        Bedingungen zu schaffen, wo dies noch nicht ganz der Fall ist.</p>
                </div>

                <div class="orgagelb">
                    <p>Ihr Ergebnis deutet darauf hin, dass Sie an ihrem Arbeitsplatz bereits einige Teilbereiche einer
                        ressourcenstärkenden Arbeitsorganisation realisiert haben. Es zeigt sich ein Handlungsbedarf in
                        einzelnen Bereichen. Wir empfehlen Ihnen daher die Anwendung des Trainings. Hier werden Sie
                        gezielt
                        angeleitet, die vorhandenen Defizite in den Bereichen: Arbeitsaufgabe, Arbeitsabläufe,
                        Arbeitsziele
                        zu überwinden.</p>
                </div>

                <div class="orgarot">
                    <p>An Ihrem Arbeitsplatz besteht im Hinblick auf die Bereiche einer ressourcenförderlichen
                        Arbeitsorganisation Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des Trainings. Hier
                        werden Sie angeleitet, Ihre Arbeitsprozesse und Arbeitsaufgaben gesundheitsförderlich zu
                        gestalten.
                    </p>
                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="orga" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Arbeitsorganisation ENDE -->

        <!--row Arbeitszeit-->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Work-Life-Balance</h2>

                <div class="zeit0">
                    <p>Herzlichen Glückwunsch! An Ihrem Arbeitsplatz ist die Ausgestaltung der Arbeitszeit
                        ressourcenstärkend und gesundheitsförderlich organisiert und das Verhältnis von Arbeit und
                        Freizeit
                        ausgewogen. Für das Training besteht aktuell kein Handlungsbedarf. Wir empfehlen eine
                        Wiederholung
                        des Check-In in ca. einem Jahr, um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs
                        sind.
                    </p>
                </div>

                <div class="zeitgrün">
                    <p>Sie sind in den Bereichen Arbeitszeit und Verhältnis von Arbeit und Freizeit schon sehr gut
                        aufgestellt, denn es wurde nur wenig Handlungsbedarf erkennbar. Nutzen Sie das Training gezielt,
                        um
                        noch besser zu werden und alle Facetten der Arbeitszeitgestaltung zu optimieren. </p>
                </div>

                <div class="zeitgelb">
                    <p>Ihr Ergebnis deutet darauf hin, dass Sie bereits auf einem guten Weg sind, die Ausgestaltung
                        Ihrer
                        Arbeitszeit ressourcenstärkend und gesundheitsförderlich zu organisieren. Handlungsbedarf wird
                        insofern erkennbar, als noch nicht alle Facetten der Arbeitszeitgestaltung optimal ausgeprägt
                        sind.
                        Wir empfehlen daher die Anwendung des Trainings, damit Sie für den Umgang mit Überstunden,
                        Zeitdruck
                        und Entgrenzung gut aufgestellt sind. </p>
                </div>

                <div class="zeitrot">
                    <p>Für Sie besteht in Bezug auf die Gestaltung einer ressourcenförderlichen Arbeitszeit und die
                        Abgrenzung von Arbeit und Freizeit Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des
                        Trainings. Hier werden Sie angeleitet, ihre Arbeits- und Pausenzeiten sowie die Abgrenzung von
                        Arbeit und Freizeit zu überprüfen und ressourcenstärkend und gesundheitsförderlich zu gestalten.
                    </p>
                </div>

            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="zeit" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Work-Life-Balance Ende-->

        <!--row Unternehmenskultur-->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Unternehmenskultur</h2>

                <div class="kultur0">
                    <p>Herzlichen Glückwunsch! In Ihrem Unternehmen genießen Mitsprache, Fürsorge, Wertschätzung und
                        Fairness einen hohen Stellenwert. Das vorhandene Arbeitsklima ermöglicht es, Konflikte
                        konstruktiv
                        anzugehen, die Teambindung ist stark ausgeprägt. Aktuell besteht daher für das Training kein
                        Handlungsbedarf. Wir empfehlen eine Wiederholung des Check-In in ca. einem Jahr, um sicher zu
                        stellen, dass Sie weiter auf dem richtigen Kurs sind. </p>
                </div>

                <div class="kulturgrün">
                    <p>Sie sind im Bereich Unternehmenskultur schon sehr gut aufgestellt, denn es wurde nur wenig
                        Handlungsbedarf erkennbar. Nutzen Sie das Training gezielt, um noch besser zu werden und alle
                        Facetten einer ressourcenstärkenden Unternehmenskultur zu optimieren. </p>
                </div>

                <div class="kulturgelb">
                    <p>Ihr Ergebnis deutet darauf hin, dass Sie bereits auf einem guten Weg zur Ausgestaltung einer
                        ressourcenstärkenden Unternehmenskultur sind. Handlungsbedarf wird insofern erkennbar, dass noch
                        nicht alle Facetten optimal ausgeprägt sind. Wir empfehlen die Anwendung des Trainings, um
                        insgesamt
                        in Sachen Mitsprache, Fürsorge, Umgang mit Konflikten, Fairness und Arbeitsklima sehr gut
                        aufgestellt zu sein. </p>
                </div>

                <div class="kulturrot">
                    <p>In Ihrem Unternehmen besteht in Bezug auf viele Facetten einer ressourcenförderlichen
                        Unternehmenskultur Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des Trainings. Hier
                        werden Sie angeleitet, ein Klima von Fürsorge, Wertschätzung und Fairness zu schaffen, in dem
                        Konflikte konstruktiv angegangen werden und eine hohe Teambindung erreicht wird.</p>
                </div>

            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="kultur" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Arbeitskultur Ende-->

        <div class="generalinfo mt-5">
            <p class="info">Bevor Sie mit dem Training in den oben genannten Bereichen beginnen, empfehlen wir zum
                Einstieg das Training „Gesunde Arbeit“.</p>
            {% if resultid is not empty and userid != 0 %}
            <div class="card mt-4">
                <div class="card-header">
                    <h4 class="m-0">
                        <i class="fas fa-chart-bar"></i>&nbsp;Eingaben speichern?
                    </h4>
                </div>
                <div class="card-body">
                    <p class="mb-0">
                        Möchten Sie Ihre Check-Ergebnisse speichern, um sie zu einem anderen Zeitpunkt wieder abzurufen
                        und Ihre Ergebnisse im zeitlichen Verlauf verfolgen zu können?
                    </p>
                </div>
                <div class="card-footer d-flex flex-row align-items-center">
                    {{result_tsform|raw }}
                    <span class="text-muted pl-3">
                        Das Löschen aller in diesem System getätigten Eingaben, welches Sie in Ihrem <a
                            href="{{ profile_link }}" target="_blank" title="Persönlicher Bereich">persönlichen
                            Bereich</a> vornehmen können, schließt auch die Eingaben in die Checks mit ein.
                    </span>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
    <!--Ergebnis Ende -->
</div>