{{ extends "law_study/Page.html" }}
{{ block title }}
Entscheidungen
{{ endblock }}
{{ block content }}
<script>
    var c_open = 0;
    var c_close = 0;

    function showDivAndCount(){
    var div = document.getElementById("Sachverhalt");

    if (div.style.display == "none") {
        div.style.display = "block";
        c_open += 1;
        document.getElementById("click_open").value = c_open;
    } else {
        div.style.display = "none";
        c_close += 1;
        document.getElementById("click_close").value = c_close;
    }
    }
        <!--   slider -->
    $(document).ready(function(){

        document.getElementById("click_open").value = c_open;
        document.getElementById("click_close").value = c_close;

        var slider = document.getElementById('sliderSentencing');

        noUiSlider.create(slider, {
        start: [6],
        step: 1,
        tooltips: true,
        range: {
            // 'min': [0, 6],
            // '10%': [6],
            'min': [6],
            'max': [24]
        },
        pips: {
            mode: "steps",
            // values: [6,9,12,15,18,21,24],
            // values: [6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],
            filter: filterPipsSentencing,
            density: 6,
            format: {
                from: fromDecoder,
                to: toEncoderPipsSentencing,
            }
        },
        format: {
                from: fromDecoder,
                to: toEncoderSentencing,
            }
    });
      // show slider value
      var rangeSliderVal = document.getElementById("sliderSent-value");

        slider.noUiSlider.on("update", function(values, handle){
            rangeSliderVal.innerHTML = values[handle];
        });

        // write slider result into form field for data export
        document.getElementById("next-button").addEventListener("click", function (){
           document.getElementById("sentencing").value = parseInt(slider.noUiSlider.get(true))
        });

        // slider.noUiSlider.on("change", function(values, handle) {
        //     if (values[handle] < 3) {
        //         slider.noUiSlider.set(0);
        //     } else if (values[handle] > 3 && values[handle] < 7) {
        //         slider.noUiSlider.set(6);
        //     }
        // })
        // document.getElementById("pros-and-cons").addEventListener("load", sortTable());
        // document.getElementById("bullet-points").addEventListener("load", sortBulletPoints());
    });
</script>
<style>
/* grey border */
</style>
<div class="treatment">
    {{ if player.treatment_advice }}
    <table class="pic" style="text-align: left">
        <tr>
            <th style="padding-right:30px"><h1>Einschätzung durch das KI-System</h1></th>
            <th style="width: 15%"><img src="{{ static 'global/KI.png' }}" style="width: 100%"></th>
        </tr>
        <tr>
            <td colspan="2">
            <div>
                <b>Wichtig:</b> Ein Entscheidungsunterstützungssystem (nachfolgend: System), das auf maschinellem Lernen beruht, einem Teilgebiet der <b>Künstlichen Intelligenz</b> (nachfolgend: KI), wurde von Ihrem Amtsgericht zur Verfügung gestellt, um eine <b>Vorhersage über die Rückfallwahrscheinlichkeit des Angeklagten</b> in diesem Fall zu treffen.
            </div>
                <br>
            <div>
                Die <b>Rückfallwahrscheinlichkeit</b> beschreibt das Risiko, dass ein Angeklagter nach Verhängung einer Strafe erneut straffällig wird.
            </div>
                <br>
            <div>
                Das KI-System trainiert und berechnet auf Basis <i>realer</i> (d.h. nicht fiktiver) Daten aus dem Bundeszentralregister (nachfolgend: <b>BZR-Datensatz</b>), ob eine Person rückfällig wird oder nicht.
            </div>
                <br>
            <div>
                Das KI-System lernt anhand verschiedener Merkmalsausprägungen Muster in den Daten und kann nach Abschluss dieser Lernphase generalisieren. Nach dem Training des Systems auf diesem BZR-Datensatz kann es so eine Prognose über die Rückfallwahrscheinlichkeit von neuen Angeklagten bzw. Verurteilten anhand ihrer Merkmale treffen.
            </div>
                <br>
            <div>
                Für das Training des Systems wurden ausschließlich Merkmale verwendet, die Ihnen in der Fallbeschreibung ebenfalls zur Verfügung stehen.
            </div>
                <br>
            <div class="solid">
                {{ if player.case }}
                <b>Die durch das KI-System vorhergesagte Rückfallwahrscheinlichkeit des Angeklagten im vorliegenden Fall: <u>Hohes Risiko</u></b>
                {{ else }}
                <b>Die durch das KI-System vorhergesagte Rückfallwahrscheinlichkeit des Angeklagten im vorliegenden Fall: <u>Niedriges Risiko</u></b>
                {{ endif }}
            </div>
                <br>
            <div>
                {{ if player.case }}
                <img src="{{ static 'global/Rueckfall_hoch.png' }}" style="width: 100%" />
                {{ else }}
                <img src="{{ static 'global/Rueckfall_niedrig.png' }}" style="width: 100%" />
                {{ endif}}
            </div>
                <br>
            <div>
                Wie gut sind die Vorhersagen des KI-Systems? Eine nachträgliche Evaluation hat ergeben, dass bei einer Einstufung in die Risikokategorie
                <br>
                <br>
                <table>
                    <tr>
                        <td><ul><li>Niedriges Risiko:</li></ul></td>
                        <td>20% (2 von 10 Personen),</td>
                    </tr>
                    <tr>
                        <td><ul><li>Mittleres Risiko:</li></ul></td>
                        <td>50% (5 von 10 Personen) und</td>
                    </tr>
                    <tr>
                        <td><ul><li>Hohes Risiko:</li></ul></td>
                        <td>80% (8 von 10 Personen)</td>
                    </tr>
                </table>
                <br>
                in der Realität tatsächlich rückfällig geworden sind.
            </div>
                <br>
            </td>
        </tr>
    </table>
    {{ else }}
    <table class="pic" style="text-align: left">
        <tr>
            <th style="padding-right:30px"><h1>Einschätzung durch den Psychologen</h1></th>
            <th style="width: 15%"><img src="{{ static 'global/expert.png' }}" style="width: 100%"></th>
        </tr>
        <tr>
            <td colspan="2">
            <div>
                <b>Wichtig:</b> Ein von Ihrem Amtsgericht gerichtlich bestellter Psychologe wurde darum gebeten, in einem psychologischen Gutachten eine <b>Vorhersage über die Rückfallwahrscheinlichkeit des Angeklagten</b> in diesem Fall zu treffen.
            </div>
                <br>
            <div>
                Die <b>Rückfallwahrscheinlichkeit</b> beschreibt das Risiko, dass ein Angeklagter nach Verhängung einer Strafe erneut straffällig wird.
            </div>
                <br>
            <div>
                Der Psychologe hat ausschließlich Merkmale verwendet, die Ihnen in der Fallbeschreibung ebenfalls zur Verfügung stehen.
            </div>
                <br>
            <div class="solid">
                {{ if player.case }}
                <b>Die durch den Psychologen vorhergesagte Rückfallwahrscheinlichkeit des Angeklagten im vorliegenden Fall: <u>Hohes Risiko</u></b>
                {{ else }}
                <b>Die durch den Psychologen vorhergesagte Rückfallwahrscheinlichkeit des Angeklagten im vorliegenden Fall: <u>Niedriges Risiko</u></b>
                {{ endif }}
            </div>
                <br>
            <div>
                {{ if player.case }}
                <img src="{{ static 'global/Rueckfall_hoch.png' }}" style="width: 100%" />
                {{ else }}
                <img src="{{ static 'global/Rueckfall_niedrig.png' }}" style="width: 100%" />
                {{ endif}}
            </div>
                <br>
            <div>
                Wie gut sind die Vorhersagen des Psychologen? Eine nachträgliche Evaluation hat ergeben, dass bei einer Einstufung in die Risikokategorie
                <br>
                <br>
                <table>
                    <tr>
                        <td><ul><li>Niedriges Risiko:</li></ul></td>
                        <td>20% (2 von 10 Personen),</td>
                    </tr>
                    <tr>
                        <td><ul><li>Mittleres Risiko:</li></ul></td>
                        <td>50% (5 von 10 Personen) und</td>
                    </tr>
                    <tr>
                        <td><ul><li>Hohes Risiko:</li></ul></td>
                        <td>80% (8 von 10 Personen)</td>
                    </tr>
                </table>
                <br>
                in der Realität tatsächlich rückfällig geworden sind.
            </div>
            <br>
            </td>
        </tr>
    </table>
    {{ endif }}
