<!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">
</head>
<body>
    <a href="/solar/logout">Odjavi se</a>
    {% if is_institution_moderator %}
        <br><a href="/solar/manage-institution">Upravljaj z institucijo</a>
    {% endif %}
    {% if is_admin %}
        <br><a href="/solar/admin">Administracijski meni</a>
    {% endif %}
    <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('/solar/oddaja');" class="selection-tab-button">ODDAJA</button>
                    <button onclick="window.location.replace('/solar/zgodovina');" class="selection-tab-button">ZGODOVINA</button>
                    <button onclick="window.location.replace('/solar/pogodbe');" class="selection-tab-button selected">POGODBE</button>
                </div>
            </div>
            <div id="contract-container">
                {% if contract_school %}
                <div class="contract-item" style="background-color: #ccffcc;">
                    <div class="contract-item-icon"></div>
                    <div class="contract-item-title">Pogodba s šolo</div>
                    <div class="contract-item-date">DODANO: {{contract_school.timestamp}}</div>
                    <a href="/solar/pogodbe/{{ contract_school.file_contract }}.pdf" class="contract-item-button">Prenesi</a>
                </div>
                </br>
                {% endif %}
                {% for item in contracts_students %}
                    <div class="contract-item">
                        <div class="contract-item-icon"></div>
                        <div class="contract-item-title">Pogodba o prenosu lastništva</div>
                        <div class="contract-item-date">DODANO: {{item.timestamp}}</div>
                        <a href="/solar/pogodbe/{{ item.file_contract }}.pdf" class="contract-item-button">Prenesi</a>
                    </div>
                    </br>
                {% endfor %}
            </div>
            </br>
            </br>
            {% if show_upload_form %}
            <div style="padding: 20px; position: absolute; top: 500px; width: 89%;">
                <div class="section-desc">Oddaj pogodbo</div>
                <form action="/solar/pogodbe" method="post" enctype="multipart/form-data">
                    {% if enable_upload_school_contract %}
                    <div style="display:flex; flex-direction: row; justify-content: left; align-items: center">
                        <label style="width: 80%; text-align: right;" for="sola">Pogodba s šolo</label>
                        <input style="width: 20%;" type="radio" id="sola" name="tip-pogodbe" value="sola">
                    </div>
                    {% else %}
                    <div style="display:flex; flex-direction: row; justify-content: left; align-items: center">
                        <label style="width: 80%; text-align: right;" for="sola">Pogodba s šolo</label>
                        <input style="width: 20%;"type="radio" id="sola" name="tip-pogodbe" value="sola" disabled>
                    </div>
                    {% endif %}
                    <div style="display:flex; flex-direction: row; justify-content: left; align-items: center">
                        <label style="width: 80%; text-align: right;" for="ucenci-starsi">Pogodba z učenci / starši</label>
                        <input style="width: 20%;" type="radio" id="ucenci-starsi" name="tip-pogodbe" value="ucenci-starsi" checked>
                    </div>
                    <input style="font-size: 10px;" type="file" id="file-contract" name="filename">
                    <button style="float: right;" type="submit">Oddaj pogodbo</button>
                </form>
            </div>
            {% endif %}
        </div>
        <div id="rect2" class="mock-side">
            <div id="collaborators-container">
                <div class="container-title">Sodelujoči</div>
                <div style="overflow-y: auto;">
                    {% for item in collaborators %}
                        <div class="collaborators-item">
                            <div class="collaborators-item-name">{{item.name}}</div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            <div id="awards-container">
                <div class="container-title">Nagrade</div>
            </div>
        </div>
    </div>
</body>
</html>