{% extends "base.html" %}
{% load static sass_tags compress %}
{% block head %}
{% endblock %}
{% block main %}
    <div class="content">
    </div>
    <div class="add-comment" style="display: none">
        {% csrf_token %}
        <textarea name="text" placeholder="your comment"></textarea>
        <div class="user">
        {% if request.user.is_anonymous %}
        <input name="name" type="text" placeholder="your name"></input>
        <input name="email" type="email" placeholder="your email"></input>
        <br>
        <div class="buttons">
            <button id="add-comment">Add comment as guest</button>
            <button>Login</button>
        </div>
        <div class="buttons login">
            <input name="username" type="text" placeholder="your username"></input>
            <input name="password" type="password" placeholder="your password"></input>
            <button>Login</button>
            <button>Register</button>
        </div>
        {% else %}
        <div class="buttons">
            <button id="add-comment">Add comment</button>
        </div>
        {% endif %}
        </div>
    </div>
{% endblock %}
{% block end %}
<script>
    var comments = {{ comments }};
    var user = {{ user }};
</script>
{% compress js file m %}
<script src="/static/js/utils.js"></script>
<script src="/static/js/api.js"></script>
<script src="/static/js/icons.js"></script>
<script src="/static/js/VideoElement.js"></script>
<script src="/static/js/VideoPlayer.js"></script>
<script src="/static/js/documents.js"></script>
<script src="/static/js/edits.js"></script>
<script src="/static/js/item.js"></script>
<script src="/static/js/render.js"></script>
{% endcompress %}

<script>
    pandora.url = new URL('{{ item.url|escapejs }}');
    pandora.comment = '{{ item.id | escapejs }}';
    pandora.hostname = pandora.url.hostname
    pandoraURL = `https://${pandora.hostname}`
</script>
<script src="/static/js/overwrite.js"></script>

<script src="/static/js/main.js"></script>
<script src="/static/js/comments.js"></script>
{% endblock %}