{% extends "admin/base.html" %}
{% load i18n staticfiles %}

{% block breadcrumbs %}
    {% include "admin/filer/breadcrumbs.html" %}
{% endblock %}

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'filertools/css/select2/select2.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'filertools/css/select2/select2-bootstrap.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'admin/css/forms.css' %}">
{% endblock %}

{% block extrahead %}
    {{ block.super }}
    <script src="{% static 'filertools/js/jquery.min.js' %}"></script>
    <script src="{% static 'filertools/js/select2/select2.js' %}"></script>
    <script src="{% static 'filertools/js/jquery.form-validator/jquery.form-validator.min.js' %}"></script>
    {% include 'admin/filer/folder/include/choose_destination_js.html' %}
{% endblock %}

{% block content %}
    <p>{% blocktrans %}The following files and/or folders will be copied to a destination folder (retaining their tree structure):{% endblocktrans %}</p>
    <ul>{{ to_copy|unordered_list }}</ul>
    <form action="" method="post" id="folders_form">
        {% csrf_token %}
        <div>
            {% for f in files_queryset %}
                <input type="hidden" name="{{ action_checkbox_name }}" value="file-{{ f.pk }}">
            {% endfor %}
            {% for f in folders_queryset %}
                <input type="hidden" name="{{ action_checkbox_name }}" value="folder-{{ f.pk }}">
            {% endfor %}
            <input type="hidden" name="action" value="copy_files_and_folders">
            <input type="hidden" name="post" value="yes">
            <p>
                <label for="destination">{% blocktrans %}Destination folder:{% endblocktrans %}</label>
                <input type="text" name="destination" id="destination" data-validation="required">
            </p>
            {{ copy_form.as_p_with_help }}
            <p><input type="submit" id="submit_button" value="{% trans 'Copy' %}"></p>
        </div>
    </form>
{% endblock %}