{% extends "UWA/Template/dashboard.tpl" %}

{% block content %}

{% if uwa_user.Role.Role.Name != "Admin" %}

<div class="alert alert-danger" role="alert">
    <strong>Sorry!</strong> You do not have the necessary permissions to view this page.
</div>

{% else %}

<div class="row">
    <div class="col-sm-12">

        <div class="uCard uCard-Standalone">

            <h2>Upload Files</h2>

            <form role="form" action="/dashboard/media/upload/do" method="post"
                  id="uploadForm" enctype="multipart/form-data" target="upload_iframe">
                <input type="hidden" value="uploadForm" name="{{session_progress_name}}">
                <input type="hidden" name="MAX_FILE_SIZE" value="{{max_file_size}}">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <input class="form-control" id="upload_file_input" type="file" name="files[]" required multiple />
                        </div>

                        <div class="form-group">
                            <input type="checkbox" id="addToAlbum_Check" name="addToAlbum" value="1" onchange="toggleAlbumChoice();" />
                            <label for="addToAlbum_Check">Add to album?</label>
                        </div>
                        <div id="chooseAlbumUpload" class="form-group" style="display: none;">
                            <select name="album" class="form-control">
                                {% for album in albums %}
                                    <option value="{{album.Id}}">{{album.Name}}</option>
                                {% else %}
                                    <option value="-1">No albums</option>
                                {% endfor %}
                            </select>
                        </div>

                        <button class="btn btn-primary" type="submit" onclick="startUpload('uploadForm');">
                            Upload
                        </button>
                    </div>
                </div>
            </form>
            <br>
            <div class="row">
                <div class="col-sm-4">
                    <div id="upload_progress" class="progress">
                        <div id="upload_progress_bar" class="progress-bar progress-bar-striped active" role="progressbar"
                             aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                            <span class="upload_progress_text">0%</span>
                        </div>
                    </div>
                    <br>
                    <p class="text-success hidden upload_complete_text">Upload Complete!</p>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 thumbnail-holder">

                </div>
            </div>

        </div>

    </div>
</div>

<iframe id="upload_iframe" name="upload_iframe" src="about:blank"></iframe>
<script src="/Resources/JS/UGallery/upload.js"></script>

{% endif %}

{% endblock %}