{% 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>Resource successfully added:</em><br/>
            Your password is <em id="link_password">{{ added.password }}</em>
            <button onclick="copyTextToClipboard('{{ added.password }}')">Copy the link 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 password 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>
{% endblock %}