<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Portal za oddajanje besedil</title>
    <!--<link rel="stylesheet" href="../static/style.css" type="text/css">-->
    <script src="../static/chart.js"></script>
    <link rel="stylesheet" href="../static/css/header.css" type="text/css">
    <link rel="stylesheet" href="../static/css/form.css" type="text/css">
    <link rel="stylesheet" href="../static/css/simple-grid.css" type="text/css">
    <link rel="stylesheet" href="../static/css/history.css" type="text/css">
</head>
<body>
    <header>
        <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
        <div class="menu-items">
            <a href="../logout">Odjava</a>
            {% if is_institution_coordinator %}
            <a href="../manage-institution">Upravljaj z institucijo</a>
            {% endif %}
            {% if is_admin %}
            <a href="../admin">Administracijski meni</a>
            {% endif %}
            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
        </div>
    </header>
    <div class="container" style="margin-top:8rem;">
        <div class="row">
            <div class="col-12">
                <h1 class="title">Korpus Šolar</h1>
                <p class="subtitle"></p>


                <div class="tab-nav">
                    <a href="../oddaja">Oddaja besedil</a>
                    <a href="../zgodovina" class="active">Zgodovina sodelovanja</a>
                    <a href="../pogodbe">Ekipa</a>
                </div>
            </div>
        </div>

        <!--<div class="row">
            <div class="col-12">
                <h2>Zgodovina naloženih datotek</h2>
            </div>
        </div>-->
        {% set map_program = {
        "OS" : "Osnovna šola (OŠ)",
        "SSG" : "Splošna in strokovna gimnazija (SGG)",
        "MGP" : "Mednarodni gimnazijski programi (MGP)",
        "ZG" : "Zasebne gimnazije (ZG)",
        "NPI" : "Nižje poklicno izobraževanje (NPI)",
        "SPI" : "Srednje poklicno izobraževanje (SPI)",
        "SSI" : "Srednje strokovno izobraževanje (SSI)",
        "PTI" : "Poklicno-tehnično izobraževanje (PTI)"
        }%}
        {% set map_subject = {
        "slo" : "Slovenščina",
        "drug-jez" : "Drugi jezikoslovni predmeti",
        "drug-druz" : "Drugi družboslovni predmeti",
        "drug-narav" : "Drugi naravoslovni predmeti",
        "drug-strok" : "Drugi strokovni predmeti",
        "drug-izb" : "Drugi izbirni ali dodatni predmeti",
        }%}
        {% set map_text_type = {
        "esej-spis" : "Esej ali spis",
        "prakticno" : "Praktično besedilo, napisano za oceno",
        "solski-test" : "Šolski test",
        "delo-v-razredu" : "Delo v razredu, ne za oceno",
        }%}
        {% set map_grammar_corrections = {
        "popr-ne" : "Besedilo vsebuje učiteljske popravke",
        "brez-popr" : "Besedilo ne vsebuje učiteljskih popravkov",
        "popr-da" : "Besedilo vsebuje učiteljske popravke in ne strinjam se z njihovo vključitvijo v korpus",
        }%}



        {% for item in upload_history %}
            {% set item_values = [] %}
            {% if institution_names[loop.index - 1] %}
            {% set item_values = item_values + [institution_names[loop.index - 1]] %}
            {% endif %}
            {% if item.program %}
            {% set item_values = item_values + [map_program[item.program]] %}
            {% endif %}
            {% if item.subject %}
            {% set item_values = item_values + [map_subject[item.subject]] %}
            {% endif %}
            {% if item.subject_custom %}
            {% set item_values = item_values + [item.subject_custom] %}
            {% endif %}
            {% if item.grade %}
            {% set item_values = item_values + [item.grade ~ ". razred"] %}
            {% endif %}
            {% if item.text_type %}
            {% set item_values = item_values + [map_text_type[item.text_type]] %}
            {% endif %}
            {% if item.text_type_custom %}
            {% set item_values = item_values + [item.text_type_custom] %}
            {% endif %}
            {% if item.school_year %}
            {% set item_values = item_values + ['20' ~ item.school_year | replace("-", "/")] %}
            {% endif %}
            {% if item.grammar_corrections %}
            {% set item_values = item_values + [map_grammar_corrections[item.grammar_corrections]] %}
            {% endif %}
        <div class="row">
            <div class="col-12">
                <div class="history-item">
                    <div class="history-item-date">Dodano {{ item.timestamp.strftime('%d. %m. %Y') }}</div>
                    <div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
                    <div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
                    <div class="history-item-chevron"><img src="../static/image/chevron-down.svg"/></div>
                    <div class="history-item-desc">
                        {{ item_values | join(" | ") }}
                    </div>
                    <div class="row">
                        <div class="col-6" style="margin:0">
                            <div class="history-item-desc-full">
                                {% for v in item_values %}
                                    {{v}}<br>
                                {% endfor %}
                            </div>
                        </div>
                        <div class="col-6" style="margin:0">
                            <div class="history-item-files-full">
                                {% if item.upload_file_names != None %}
                                {% for f_name in item.upload_file_names %}
                                <div class="file-item">
                                    <div class="file-icon"><img src="../static/image/file.svg"/></div>
                                    <a href="getuploadfile/{{item.id}}/{{item.upload_file_hashes[loop.index - 1]}}" class="file-name">{{f_name}}</a>
                                    </br>
                                    {% if item.upload_file_codes != None %}
                                    <div>{{item.upload_file_codes[loop.index - 1]}}</div>
                                    {% endif %}
                                </div>
                                {% endfor %}
                                {% else %}
                                {% for f_hash in item.upload_file_hashes %}
                                <div class="file-item">
                                    <div class="file-icon"><img src="../static/image/file.svg"/></div>
                                    <a href="getuploadfile/{{item.id}}/{{f_hash}}" class="file-name">{{f_hash}}</a>
                                </div>
                                {% endfor %}
                                {% endif %}
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {% endfor %}
    </div>











    <!--<div class="bg"></div>
    <div id="main-window">
        <div id="rect1">
            <div style="padding: 20px;">
                <div id="logo-container">
                    <img src="../static/image/logo.svg" alt="logo"/>
                </div>
                <h1 id="title" style="font-size: 25px; position: relative;">Korpus ŠOLAR</h1>
                <div class="selection-tabs">
                    <button onclick="window.location.replace('../oddaja');" class="selection-tab-button">ODDAJA</button>
                    <button onclick="window.location.replace('../zgodovina');" class="selection-tab-button selected">ZGODOVINA</button>
                    <button onclick="window.location.replace('../pogodbe');" class="selection-tab-button">POGODBE</button>
                </div>
            </div>
            <div id="history-container" style="padding: 20px;">
                {% for item in upload_history %}
                    <div class="history-item">
                        <div class="history-item-date">{{ item.timestamp }}</div>
                        <div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
                        <div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
                        <div class="history-item-desc">
                            [
                            {% set began = False %}
                            {% if institution_names[loop.index - 1] %}
                                {% if began %}, {% endif %} {{ institution_names[loop.index - 1] }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.program %}
                                {% if began %}, {% endif %} {{ item.program }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.subject %}
                                {% if began %}, {% endif %} {{ item.subject }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.subject_custom %}
                                {% if began %}, {% endif %} {{ item.subject_custom }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.grade %}
                                {% if began %}, {% endif %} {{ item.grade }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.text_type %}
                                {% if began %}, {% endif %} {{ item.text_type }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.text_type_custom %}
                                {% if began %}, {% endif %} {{ item.text_type_custom }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.school_year %}
                                {% if began %}, {% endif %} {{ item.school_year }}
                                {% set began = True %}
                            {% endif %}
                            {% if item.grammar_corrections %}
                                {% if began %}, {% endif %} {{ item.grammar_corrections }}
                                {% set began = True %}
                            {% endif %}
                            ]
                        </div>
                    </div>
                    </br>
                {% endfor %}
            </div>
        </div>
        <div id="rect2" class="mock-side">
<canvas id="myChart" width="400" height="400"></canvas>
<script>
    function drawChart(data) {
        var ctx = document.getElementById('myChart').getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: Object.keys(data),
                datasets: [{
                    label: 'št. naloženih datotek',
                    data: Object.values(data),
                    backgroundColor: 'rgba(54, 162, 235, 1.0)',
                    borderWidth: 1
                }]
            },
            options: {
                plugins: {
                    title: {
                        display: true,
                        text: ''
                    }
                },
                scales: {
                    y: {
                        beginAtZero: true
                    }
                },
                indexAxis: 'y'
            }
        });
    }
    fetch('../topuploads').then(r => r.json()).then(j => drawChart(j));

</script>-->
        </div>
    </div>
    <script>

        var toggleOpen = function() {
            this.classList.toggle("open");
        };
        var elements = document.getElementsByClassName("history-item");
        for (var i = 0; i < elements.length; i++) {
            elements[i].addEventListener('click', toggleOpen, false);
        }

        var files = document.getElementsByClassName("file-item");
        for (var i = 0; i < files.length; i++) {
            files[i].addEventListener('click', function(e) {
                e.stopPropagation();
            }, false);
        }

    </script>
</body>
</html>