<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));
        });

        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();
            }
        }
        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 orgarot = jQuery('input[value="orga-rot"].ts-forms-element:checked').length;
            var orgagelb = jQuery('input[value="orga-gelb"].ts-forms-element:checked').length;
            var orgagrün = jQuery('input[value="orga-grün"].ts-forms-element:checked').length;

            var privatlebenrot = jQuery('input[value="privatleben-rot"].ts-forms-element:checked').length;
            var privatlebengelb = jQuery('input[value="privatleben-gelb"].ts-forms-element:checked').length;
            var privatlebengrün = jQuery('input[value="privatleben-grün"].ts-forms-element:checked').length;

            var gestaltungrot = jQuery('input[value="gestaltung-rot"].ts-forms-element:checked').length;
            var gestaltunggelb = jQuery('input[value="gestaltung-gelb"].ts-forms-element:checked').length;
            var gestaltunggrün = jQuery('input[value="gestaltung-grün"].ts-forms-element:checked').length;

            var umgangrot = jQuery('input[value="umgang-rot"].ts-forms-element:checked').length;
            var umganggelb = jQuery('input[value="umgang-gelb"].ts-forms-element:checked').length;
            var umganggrün = jQuery('input[value="umgang-grün"].ts-forms-element:checked').length;

            var umgebungrot = jQuery('input[value="umgebung-rot"].ts-forms-element:checked').length;
            var umgebunggelb = jQuery('input[value="umgebung-gelb"].ts-forms-element:checked').length;
            var umgebunggrün = jQuery('input[value="umgebung-grün"].ts-forms-element:checked').length;
            
            var ergebnisorga = 2 * orgarot + 1 * orgagelb;
            console.log("Ergebnisorga: " + ergebnisorga);

            var ergebnisprivatleben = 2 * privatlebenrot + 1 * privatlebengelb;
            console.log("Ergebnisprivatleben: " + ergebnisprivatleben);

            var ergebnisgestaltung = 2 * gestaltungrot + 1 * gestaltunggelb;
            console.log("Ergebnisgestaltung: " + ergebnisgestaltung);

            var ergebnisumgang = 2 * umgangrot + 1 * umganggelb;
            console.log("Ergebnisumgang: " + ergebnisumgang);

            var ergebnisumgebung = 2 * umgebungrot + 1 * umgebunggelb;
            console.log("Ergebnisumgebung: " + ergebnisumgebung);

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


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

            /*Privatleben*/
            if (ergebnisprivatleben >= 6) {
                jQuery('.privatlebenrot').show();
            }
            else if (ergebnisprivatleben < 6 && ergebnisprivatleben >= 3) {
                jQuery('.privatlebengelb').show();
            }
            else if (ergebnisprivatleben < 3 && ergebnisprivatleben > 0) {
                jQuery('.privatlebengrün').show();
            }
            else if (ergebnisprivatleben == 0) {
                jQuery('.privatleben0').show();
            }

            /*Gestaltung*/
            if (ergebnisgestaltung >= 6) {
                jQuery('.gestaltungrot').show();
            }
            else if (ergebnisgestaltung < 6 && ergebnisgestaltung >= 3) {
                jQuery('.gestaltunggelb').show();
            }
            else if (ergebnisgestaltung < 3 && ergebnisgestaltung > 0) {
                jQuery('.gestaltunggrün').show();
            }
            else if (ergebnisgestaltung == 0) {
                jQuery('.gestaltung0').show();
            }

            /*Umgang*/
            if (ergebnisumgang >= 6) {
            jQuery('.umgangrot').show();
            }
            else if (ergebnisumgang < 6 && ergebnisumgang >= 3) {
                jQuery('.umganggelb').show();
            }
            else if (ergebnisumgang < 3 && ergebnisumgang > 0) {
                jQuery('.umganggrün').show();
            }
            else if (ergebnisumgang == 0) {
                jQuery('.umgang0').show();
            }

            /*Umgebung*/
            if (ergebnisumgebung >= 6) {
            jQuery('.umgebungrot').show();
            }
            else if (ergebnisumgebung < 6 && ergebnisumgebung >= 3) {
                jQuery('.umgebunggelb').show();
            }
            else if (ergebnisumgebung < 3 && ergebnisumgebung > 0) {
                jQuery('.umgebunggrün').show();
            }
            else if (ergebnisumgebung == 0) {
                jQuery('.umgebung0').show();
            }


            var gesamtpunkte_orga = (orgarot + orgagelb + orgagrün) * 2;
            var gesamtpunkte_privatleben = (privatlebenrot + privatlebengelb + privatlebengrün) * 2;
            var gesamtpunkte_gestaltung = (gestaltungrot + gestaltunggelb + gestaltunggrün) * 2;
            var gesamtpunkte_umgang = (umgangrot + umganggelb + umganggrün) * 2;
            var gesamtpunkte_umgebung = (umgebungrot + umgebunggelb + umgebunggrün) * 2;


            var percentorga = Math.round(ergebnisorga / gesamtpunkte_orga * 100);
            var percentprivatleben = Math.round(ergebnisprivatleben / gesamtpunkte_privatleben * 100);
            var percentgestaltung = Math.round(ergebnisgestaltung / gesamtpunkte_gestaltung * 100);
            var percentumgang = Math.round(ergebnisumgang / gesamtpunkte_umgang * 100);
            var percentumgebung = Math.round(ergebnisumgebung / gesamtpunkte_umgebung * 100);


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

            var resultObj = new Object();
            resultObj['orga'] = percentorga;
            resultObj['privatleben'] = percentprivatleben;
            resultObj['gestaltung'] = percentgestaltung;
            resultObj['umgang'] = percentumgang;
            resultObj['umgebung'] = percentumgebung;


            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: 'Organisationskultur'
                    },
                    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: ' Organisationskultur'
                    }
                }]

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


            Highcharts.chart('privatleben', {

                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: 'Arbeit und Privatleben </br> in Einklang'
                    },
                    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: [percentprivatleben],
                    tooltip: {
                        valueSuffix: ' Zeit'
                    }
                }]

            }); //************************************************Arbeit und Privatleben


            Highcharts.chart('gestaltung', {

                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: 'Gestaltung von </br> Arbeitsaufgaben </br> und -abläufen'
                    },
                    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: [percentgestaltung],
                    tooltip: {
                        valueSuffix: ' Unternehmenskultur'
                    }
                }]

            }); //************************************************UMGANG


            Highcharts.chart('umgang', {

                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: 'Professioneller </br> Umgang mit </br> Tod Sterben & Gewalt'
                    },
                    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: [percentumgang],
                    tooltip: {
                        valueSuffix: ' Professioneller Umgang'
                    }
                }]

                }); //************************************************UMGANG


                Highcharts.chart('umgebung', {

                    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: 'Gesunde </br> Arbeitsumgebung'
                        },
                        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: [percentumgebung],
                        tooltip: {
                            valueSuffix: ' Gesunde Arbeitsumgebung'
                        }
                    }]

                    }); //************************************************UMGEBUNG

        }; /*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">
        <h4>Für wen ist dieser Check gedacht?</h4>
        <p>Der Check richtet sich an Beschäftigte und Führungskräfte.</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 Ihrem Arbeitsplatz Handlungsbedarf im Hinblick auf
            die Gestaltung gesundheitsfö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">Arbeitsplatz-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="orgafragen fragen-thema">
            {{ orga|raw }}
        </div>

        <div class="privatlebenfragen fragen-thema">
            {{ privatleben|raw }}
        </div>

        <div class="gestaltungfragen fragen-thema">
            {{ gestaltung|raw }}
        </div>

        <div class="umgangfragen">
            {{ umgang|raw }}
        </div> 

        <div class="umgebungfragen">
            {{ umgebung|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">

            <!--ORGANISATIONSKULTUR-->
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Organisationskultur</h2>
                <div class="orga0">
                    <p>
                        Herzlichen Glückwunsch! Bei Ihrer Arbeit genießen Kommunikation, Fürsorge, Wertschätzung und ein guter Umgang mit Fehlern einen hohen Stellenwert. 
                        Konflikte werden bei Ihnen konstruktiv angegangen. Aktuell besteht daher für das Training kein Bedarf. Wir empfehlen eine Wiederholung des Checks 
                        in ca. einem Jahr, um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs sind. 
                    </p>
                </div>

                <div class="orgagrün">
                    <p>
                        In Bezug auf eine positive Organisationskultur sind Sie schon sehr gut aufgestellt. 
                        In einigen wenigen Bereichen könnte es aber etwas besser laufen. Sie können das Training „Organisationskultur“ gezielt nutzen, 
                        um an diesen Bereichen zu arbeiten.  
                    </p>
                </div>

                <div class="orgagelb">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass Sie bereits auf einem guten Weg zu einer positiven Organisationskultur sind. 
                        In vielen Bereichen könnte es aber besser laufen. Wir empfehlen die Anwendung des Trainings „Organisationskultur“, 
                        um insgesamt in Sachen Kommunikation, Fürsorge, Wertschätzung sowie Umgang mit Konflikten und Fehlern sehr gut aufgestellt zu sein. 
                    </p>
                </div>

                <div class="orgarot">
                    <p>
                        Bei Ihrer Arbeit besteht in Bezug auf viele Facetten einer positiven Organisationskultur Trainingsbedarf. 
                        Daher empfehlen wir sehr die Anwendung des Trainings „Organisationskultur“. Hier erfahren Sie, wie Sie als Mitarbeitende*r zu 
                        einem Arbeitsklima von Wertschätzung und Fürsorge beitragen können, in dem mit Konflikten und Fehlern konstruktiv umgegangen wird.  
                    </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 Organisationskultur ENDE -->

        <!--row Privatleben-->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Arbeit und Privatleben in Einklang</h2>

                <div class="privatleben0">
                    <p>
                        Herzlichen Glückwunsch! Die Bedingungen bei Ihrer Arbeit helfen Ihnen, ein ausgewogenes Verhältnis von Arbeit und Freizeit zu haben. 
                        Für das Training „Arbeit und Privatleben in Einklang“ besteht aktuell kein Trainingsbedarf. Wir empfehlen eine Wiederholung des Checks in ca. 
                        einem Jahr, um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs sind. 
                    </p>
                </div>

                <div class="privatlebengrün">
                    <p>
                        Die Bedingungen bei Ihrer Arbeit sind bereits größtenteils so gestaltet, dass Ihnen ein ausgewogenes Verhältnis von Arbeit und Freizeit 
                        ermöglicht wird. Es wurde nur wenig Trainingsbedarf erkennbar. Nutzen Sie das Training „Arbeit und Privatleben in Einklang“ gezielt, 
                        um Ihre Arbeit noch besser mit Ihrem Privatleben in Einklang zu bringen.  
                    </p>
                </div>

                <div class="privatlebengelb">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass Bedingungen bei Ihrer Arbeit bereits zu einem ausgewogenes Verhältnis von Arbeit und Freizeit beitragen. 
                        Aber es sind noch an manchen Stellen Verbesserungspotenziale erkennbar. Wir empfehlen daher die Anwendung des Trainings
                         „Arbeit und Privatleben in Einklang“, damit Sie z.B. für den Umgang mit Überstunden, Zeitdruck und ständiger Erreichbarkeit gut aufgestellt sind.  
                    </p>
                </div>

                <div class="privatlebenrot">
                    <p>
                        Für Sie besteht Trainingsbedarf, damit die Bedingungen bei Ihrer Arbeit Ihnen ein ausgewogenes Verhältnis von Arbeit und Freizeit ermöglichen. 
                        Daher empfehlen wir sehr die Anwendung des Trainings „Arbeit und Privatleben in Einklang“. Hier werden Sie angeleitet, 
                        Ihre Arbeits- und Pausenzeiten zu überprüfen, Arbeit und Privatleben besser voneinander abzugrenzen und Erholung in Ihrem Privatleben zu finden. 
                    </p>
                </div>

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

        <!--row Gestaltung-->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Gestaltung von Arbeitsaufgaben und -abläufen</h2>

                <div class="gestaltung0">
                    <p>
                        Herzlichen Glückwunsch! Die Arbeitsaufgaben und -abläufe sind an Ihrem Arbeitsplatz gesund gestaltet. 
                        Aktuell besteht kein Trainingsbedarf. Wir empfehlen eine Wiederholung des Checks in ca. einem Jahr, 
                        um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs sind. 
                    </p>
                </div>

                <div class="gestaltunggrün">
                    <p>
                        Mit Ihren Arbeitsaufgaben und -abläufen sind Sie an ihrem Arbeitsplatz schon sehr gut aufgestellt, 
                        denn es wurde nur wenig Trainingsbedarf erkennbar. Sie können das Training „Gestaltung von Arbeitsaufgaben und -abläufen“ nutzen, 
                        um gezielt Verbesserungen in den Bereichen zu schaffen, wo es vielleicht noch nicht gut läuft.  
                    </p>
                </div>

                <div class="gestaltunggelb">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass Sie es bei manchen Aspekten Ihrer Arbeitsaufgaben und -abläufe schon sehr gut läuft. 
                        In einzelnen Bereichen scheint das aber noch nicht der Fall zu sein. Wir empfehlen Ihnen daher die Anwendung des Trainings 
                        „Gestaltung von Arbeitsaufgaben und -abläufen“. Hier bekommen Sie wertvolle Anregungen, um  die vorhandenen Probleme zu überwinden. 
                    </p>
                </div>

                <div class="gestaltungrot">
                    <p>
                        An Ihrem Arbeitsplatz besteht im Hinblick auf die Arbeitsaufgaben und -abläufe Trainingsbedarf. Daher empfehlen wir sehr die Anwendung 
                        des Trainings „Gestaltung von Arbeitsaufgaben und -abläufen“. Hier bekommen Sie wertvolle Anregungen, um Ihre Arbeitsaufgaben und -abläufe 
                        gesund zu gestalten. 
                    </p>
                </div>

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

          <!--row Umgang mit Tod, Sterben und Gewalt-->
         <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Professioneller Umgang mit Tod, Sterben und Gewalt</h2>

                <div class="umgang0">
                    <p>
                        Herzlichen Glückwunsch! Bei Ihrer Arbeit haben Sie einen sehr guten Weg gefunden, um den Tod von
                        Pflegebedürftigen zu verarbeiten oder auch mit deren negativen Gefühlsausbrüchen umzugehen. Gemeinsam mit Ihrem
                        Team tauschen Sie sich auch über die schwierigen Situationen Ihres Berufes aus und haben Rückzugsmöglichkeiten
                        geschaffen. Aktuell besteht daher für ein Training zum Thema Sterben und Gewalt kein Bedarf. Wir empfehlen eine
                        Wiederholung des Checks in ca. einem Jahr, um sicher zu stellen, dass Sie weiter auf dem richtigen Kurs sind.
                    </p>
                </div>
                
                <div class="umganggrün">
                    <p>
                        Wie schön: Sie sind schon sehr gut im Umgang mit schwierigen Arbeitssituationen bei aggressiven
                        Betreuungsbedürftigen oder bei deren Versterben aufgestellt. In einigen wenigen Bereichen könnte es vielleicht
                        noch etwas besser laufen. So kommen schwierige Erlebnisse im Alltagsstress nicht andauernd zu kurz und können in
                        Ruhe verarbeitet werden. Sie können das Training „Professioneller Umgang mit Tod, Sterben und Gewalt“ gezielt
                        nutzen, um an diesen Bereichen zu arbeiten.
                    </p>
                </div>
                
                <div class="umganggelb">
                    <p>
                        Bei Ihrer Arbeit haben Sie für sich einen Weg gefunden, mit aggressiven Betreuungsbedürftigen oder deren
                        Versterben umzugehen. Ihr Ergebnis deutet darauf hin, dass es in vielen Bereichen noch besser laufen könnte. Wir
                        empfehlen das Training „Professioneller Umgang mit Tod, Sterben und Gewalt“, um gemeinsam mit Ihrem Team einen
                        unterstützenden Rahmen zu schaffen. Durch persönliche Strategien, Rückzugsmöglichkeiten und Austausch können
                        belastende Erlebnisse auch im Alltagsstress verarbeitet werden.
                    </p>
                </div>
                
                <div class="umgangrot">
                    <p>
                        Bei Ihrer Arbeit besteht Trainingsbedarf, um Rahmenbedingungen für belastende Situationen und Strategien im
                        Umgang damit zu verbessern. Daher empfehlen wir Ihnen sehr das Training „Professioneller Umgang mit Tod, Sterben
                        und Gewalt“. Hier erfahren Sie, wie persönliche Strategien, Rückzugsmöglichkeiten und Austausch den Umgang mit
                        belastenden Erlebnissen erleichtern. So können diese auch im Alltagsstress verarbeitet werden.
                    </p>
                </div>

            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="umgang" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Umgang mit Tod, Sterben und Gewalt Ende-->

        <!--row Gesunde Arbeitsumgebung-->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Gesunde Arbeitsumgebung</h2>
        
                <div class="umgebung0">
                    <p>
                        Herzlichen Glückwunsch! Sie gestalten Ihre Arbeitsumgebung mit. Änderungsvorschläge werden gehört und
                        umgesetzt. Ihnen steht genug Bewegungsraum und (Tages-)Licht zur Verfügung, so dass Sie lange
                        konzentriert und ohne Rückenschmerzen arbeiten können. Gleichzeitig steht Ihnen geeignete
                        Schutzausrüstung zur Verfügung. Momentan besteht für Sie kein Bedarf für das Training „Gesunde
                        Arbeitsumgebung“. Wir empfehlen eine Wiederholung des Checks in ca. einem Jahr, um Veränderungen im
                        Blick zu behalten.
                    </p>
                </div>
        
                <div class="umgebunggrün">
                    <p>
                        Wie schön: Sie haben Einfluss auf Ihre sichere und gesunde Arbeitsumgebung. Änderungsvorschläge werden
                        meist gehört und umgesetzt. In einigen wenigen Bereichen könnte es vielleicht noch etwas besser laufen.
                        Im Training „Gesunde Arbeitsumgebung“ prüfen Sie die Maßnahmen zu ihrem persönlichen Gesundheitsschutz.
                        Hier nehmen Sie Stolpergefahren, klimatische und ergonomische Bedingungen in den Blick.
                    </p>
                </div>
        
                <div class="umgebunggelb">
                    <p>
                        In einigen Bereichen ist Ihre Arbeitsumgebung sicher gestaltet. Ihr Ergebnis deutet darauf hin, dass
                        sich noch viele Bereiche verbessern müssen. Wir empfehlen das Training „Gesunde Arbeitsumgebung“, um mit
                        Ihrem Team eine sichere und gesunde Arbeitsumgebung zu schaffen. Bewegungsfreiheit, stolperfreie Wege,
                        geeignete Lichtverhältnisse und Schutzausrüstung beugen körperlichen Gefährdungen oder Rückenschmerzen
                        vor. Es scheint sinnvoll, Ihre Arbeitsumgebung auf geeignete Schutzmaßnahmen zu prüfen.
                    </p>
                </div>
        
                <div class="umgebungrot">
                    <p>
                        An Ihrem Arbeitsplatz besteht Trainingsbedarf, um für eine sichere und gesunde Arbeitsumgebung zu
                        sorgen. Wir empfehlen Ihnen sehr das Training „Gesunde Arbeitsumgebung“. Stolperfreie Wege, geeignete
                        Lichtverhältnisse und Schutzausrüstung beugen körperlichen Gefährdungen oder Rückenschmerzen vor. Hier
                        prüfen Sie Ihre Arbeitsumgebung auf geeignete Schutzmaßnahmen. Sie erfahren, wie Sicherheitsvorschläge
                        in Ihrem Team vermehrt gehört und umgesetzt werden.
                    </p>
                </div>
        
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="umgebung" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Gesunde Arbeitsumgebung 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 „Grundlagen gesunder Arbeitsgestaltung“. 
                Für Führungskräfte empfehlen wir zum Einstieg außerdem das Training „Grundlagen gesunder Führung“. 
            </p>
            {{ arbeitsplatz_empfehlungen_accordion | raw }}
            {% 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 <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>