{% ckan_extends %}
{% import "macros/form.html" as form %}

{# This is a rough and quick PoC of file upload field. It can be used for
    example migration, but the logic is pretty unstable. Think twice before
    changing anything.

    Switching state of url field is the trickiest part. I'm using the same field
    name for file upload, to simplify backend logic(let's keep at least one part of
    application safe).

    If page loads with non-file url_type, we wan't file's url disabled, to avoid
    conflicts. That's why we have this default attribute. When user switches to
    file upload, or opens file-resource, we need to enable file's url and disable
    the native one. For this reason you can see JS in the end of template.

    Finally, when user "removes" upload, we disable file's url and enable native
    url once again.

    Why? Because on initial stage, while I don't have enough use-cases, I want to
    keep files aside of the main logic and prefer to add new elements instead of
    overriding existing widgets.


    #}

{% set is_allowed = h.files_resources_storage_is_configured() and h.check_access("files_resource_upload", {'package_id': data.package_id, 'resource_id': data.id}) %}

{% block url_type_select %}
    {{ super() }}
    {% if is_allowed %}
        <label class="btn btn-default" title="{{ _('Upload or select previously uploaded file') }}" for="resource-url-file"
            onclick="document.getElementById('field-resource-url').disabled=true;document.getElementById('field-resource-file').disabled=false;"
        >
            <i class="fa fa-icons"></i>
            {{ _('Add file') }}
        </label>
    {% endif %}

{% endblock %}

{% block url_type_fields %}
    {{ super() }}
    {% if is_allowed %}

        <input type="radio" id="resource-url-file" name="url_type" value="file" {{'checked' if data['url_type'] == 'file' }}>
        <div class="select-type">
            {{ remove_button(js="document.getElementById('field-resource-url').disabled=false;"
                ~ "document.getElementById('field-resource-url').value='';"
                ~ "document.getElementById('field-resource-file').disabled=true;") }}

            <label>{{ _('File') }}</label>

            <div class="files--resource-url-widget">
                <br/>
                {% set value = data.get("url", "").rsplit("/", 1)|last if data.url_type == "file" else "" %}
                {% set fileinfo = h.files_get_file(value) %}

                {{ form.input("url", id="field-resource-file", label=_("Select existing file"),
                    attrs={
                        "data-module": "autocomplete",
                        "data-module-source": h.url_for("files.autocomplete_available_resource_files", incomplete="?"),
                        "data-module-key": "id",
                        "data-module-label": "label",
                        "disabled": true,
                    }, is_required=true) }}

                <div>
                    <label class="btn btn-default">
                        {{ _("Upload file") }}
                        <input hidden type="file"
                            data-module="files--auto-upload files--resource-select"
                            data-module-action="files_resource_upload"
                            data-module-spinner="#resource-url-file--upload-spinner"
                            data-module-select="#field-resource-file"
                            data-module-request-params="{{ {'package_id': data.package_id, 'resource_id': data.id}|tojson|forceescape }}"
                            {% if fileinfo %}
                            data-module-initial-value="{{{'id': fileinfo.id, 'text': fileinfo.name}|tojson|forceescape }}"
                            {% endif %}

                        />
                        <i id="resource-url-file--upload-spinner" class="spinner-border spinner-border-sm" hidden></i>
                    </label>
                </div>
            </div>
        </div>
        {% if data.url_type == 'file' %}
            <script>
                document.getElementById('field-resource-url').disabled=true;
                document.getElementById('field-resource-file').disabled=false;
            </script>
        {% endif %}

    {% endif %}
{% endblock %}