</div>
<br>

<div>
    <i>(Hinweis: Klicken Sie auf die Taste “Sachverhalt“, um sich den Sachverhalt der letzten Seite anzuschauen.)</i>
</div>
<br>
<div style="text-align:center" >
    <button type="button"  class="btn btn-secondary" onclick="showDivAndCount('Sachverhalt')" style="margin:10px">
        Sachverhalt
    </button>
</div>

<input type="hidden" name="click_open" id="click_open" />
{{ formfield_errors "click_open" }}
<input type="hidden" name="click_close" id="click_close" />
{{ formfield_errors "click_close" }}

<div id="Sachverhalt" style="display:none;" class="grey_border">

    {{ include "law_study/Sachverhalt.html"}}

</div>

<br>
<hr style="border-top:3px dashed black; background: transparent; opacity: 1 ">
<br>

<div>
    Dieser Sachverhalt ist an ein Urteil des Amtsgerichts Kassel angelehnt, worin der Angeklagte zu einer Freiheitsstrafe verurteilt wurde. Ferner hat die Analyse ähnlich gelagerter Fälle in der Bundesrepublik Deutschland ergeben, dass diese meist mit einer Freiheitsstrafe von 6 Monaten bis 2 Jahren sanktioniert wurden. Aus diesem Grund wird Ihre Entscheidungsfreiheit beim Rechtsfolgenausspruch begrenzt.
</div>
<br>

<!-- Strafzumessung -->
<p>
    <h3><b>Aufgabe: Bitte treffen Sie eine Entscheidung in der Strafhöhe.</b></h3>
    <div><i>(Hinweis: Klicken Sie auf den Schieberegler und halten ihn gedrückt, und verschieben ihn in der Strafhöhe, für die Sie sich entscheiden)</i></div>
<br>
<br>
        <div style="padding-left: 50px; padding-right: 50px">
            <div id="sliderSentencing"></div>
        </div>
<br>
<br>
<br>
        <b>
            Ihre ausgewählte Strafhöhe: <span id="sliderSent-value" ></span>
        </b>
</p>

<br>

<hr style="border-top:3px dashed black; background: transparent; opacity: 1 ">
<br>

<!-- Strafaussetzung -->
<div><h3><b>
    {{ form.parole.label }}
</b></h3></div>
<div>
    {{ form.parole }}
</div>
<br>

<input type="hidden" name="sentencing" id="sentencing" />
{{ formfield_errors "sentencing" }}


<button id="next-button" class="otree-btn-next btn btn-primary">
    Weiter
</button>

{{ endblock }}