{% extends "base.html" %}{% load static %}
{% load static %}
{% block title %}Add a new resource{% endblock %}
{% block head %}
    <script src="{% static "js/clipboard.js" %}"></script>
{% endblock %}
{% block body %}
    {% if added %}
        <div>
            <em>{% if added.type == 'file' %}File{% else %}Link{% endif %} successfully
                added:</em><br>
            Your password is <em id="link_password">{{ added.password }}</em>
            <button onclick="copyTextToClipboard('{{ added.password }}')">Copy the password to
                clipboard
            </button>
            <br>
            Your link is: <span><a href="{{ added.url }}" id="link_url">{{ added.url }}</a></span>
            <button onclick="copyTextToClipboard('{{ added.url }}')">Copy the link to
                clipboard
            </button>
            <br>
        </div>
    {% endif %}
    <form class="form-group text-left" role="form" action="/accounts/profile" method="POST"
          enctype="multipart/form-data">
        {% csrf_token %}
        {{ form.as_p }}
        <p>
            <input type="submit" value="Submit">
    </form><br>
    <a href="/accounts/logout">Log out</a>
{% endblock %}