{% load foundation %}

<div class="reveal" id="uploadbox" data-reveal data-animation-in="slide-in-up"
     data-animation-out="slide-out-down">
    <div class="card">
        <div class="card-divider">
            <h4><i class="fa fa-upload">&nbsp;</i>Upload Galley</h4>
        </div>
    </div>
    <div class="card-section">
        {% if error %}
            <div class="alert alert-warning" role="alert">{{ error }}</div>
        {% endif %}
        <button class="close-button" data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>

        <form method="POST" enctype="multipart/form-data">
            {% csrf_token %}
            <p class="help-text">Galley labels are displayed in download links and have the format "Download Label" eg. if you set the label to be PDF the link will be Download PDF. If you want Janeway to set a label for you, leave it blank.</p>
            <div class="clearfix">
                <div>
                    {{ galley_form|foundation }}
                    <button type="submit" class="button success float-right" name="other"><i
                            class="fa fa-upload">
                        &nbsp;</i>Upload
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>