{% extends "base.html" %}

{% block title %}Concon - Files{% endblock %}

{% block content %}
<h1>
    {% for crumb in breadcrumbs %}
        <a href="{{ crumb.url }}">{{ crumb.name }}</a> /
    {% endfor %}
    Files
</h1>

{% if can_upload %}
<h2>Upload PDF</h2>
<form method="post" action="/_api/files/upload" enctype="multipart/form-data">
    <input type="hidden" name="team_path" value="{{ team_path }}">
    <div class="grid-x grid-margin-x">
        <div class="cell medium-6">
            <label for="file">PDF file</label>
            <input type="file" id="file" name="file" accept="application/pdf" required>
        </div>
        <div class="cell medium-6">
            <label>&nbsp;</label>
            <button type="submit" class="button">Upload</button>
        </div>
    </div>
</form>
{% endif %}

{% if files %}
<h2>Files</h2>
<table class="hover">
    <thead>
        <tr>
            <th>Filename</th>
            <th>Title</th>
            <th>Authors</th>
            <th>Year</th>
            {% if can_delete or username %}
            <th>Actions</th>
            {% endif %}
        </tr>
    </thead>
    <tbody>
        {% for f in files %}
        <tr>
            <td><a href="{{ team_url_prefix }}/_files/{{ f.uuid }}">{{ f.file_name }}</a></td>
            <td>{{ f.title }}</td>
            <td>{{ f.authors }}</td>
            <td>{{ f.year }}</td>
            {% if can_delete or username %}
            <td class="actions-cell">
                {% if username %}
                <a href="{{ team_url_prefix }}/_files/{{ f.uuid }}/_edit">edit</a>
                {% endif %}
                {% if can_delete %}
                <form method="post" action="{{ team_url_prefix }}/_files/{{ f.uuid }}/_delete" class="inline-form"
                      onsubmit="return confirm('Delete this file?')">
                    <button type="submit" class="btn-small-danger">delete</button>
                </form>
                {% endif %}
            </td>
            {% endif %}
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p>No files uploaded yet.</p>
{% endif %}
{% endblock %}