<script>
{% if start == 1 %}
jQuery( document ).ready(function() {
{% else %}
jQuery(document).on('click', '#startcheck', function () {
{% endif %}
    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)').parent().removeClass("selected");
        jQuery('input:checked').parent().addClass("selected");
    });
    
    var allefragen = [];
    jQuery('.form-group:not(.result-field)').each(function () {
        allefragen.push(jQuery(this));
    });
    
    /*alle fragen bis auf die erste werden versteckt:*/
    for (var k = 1; k < allefragen.length; k++) {
        if (allefragen[k] != null) {
            allefragen[k].hide();
        }
    }
    allefragen[0].parent().parent().parent().show();
    
    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();
                    allefragen[next-1].parent().parent().parent().hide();
                    allefragen[next].parent().parent().parent().show();
                    done = done + part;
                    updateBar(done);
                }
                else {
                    next = qanzahl;
                }
            });
        }
        if (next == allefragen.length) {
            done = part * allefragen.length;
            updateBar(done);
            allefragen[allefragen.length - 1].fadeOut();
            allefragen[allefragen.length - 1].parent().parent().parent().hide();
            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();
                allefragen[next+1].parent().parent().parent().hide();
                allefragen[next].parent().parent().parent().show();
                done = done - part;
                updateBar(done);
            })
        }
        if (next == 0) {
            jQuery('#prev').fadeOut();
        }
    };
    
    
    
    // jQuery('#auswerten').on('click', function() {
    //   auswertung();
    // });
    
    /******************************Auswertung****************************************************************************/
    
    function auswertung() {
    
        jQuery('#ergebnis').show();
    
        var psc_1 = jQuery('input[value="psc_1"].ts-forms-element:checked').length;
        var psc_2 = jQuery('input[value="psc_2"].ts-forms-element:checked').length;
        var psc_3 = jQuery('input[value="psc_3"].ts-forms-element:checked').length;
        var psc_4 = jQuery('input[value="psc_4"].ts-forms-element:checked').length;
        var psc_5 = jQuery('input[value="psc_5"].ts-forms-element:checked').length;
                            
        var ergebnispsc = 5* psc_5 + 4 * psc_4 + 3 * psc_3 + 2 * psc_2 + 1 * psc_1;
        
        /*Generalinfo Speichern etc.*/
        if (ergebnispsc > 0 ) {
            jQuery('.generalinfo').show();
        }
               
        /*PSC*/
        if (ergebnispsc >= 13) {
            jQuery('.pscgrün').show();
        }
        else if (ergebnispsc < 13 && ergebnispsc >= 9) {
            jQuery('.pscgelb').show();
        }
        else if (ergebnispsc < 9) {
            jQuery('.pscrot').show();
        }

        var gesamtpunkte_psc = (psc_1 + psc_2 + psc_3 + psc_4 +psc_5) * 5;

        var percentpsc = 100 - Math.round( (ergebnispsc - 4) / (gesamtpunkte_psc - 4) * 100);

    
        {% if resultid is not empty and userid != 0 %}
    
        var resultObj = new Object();
        resultObj['psc'] = percentpsc;
    
        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('psc', {
    
            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: 'Klima für die<br/>mentale Gesundheit'
                },
                plotBands: [{
                    from: 0,
                    to: 44,
                    color: '#55BF3B' // green
                }, {
                    from: 44,
                    to: 69,
                    color: '#DDDF0D' // yellow
                }, {
                    from: 69,
                    to: 100,
                    color: '#DF5353' // red
                }]
            },
    
            series: [{
                name: 'Auswertung',
                data: [percentpsc],
                tooltip: {
                    valueSuffix: 'Klima für die mentale Gesundheit'
                }
            }]
    
        }); //************************************************PSC Ende
        
    }; /*Auswertung-Ende*/
    
    ////////////////////////////// Progressbar/////
    
    function updateBar(d) {
        var rounded = Math.round(d);
        jQuery('#progbar-numb').html("<p class='mb-0 mx-auto my-auto'>" + 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">
    
        <p>
            Das Klima für die mentale Gesundheit als Bestandteil einer Organisationskultur beschreibt Regeln, 
            Praktiken und Verfahren eines Unternehmens, die dem Zweck dienen, die mentale Gesundheit und Sicherheit 
            der Beschäftigten zu fördern. Ein als zu niedrig wahrgenommenes Klima kann als Warnzeichen gelten, Maßnahmen 
            zur Reduktion mentaler Arbeitsbelastungen und zur gesundheitsförderlichen Gestaltung der Arbeitsbedingungen anzugehen.
        </p>
            
    
        {% if userid == 0 %}
        <div class="alert alert-info" role="alert">
            <h5><i aria-hidden="true" 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.<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">Selbst-Check starten »</a>
    
    </div>
    
    <div id="progbar" class="position-relative rounded my-4">
        <div id="progbar-numb" class="d-flex w-100"></div>
        <div id="progbar-inner" class="rounded"></div>
    </div>
    
    <div id="fragen">
    
        <div class="pscfragen fragen-thema">
            {{ psc|raw }}
        </div>
        
        <a class="btn btn-primary" id="prev"><i aria-hidden="true" class="fas fa-chevron-left"></i>&nbsp;zurück</a>
    
        <!--<a class="btn btn-primary" id="auswerten">Auswertung</a>-->
    </div>

    <div id="ergebnis">
        <h2>Ergebnis</h2>
        <div class="row">
            <!--PSC-->
            <div class="col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
                
                <div class="pscgrün" style="display: none;">
                    <p>
                        In Ihrem Unternehmen scheint ein gutes Klima für die mentale Gesundheit der Mitarbeitenden zu bestehen. 
                        Wissenschaftliche Studien zeigen, dass ein gutes Klima im Unternehmen das Wohlbefinden und die Zufriedenheit 
                        der Belegschaft fördert und sogar hilft, Phasen erhöhter Belastungen abzufedern. 
                    </p>
                    <p>
                        Damit das so bleibt, sollte z.B. die regelmäßige Analyse von Risikoquellen für die mentale Gesundheit der 
                        Beschäftigten als Routineprozess im Unternehmen verankert werden. So können Sie auf zukünftige Belastungen 
                        frühzeitig reagieren und angemessene Maßnahmen ergreifen.
                    </p>
                </div>
    
                <div class="pscgelb" style="display: none;">
                    <p>
                        Das Klima für die mentale Gesundheit scheint in Ihrem Unternehmen mittelmäßig ausgeprägt zu sein. 
                        Es scheinen gute Voraussetzungen vorzuliegen, um die mentale Gesundheit der Mitarbeitenden jetzt mit 
                        strukturierten Maßnahmen zu fördern. Eine genauere Analyse aktueller Belastungsfaktoren kann Aufschluss 
                        über Risikoquellen für die mentale Gesundheit liefern. Vielleicht kennen Sie auch bereits Belastungsfaktoren, 
                        die Sie nun mit geeigneten Maßnahmen reduzieren sollten.
                    </p>
                    <p>
                        Mit Implement stehen Ihnen verschiedene Online-Angebote zur Verfügung, die Ihnen dabei helfen können. Dazu 
                        gehören Gesundheitsanalysen und Trainings, mit denen Sie gemeinsam im Team oder im gesamten Unternehmen verschiedene 
                        Belastungsfaktoren in den Blick nehmen und Gegenmaßnahmen entwickeln. Das können aber auch Gesundheitstrainings sein, 
                        mit denen die Mitarbeitenden ganz für sich etwas tun können, um Ihre mentale Gesundheit zu stärken.
                    </p>
                </div>
    
                <div class="pscrot" style="display: none;">
                    <p>
                        Das Klima für die mentale Gesundheit scheint in Ihrem Unternehmen ziemlich niedrig zu sein. Wissenschaftliche Studien 
                        zeigen, dass ein niedriges Klima im Unternehmen mit einem erhöhten Risiko für mentale Probleme in der Belegschaft einher 
                        geht. Auch die Arbeitszufriedenheit leidet unter einem kritischen Klima und die Wechselabsicht der Mitarbeitenden steigt. 
                    </p>
                    <p>
                        In so einem Fall ist es höchste Zeit, die mentale Gesundheit der Belegschaft zur Führungsaufgabe zu machen. Eine genauere 
                        Analyse kann Aufschluss darüber geben, an welchen Stellen der höchste Handlungsbedarf besteht. Mit Implement stehen Ihnen 
                        verschiedene Online-Angebote zur Verfügung, die Ihnen dabei helfen können, Maßnahmen zur Reduktion der Risiken für die 
                        mentale Gesundheit im Unternehmen zu durchzuführen. Dazu gehören Gesundheitsanalysen und Trainings, mit denen Sie gemeinsam 
                        im Unternehmen verschiedene Belastungsfaktoren in den Blick nehmen und Gegenmaßnahmen entwickeln. Das können aber auch 
                        Gesundheitstrainings sein, mit denen die Mitarbeitenden ganz für sich etwas tun können, um Ihre mentale Gesundheit zu stärken.
                    </p>

                </div>
            </div>
    
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="psc" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row PSC ENDE -->
            
        <div class="generalinfo mt-5">
    
            {% if resultid is not empty and userid != 0 %}
            <div class="card mt-4">
                <div class="card-header">
                    <h4 class="m-0">
                        <i aria-hidden="true" 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 <a href="{{ check_results_overview_link }}">Ergebnisse</a> 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">
                        All Ihre Eingaben auf dieser Plattform können in Ihrem 
                        <a href="{{ profile_link }}" target="_blank" title="Persönlicher Bereich">persönlichen
                        Bereich</a>  zu einem späteren Zeitpunkt wieder gelöscht werden.
                    </span>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
     <!--Ergebnis Ende -->
</div>