<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].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();
                    done = done - part;
                    updateBar(done);

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

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

        function auswertung() {

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

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

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

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

            var schutzrot = jQuery('input[value="schutzrot"].ts-forms-element:checked').length;
            var schutzgelb = jQuery('input[value="schutzgelb"].ts-forms-element:checked').length;
            var schutzgrün = jQuery('input[value="schutzgrün"].ts-forms-element:checked').length;

            var belastungrot = jQuery('input[value="belastungrot"].ts-forms-element:checked').length;
            var belastunggelb = jQuery('input[value="belastunggelb"].ts-forms-element:checked').length;
            var belastunggrün = jQuery('input[value="belastunggrü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);

            var ergebnisschutz = 2 * schutzrot + 1 * schutzgelb;
            console.log("Ergebnisschutz :" + ergebnisschutz);

            var ergebnisbelastung = 2 * belastungrot + 1 * belastunggelb;
            console.log("Ergebnisbelastung :" + ergebnisbelastung);

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

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

            /*Zeit*/
            if (ergebniszeit >= 8) {
                jQuery('.zeitrot').show();
            }
            else if (ergebniszeit < 8 && 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();
            }

            /*Schutz*/
            if (ergebnisschutz >= 8) {
                jQuery('.schutzrot').show();
            }
            else if (ergebnisschutz < 8 && ergebnisschutz >= 3) {
                jQuery('.schutzgelb').show();
            }
            else if (ergebnisschutz < 3 && ergebnisschutz > 0) {
                jQuery('.schutzgrün').show();
            }
            else if (ergebnisschutz == 0) {
                jQuery('.schutz0').show();
            }

            /*pys. Belastung*/
            if (ergebnisbelastung >= 4) {
                jQuery('.psybelastungrot').show();
            }
            else if (ergebnisbelastung < 4 && ergebnisbelastung >= 2) {
                jQuery('.psybelastunggelb').show();
            }
            else if (ergebnisbelastung < 2 && ergebnisbelastung > 0) {
                jQuery('.psybelastunggrün').show();
            }
            else if (ergebnisbelastung == 0) {
                jQuery('.psybelastung0').show();
            }

            var percentorga = Math.round(ergebnisorga / 20 * 100);
            var percentzeit = Math.round(ergebniszeit / 14 * 100);
            var percentkultur = Math.round(ergebniskultur / 14 * 100);
            var percentschutz = Math.round(ergebnisschutz / 14 * 100);
            var percentbelastung = Math.round(ergebnisbelastung / 6 * 100);

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

            var resultObj = new Object();
            resultObj['orga'] = percentorga;
            resultObj['zeit'] = percentzeit;
            resultObj['kultur'] = percentkultur;
            resultObj['schutz'] = percentschutz;
            resultObj['belastung'] = percentbelastung;
            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: 'Unternehmenskultur'
                    },
                    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

            Highcharts.chart('schutz', {

                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: 'Arbeitsschutz'
                    },
                    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: [percentschutz],
                    tooltip: {
                        valueSuffix: ' Arbeitsschutz'
                    }
                }]

            }); //SCHUTZ

            Highcharts.chart('psybelastung', {

                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: 'psy. Belastung'
                    },
                    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: [percentbelastung],
                    tooltip: {
                        valueSuffix: 'psybelastung'
                    }
                }]

            }); //PSYBELASTUNG

        }; /*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 an Führungskräfte.</p>

        <h4>Wie lange dauert dieser Check?</h4>
        <p>Der Check 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 im Unternehmen Handlungsbedarf im Hinblick auf die
            Gestaltung ressourcenförderlicher Arbeitsbedingungen besteht. Er empfiehlt Ihnen Trainings, die Ihnen dabei
            helfen können, diesen Bedarf zu befriedigen.</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">Unternehmenscheck starten »</a>
    </div>

    <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>
        <div class="schutzfragen">
            {{ schutz|raw }}
        </div>
        <div class="belastungfragen">
            {{ belastung|raw }}
        </div>
        <a class="btn btn-primary" id="prev"><i class="fas fa-chevron-left"></i>&nbsp;zurück</a>
    </div>
    <!--Fragen Ende-->
    <div id="ergebnis">
        <div class="row">
            <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 im Bereich Arbeitsorganisation in allen drei
                        Handlungsbereichen „Personal“, „Prozesse“ und „Aufgaben“ für gesundheitsförderliche Bedingungen
                        gesorgt. Ihr Personal ist seinen Qualifikationen entsprechend eingesetzt und gut eingearbeitet,
                        sie verfügen über ein unterstützendes Prozessmanagement und über ressourcenstärkende
                        Aufgabenstrukturen. Aktuell besteht kein Handlungsbedarf für das Trainingsmodul. 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>
                        Ihr Unternehmen ist im Bereich Arbeitsorganisation schon sehr gut aufgestellt, denn es wurde nur
                        wenig Handlungsbedarf erkennbar. Nutzen Sie das Trainingsmodul, um gezielt dort optimale
                        Bedingungen zu schaffen, wo dies in den Handlungsbereichen „Personal“, „Prozesse“ oder
                        „Aufgaben“ noch nicht ganz der Fall ist.
                    </p>
                </div>
                <div class="orgagelb">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass in Ihrem Unternehmen bereits einzelne Facetten einer
                        ressourcenstärkenden Arbeitsorganisation realisiert sind. Handlungsbedarf wird insofern
                        erkennbar, als noch nicht in allen drei Handlungsbereichen „Personal“, „Prozesse“ und „Aufgaben“
                        optimale Bedingungen gegeben sind. Wir empfehlen Ihnen daher die Anwendung des Trainings. Hier
                        werden Sie gezielt angeleitet, die vorhandenen Defizite zu überwinden.
                    </p>
                </div>
                <div class="orgarot">
                    <p>
                        In Ihrem Unternehmen besteht im Hinblick auf alle Bereiche einer ressourcenförderlichen
                        Arbeitsorganisation Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des Trainingsmoduls.
                        Hier werden Sie angeleitet, Arbeitsprozesse und Arbeitsaufgaben sowie den Personaleinsatz
                        (Eignung, Onboarding) 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 -->
        <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! In Ihrem Unternehmen ist die Ausgestaltung der Arbeitszeit
                        ressourcenstärkend und gesundheitsförderlich organisiert. Achten Sie auch weiterhin darauf,
                        Zeitdruck und Überstunden zu vermeiden und Ihren Beschäftigten verlässlich planbare sowie
                        souverän bestimmbare Arbeitszeiten zu gewährleisten. 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>
                        Ihr Unternehmen ist im Bereich Arbeitszeit 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>
                        Die Arbeitszeit ist in Ihrem Unternehmen in einigen Bereichen bereits ressourcenstärkend und
                        gesundheitsförderlich organisiert. Dennoch zeigen sich einige Punkte, an denen Sie arbeiten
                        können. 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>
                        In Ihrem Unternehmen besteht in Bezug auf die Gestaltung einer ressourcenförderlichen
                        Arbeitszeit Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des Trainings. Hier finden
                        Sie Hinweise zum Umgang mit Zeitdruck und Überstunden und Anregungen, wie Sie Ihren
                        Beschäftigten verlässlich planbare sowie souverän bestimmbare Arbeitszeiten gewährleisten
                        können.
                    </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 -->
        <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>
                        Ihr Unternehmen ist 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>
                        In Ihrem Unternehmen sind Sie bereits auf einem guten Weg zur Ausgestaltung einer
                        ressourcenstärkenden Unternehmenskultur. 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 Trainingsmoduls.
                        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 -->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Arbeitsschutz</h2>
                <div class="schutz0">
                    <p>
                        Herzlichen Glückwunsch! Sie haben die zentralen Grundlagen für ein funktionierendes
                        Arbeitssicherheitssystem geschaffen. Für das Training besteht daher aktuell kein zwingender
                        Handlungsbedarf. Das Trainingsmodul könnte dennoch die eine oderandere interessante Anregung für
                        Sie bereithalten (z. B. zum Arbeitsschutz im Home Office oder wie Sie Ihre Beschäftigten besser
                        zum Arbeitsschutz motivieren können). Sie können das über den Vorabscheck vor jedem Themenblock
                        schnell herausfinden.
                    </p>
                </div>
                <div class="schutzgrün">
                    <p>
                        Ihr Unternehmen ist im Bereich Arbeitsschutz schon gut aufgestellt, denn es wurde nur wenig
                        Handlungsbedarf erkennbar. Nutzen Sie das Training gezielt, um noch besser zu werden. Über den
                        Vorabscheck vor jedem Themenblock können Sie schnell herausfinden, wo dies möglich ist.
                    </p>
                </div>
                <div class="schutzgelb">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass Sie bereits einige Grundlagen für ein funktionierendes
                        Arbeitssicherheitssystem geschaffen haben. Zugleich wird in einzelnen Aufgabenbereichen
                        Handlungsbedarf erkennbar. Wir empfehlen Ihnen daher die Anwendung des Trainingsmoduls. Hier
                        werden Sie gezielt angeleitet, die vorhandenen Defizite zu überwinden. Sie erhalten einen
                        Überblick über die wichtigsten Belastungen im Büroalltag und erfahren, was Sie gegen
                        Fehlbelastungen unternehmen können.
                    </p>
                </div>
                <div class="schutzrot">
                    <p>
                        In Ihrem Unternehmen besteht in Bezug auf die Wahrnehmung diverser Verantwortlichkeiten im
                        Arbeitsschutz Handlungsbedarf. Daher empfehlen wir sehr die Anwendung des Trainingsmoduls. Hier
                        werden Sie zur systematischen Wahrnehmung aller Aufgaben angeleitet. Sie erhalten einen
                        Überblick über die wichtigsten Belastungen im Büroalltag und erfahren, was Sie gegen
                        Fehlbelastungen unternehmen können.
                    </p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="schutz" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Arbeitsschutz -->
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <h2>Gefährdungsbeurteilung psychischer Belastung</h2>
                <div class="psybelastung0">
                    <p>
                        Herzlichen Glückwunsch! Mit der systematischen Erarbeitung einer Gefährdungsbeurteilung, die
                        auch psychische Belastungen berücksichtig, haben Sie eine zentrale Aufgabe im Arbeitsschutz
                        erfüllt. Aktuell besteht deshalb kein zwingender Handlungsbedarf für das Trainingsmodul.
                        Allerdings könnte es für Sie interessant sein, die Instrumente „Beschäftigtenbefragung“ und
                        „Workshop zur Maßnahmenentwicklung“ kennen zu lernen, mit denen Digi-Exist die Erarbeitung
                        Gefährdungsbeurteilung psychischer Belastung unterstützt. Schließlich schreibt der Gesetzgeber
                        eine Aktualisierung vor, wenn sich die zugrunde liegenden Gegebenheiten ändern. Für diesen Fall
                        wären Sie mit dem Trainingsmodul bestens vorbereitet.
                    </p>
                </div>
                <div class="psybelastunggrün">
                    <p>
                        Ihr Ergebnis deutet auf Erfahrungen mit der Durchführung einer Gefährdungsbeurteilung
                        psychischer Belastung hin. In geringem Umfang wird jedoch Handlungsbedarf erkennbar. Daher
                        empfehlen wir Ihnen die Bearbeitung des Trainingsmoduls. Es leitet Sie zu einem systematischen
                        Prozess an. Bei der Analyse der Arbeitsbedingungen werden Sie mit einer Beschäftigtenbefragung
                        inclusive Auswertungsanleitung unterstützt. Um gezielt Maßnahmen zur Verbesserung der
                        Arbeitssituation entwickeln zu können, lernen Sie ein geeignetes Vorgehen für einen Workshop mit
                        Ihren Beschäftigten kennen.
                    </p>
                </div>
                <div class="psybelastunggelb">
                    <p>
                        Ihr Ergebnis deutet auf Unterstützungsbedarf bei der Erarbeitung der Gefährdungsbeurteilung
                        psychischer Belastung hin. Wir empfehlen Ihnen daher die Bearbeitung des Trainingsmoduls. Es
                        leitet Sie zu einem systematischen Prozess an. Bei der Analyse der Arbeitsbedingungen werden Sie
                        mit einer Beschäftigtenbefragung inclusive Auswertungsanleitung unterstützt. Um gezielt
                        Maßnahmen zur Verbesserung der Arbeitssituation entwickeln zu können, lernen Sie ein geeignetes
                        Vorgehen für einen Workshop mit Ihren Beschäftigten kennen.
                    </p>
                </div>
                <div class="psybelastungrot">
                    <p>
                        Die Erarbeitung der Gefährdungsbeurteilung ist eine zentrale Aufgabe im Arbeitsschutz, für die
                        in Ihrem Unternehmen offensichtlich Handlungsbedarf besteht. Daher empfehlen wir sehr die
                        Anwendung des Trainingsmoduls. Es leitet Sie zu einem systematischen Prozess an. Bei der Analyse
                        der Arbeitsbedingungen werden Sie mit einer Beschäftigtenbefragung inclusive
                        Auswertungsanleitung unterstützt. Um gezielt Maßnahmen zur Verbesserung der Arbeitssituation
                        entwickeln zu können, lernen Sie ein geeignetes Vorgehen für einen Workshop mit Ihren
                        Beschäftigten kennen.
                    </p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                <div id="psybelastung" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row psybelastung -->

        <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“ sowie das Training „Ressourcenorientierte Führung“.</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>