{% load foundation %}
<div class="reveal small" id="author" 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-user">&nbsp;</i>{% if frozen_author %}Edit {{ frozen_author.full_name }}{% else %}Add New Frozen Author{% endif %}</h4>
        </div>
        <div class="card-section">
            {% if frozen_author %}<p>You are editing the frozen metadata record for this author, not their live user
                profile.{% if frozen_author.author %} This frozen metadata record is linked to account ID
                <a target="_blank" href="{% url 'core_user_edit' frozen_author.author.pk %}">{{ frozen_author.author.pk }} -
                    {{ frozen_author.author.full_name }}</a>. If you wish to change the ORCID or email address associated
                with this record we recommend doing so at the account level using the link.{% endif %}</p>{% endif %}
            {% include "elements/forms/errors.html" with form=author_form %}
            <form method="POST">
                {% if frozen_author.author and not frozen_author.author == article.correspondence_author %}
                    <div class="row expanded">
                        <div class="large-12 columns">
                            <button class="button" name="mark_primary">Mark as Primary Author</button>
                        </div>
                    </div>
                {% endif %}

                {% csrf_token %}
                {{ author_form|foundation }}
                <button type="submit" name="author" value="{{ author.pk }}" class="small success button">Save Metadata
                </button>
            </form>
        </div>
    </div>
    <button class="close-button" data-close aria-label="Close reveal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>