{% extends "base.html" %}
{% block title %} - Vis litteraturliste{% endblock %}
{% block body %}
    {% include 'bar.html' %}

    {% if blurred and not provided_student_email %}
    <div id="modal">
        <p>STRAKS I MÅL</p>
        <h1>Hva er din student-epostadresse?</h1>
        <form method="POST" action="/survey">
            <input name="student_email" type="email" placeholder="Eksempelvis: eirik@aas.vgs.no, simen@stud.hivolda.no" required />
            <button type="submit">Vis litteraturlisten</button>
        </form>
        <script>ga('send', 'event', 'survey', 'show');</script>
    </div>
    {% endif %}

    {% if provided_student_email %}
        <script>
          ga('send', 'event', 'student_email', '{{ student_email }}');
        </script>
    {% endif %}

    <form method="post">

        <div id="bibliography">

            <div id="toolbar">
                <select name="language">
                    <option value="norwegian-bokmål" {% if bibliography.language == 'norwegian-bokmål' %}selected{% endif %}>Bokmål</option>
                    <option value="norwegian-nynorsk" {% if bibliography.language == 'norwegian-nynorsk' %}selected{% endif %}>Nynorsk</option>
                    <option value="english" {% if bibliography.language == 'english' %}selected{% endif %}>Engelsk</option>
                </select>

                <select name="style">
                    <option value="apa" {% if bibliography.style == 'apa' %}selected{% endif %}>APA</option>
                    <option value="chicago" {% if bibliography.style == 'chicago' %}selected{% endif %}>Chicago</option>
                    <option value="harvard" {% if bibliography.style == 'harvard' %}selected{% endif %}>Harvard</option>
                    <option value="vancouver" {% if bibliography.style == 'vancouver' %}selected{% endif %}>Vancouver</option>
                    <option value="american-medical-association" {% if bibliography.style == 'american-medical-association' %}selected{% endif %}>American Medical Association</option>
                </select>
                <button type="submit">Endre</button>
            </div>

            <div id="afour">
                {% if bibliography.language.startswith('norwegian') %}
                <h2>Litteraturliste</h2>
                {% else %}
                <h2>Bibliography</h2>
                {% endif %}

            {% for clear, reference, rendered in rendered_bibliography %}
                <button name="identifier" value="{{ reference.id }}" type="submit">✖</button>

                {% if clear %}
                {{ rendered|safe }}
                {% else %}
                <div class="reference">
                    <img src="data:image/png;base64,{{ rendered }}" />
                </div>
                {% endif %}

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