{% extends "base.html" %}
{% comment %}
This file is part of photo21
Copyright (C) 2022  Amicale des élèves de l'ENS Paris-Saclay
SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
{% load i18n static crispy_forms_tags %}
{% block title %}{% trans "Upload" %}{% endblock %}

{% block extrajs %}
<script src="{% url 'javascript-catalog' %}"></script>
<script src="{% static 'jquery-3.6.0.min.js' %}"></script>  {# jQuery first #}
{{ form.media }}  {# Select2 JS/CSS comes after jQuery #}
<script src="{% static 'upload.js' %}"></script>  {# your custom JS last #}
{% endblock %}

{% block content %}
<h1>{% trans "Upload" %}</h1>
<div class="card">
    <div class="card-body">
        <form method="post" enctype="multipart/form-data" id="upload_form">{% csrf_token %}
            <div class="upload-drop-zone" id="drop_zone">
                {% trans "Drag and drop photos here" %}
            </div>
            {% crispy form %}
            <p class="mt-3">
                {% trans "Owner will be" %} <code>{{ request.user.get_full_name }} ({{ request.user.username}})</code>.
            </p>
        </form>
    </div>
</div>
{% endblock %}