{{ block title }}
    Debiteuren
{{ endblock }}
{{ block styles }}
<style>
    .instruction {
        background-color: #F3F3F3;
        color: black;
        border: 2px solid black;
        margin: 20px;
        padding: 20px;
    }</style>
{{ endblock  }}


{{ block content }}

<div class="instruction">
    {{ if player.condition in C.SITinfo}}
    <p>Dit is je planning voor komende week: <br/>
    Maandag: Bij Moeren en Bouten B.V. <br/>
    Dinsdag: Training 'connectie met de klant en oordeelsvorming' <br/>
    Woensdag: Bij Moeren en Bouten B.V. <br/>
    Donderdag: Op kantoor<br/>
    Vrijdag: Studie <br/>
    </p>
    {{else}}
    {{if player.condition in C.PSinfo}}
    <p>Dit is je planning voor komende week: <br/>
    Maandag: Bij Moeren en Bouten B.V. <br/>
    Dinsdag: Training 'fair value' <br/>
    Woensdag: Bij Moeren en Bouten B.V. <br/>
    Donderdag: Op kantoor<br/>
    Vrijdag: Studie <br/>
    </p>
    {{ else }}
     <p>Dit is je planning voor komende week: <br/>
    Maandag: Bij Moeren en Bouten B.V. <br/>
    Dinsdag: Training 'fiscale maatregelen uit de voorjaarsnota 2023' <br/>
    Woensdag: Bij Moeren en Bouten B.V. <br/>
    Donderdag: Op kantoor<br/>
    Vrijdag: Studie <br/> </p>
    {{endif}}
    {{endif}}
<p>De controleleider op de opdracht heeft jou gevraagd om te beginnen met het controleren van de debiteuren aan de hand
    van de ontvangen debiteurenlijst en onderstaande informatie. Hij heeft je gevraagd om aantekeningen te maken van mogelijke herrubriceringen, onjuistheden
    in de debiteurenlijst of andere opvallendheden tijdens de controle. Ook heeft hij je gevraagd om een lijst op te stellen met nog op te vragen
    documenten voor de debiteuren.
<br/>
<br/>
Klik rechts onderin de Excel-file om het bestand op een volledig tabblad te zien en gebruik te maken van alle Excel functies.
    Het kan even duren voordat de Excel-file geladen is.
</p>  </div>
<p> Algemene informatie m.b.t. Moeren en Bouten B.V.:
<br/>
Netto-inkomen = €9.245.983
    <br/>
Totale activa = €85.440.381
 <br/>
Uitvoeringsmaterialiteit = €400.000
 <br/>
Debiteuren = €13.680.396
  <br/>
De debiteuren zijn met €2.5 miljoen gestegen ten opzichte van vorig jaar, terwijl de omzet ongeveer gelijk is gebleven.
Volgens de CFO komt deze steiging doordat meer klanten gebruik zijn gaan maken van een betalingstermijn in plaats
van direct te betalen.
</p>

<div align ="center">
<iframe width="600" height="500" frameborder="0" scrolling="no" src="https://onedrive.live.com/embed?resid=8ad6a216c60621cb%2128547&authkey=%21AK3Eltj1QM1dKJ0&em=2&AllowTyping=True&ActiveCell='Aging%20report'!A1&wdInConfigurator=True&wdInConfigurator=True&edesNext=false&resen=false&ed1JS=false"></iframe>
 </div>


    <style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            display: none;
        }


    </style>
<div class="instruction">
    {{ formfield_errors 'add_evidence' }}

    <p><b>Geef op een schaal van 0 tot 100 aan hoe hoog volgens jou de noodzaak is voor additionele documentie vannuit de klant voor het beoordelen
    van de debiteuren door de slider te bewegen. Hierbij is 0 geen noodzaak en 100 een hele grote noodzaak. </b></p>
    <p>Klik op de blauwe balken om de schuifregelaars weer te geven.</p>

    <div id="slider1_here"></div>

    <script src="{{ static 'mgslider.js' }}"></script>

    <script>
        $(document).ready(function (event) {
            slider1 = new mgslider("add_evidence", 0, 100, 1);
            slider1.print(document.getElementById("slider1_here"));
        });

    </script>
    {{ formfield player.request_evidence }}
</div>
<br/>

<br/>
<br/>
<div class="instruction">
    {{ formfield player.communication_mode }}
    </div>
<br/>
<style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            display: none;
        }


    </style>

<div class="instruction">
    {{ formfield_errors 'risk' }}

    <p><b>De controleleider heeft jou ook gevraagd een inschatting te maken van het risico op deze post. Geef op een
        schaal van 0 tot 100 aan hoe hoog volgens jou het risico is op deze post. Hierbij is 0 geen risico en 100 een heel erg hoog risico.</b></p>
    <p>Klik op de blauwe balken om de schuifregelaars weer te geven.</p>

    <div id="slider3_here"></div>

    <script src="{{ static 'mgslider.js' }}"></script>

    <script>
         $(document).ready(function (event) {
            slider3 = new mgslider("risk", 0, 100, 1);
            slider3.print(document.getElementById("slider3_here"));
        });


    </script>
</div>
<br/>
<style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            display: none;
        }


    </style>

<div class="instruction">
    {{ formfield_errors 'add_auditwork' }}

    <p><b>Geef op een schaal van 0 tot 100 aan hoe hoog volgens jou de noodzaak is om extra audit werkzaamheden uit te voeren op de debiteuren
        door de slider te bewegen. Hierbij is 0 geen noodzaak en 100 een hele grote noodzaak.</b></p>
    <p>Klik op de blauwe balken om de schuifregelaars weer te geven.</p>

    <div id="slider2_here"></div>

    <script src="{{ static 'mgslider.js' }}"></script>

    <script>
         $(document).ready(function (event) {
            slider2 = new mgslider("add_auditwork", 0, 100, 1);
            slider2.print(document.getElementById("slider2_here"));
        });


    </script>
</div>
<br/>
<br/>
<style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            display: none;
        }


    </style>

<div class="instruction">
    {{ formfield_errors 'trust' }}

    <p><b>Geef op een schaal van 0 tot 100 aan hoe geloofwaardig de verklaring over de steiging van de debiteuren van de
        CFO is. Hierbij is 0 helemaal niet geloofwaardig en 100 heel geloofwaardig.</b></p>
    <p>Klik op de blauwe balken om de schuifregelaars weer te geven.</p>

    <div id="slider4_here"></div>

    <script src="{{ static 'mgslider.js' }}"></script>

    <script>
         $(document).ready(function (event) {
            slider2 = new mgslider("trust", 0, 100, 1);
            slider2.print(document.getElementById("slider4_here"));
        });


    </script>
</div>
<br/>
<br/>
    {{ next_button }}
{{ endblock }}