{% extends "wagtailadmin/generic/base.html" %}
{% load static i18n wagtailadmin_tags wagtail_admin_files %}

{% block extra_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'wagtail_admin_files/css/waf.css' %}">
{% endblock %}

{% block extra_js %}
{{ block.super }}
<script src="https://cdn.jsdelivr.net/npm/macy@2"></script>
<script src="{% static 'wagtail_admin_files/js/waf-detail.js' %}"></script>
<script src="{% static 'wagtail_admin_files/js/waf-print-buttons.js' %}"></script>
<script src="{% static 'wagtail_admin_files/js/waf-list.js' %}"></script>
{% endblock %}

{% block main_content %}

{% if not sharing %}
    <div class="waf-content w-form-width">
        <div class="waf-upload-success-container" data-controller="waf-clipboard" data-waf-clipboard-success-content-value="{% trans "Copied!" %}">
            <h1>{% trans "File Group Share Link" %}</h1>
            
            {% help_block status="info" icon="info" %}
                <p>
                    {% blocktrans trimmed %}
                        Easily copy the below share URL to share your file with others
                    {% endblocktrans %}
                </p>
            {% endhelp_block %}

            <div class="waf-upload-success">
                <input type="text" class="waf-upload-success-url" value="{{ share_link }}" readonly data-waf-clipboard-target="source">
            </div>
            
            <div class="buttons">
                <button class="button button--primary" data-waf-clipboard-target="button" data-action="waf-clipboard#copy">
                    {% trans "Copy Link to File Group" %}
                </button>
            </div>
        </div>
    </div>

    <hr>
{% endif %}

<div class="waf-uploaded-file-list" data-gap="16" data-columns="5" data-true-order="false">
    {% for object in object.sharedfile_set.all %}

        {% include "wagtail_admin_files/partials/uploaded_file.html" with object=object ext_text=ext_text %}

    {% endfor %}
</div>

{% if not sharing %}
    {% block footer %}
        <footer class="footer w-grid md:w-grid-flow-col">
            <nav class="actions actions--primary footer__container" aria-label="{% trans 'Actions' %}">
                {% block actions %}
                    {% fragment as main_action %}
                        {% block main_action %}
                            <a href="{% url 'wagtail_admin_files:list' %}" class="waf-button-full button warning">
                                {% trans "Back to List" %}
                            </a>
                        {% endblock %}
                    {% endfragment %}

                    {% if WAGTAIL_VERSION >= 6 %}
                        {% include "wagtailadmin/shared/action_menu/menu.html" with show_menu=extra_actions default_menu_item=main_action menu_items_fragment=extra_actions %}
                    {% else %}
                        {{ main_action }}
                    {% endif %}
                {% endblock %}
            </nav>
        </footer>
    {% endblock %}
{% endif %}

{% endblock %}