{% extends '::base.html.twig' %}

{% block content -%}
    <h1>File creation</h1>

    {{ form(form) }}

        <ul class="record_actions">
    <li>
        <a href="{{ path('imp_gallery') }}">
            Back to the list
        </a>
    </li>
</ul>

    {#<div id="fine-uploader"></div>#}

    {#<link type="text/css" rel="stylesheet" href="{{ asset('bundles/rawafeduploader/js/fine-uploader/templates/default.html') }}" />#}
    {#<script src="{{ asset('bundles/rawafeduploader/js/fine-uploader/fine-uploader.js') }}"></script>#}

    {#<script type="text/template" id="qq-template">#}
        {#<div class="qq-uploader-selector qq-uploader">#}
            {#<div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">#}
                {#<div class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>#}
            {#</div>#}
            {#<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>#}
                {#<span>Drop files here to upload</span>#}
            {#</div>#}
            {#<div class="qq-upload-button-selector qq-upload-button">#}
                {#<div>Upload a file</div>#}
            {#</div>#}
            {#<span class="qq-drop-processing-selector qq-drop-processing">#}
                {#<span>Processing dropped files...</span>#}
                {#<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>#}
            {#</span>#}
            {#<ul class="qq-upload-list-selector qq-upload-list">#}
                {#<li>#}
                    {#<div class="qq-progress-bar-container-selector">#}
                        {#<div class="qq-progress-bar-selector qq-progress-bar"></div>#}
                    {#</div>#}
                    {#<span class="qq-upload-spinner-selector qq-upload-spinner"></span>#}
                    {#<span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>#}
                    {#<span class="qq-upload-file-selector qq-upload-file"></span>#}
                    {#<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">#}
                    {#<span class="qq-upload-size-selector qq-upload-size"></span>#}
                    {#<a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>#}
                    {#<a class="qq-upload-retry-selector qq-upload-retry" href="#">Retry</a>#}
                    {#<a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>#}
                    {#<span class="qq-upload-status-text-selector qq-upload-status-text"></span>#}
                {#</li>#}
            {#</ul>#}
        {#</div>#}
    {#</script>#}

    {#<script type="text/javascript">#}
        {#var uploader = new qq.FineUploader(#}
                {#{#}
                    {#element: document.getElementById('fine-uploader'),#}
                    {#request: {#}
                        {#endpoint: "{{ oneup_uploader_endpoint('imp_gallery') }}",#}
                        {#params: {#}
                            {#gallery: "1&#123;&#35;{{ gallery.id }}&#35;&#125;"#}
                        {#}#}
                    {#}#}
                {#});#}

    {#</script>#}



{% endblock %}