{{ extends "otree/Page.html" }}

<!-- Remember: In olt oTree, you cannot set global scripts -->
{{ block global_styles }}

 <!-- This is a test message vom the global template -->
    <!-- suppress ALL?? -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

    <!-- Project -->
    <link rel="stylesheet" type="text/css" href="{{ static 'global/Needs2019.css' }}" />

    <!-- Unset debug info -->
    <style>
        .card debug-info{  /*Debug Info. */
           display: none;
           }
    </style>

    <!-- Don't show content at first-->
    <style>
        ._otree-content {
            display: none;
        }
    </style>

{{ endblock }}

{{ block global_scripts }}
    <!-- Jquery -->
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <!-- Project -->
    <script src="{{ static "global/PatScripts.js" }}"></script>

    <!-- Show content -->
    <script>
    // Show content when everything is loaded.
        $(document).ready(function() {
          console.log("Show everything!");
          document.getElementsByClassName("_otree-content")[0].style.display = 'block';
        });
    </script>

{{ endblock }}

<!-- If javascript is deactivated -->
<noscript>
    <div class = "noscriptclass">
        <br><br><br><br>
        <h2 style="text-align: center; color: red;">
           Ihr JavaScript ist nicht aktiviert!<br>
               Bitte aktivieren Sie JavaScript und aktualisieren Sie diese Seite, um an diesem Experiment teilzunehmen.
        </h2>
    </div>
</noscript>