{% extends "admin/core/base.html" %}
{% load foundation %}
{% load static %}

{% block title %}Add Copyeditor{% endblock %}
{% block title-section %}Add Copyeditor{% endblock %}
{% block title-sub %}#{{ article.pk }} / {{ article.correspondence_author.last_name }} / {{ article.safe_title }}{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    {% include "elements/breadcrumbs/copyediting_base.html" %}
    <li>Add Copyedit Assignment</li>
{% endblock breadcrumbs %}

{% block body %}
    <div class="box">
        <form id="copyediting_assignment" method="POST">
            {% csrf_token %}
            <div class="title-area">
                <h2>1. Select Copyeditor</h2>
                <a href="{% url 'core_manager_enrol_users' %}" class="button" target="_blank"><i class="fa fa-users">&nbsp;</i>Enroll Existing User</a>
            </div>
            <div class="content">
                <p>Select a copyeditor from the list of users below. <strong>Note: </strong> if a copyeditor already has an active copyediting task for this article they will not appear in the list, you should first close that task if you wish to assign them again.</p>
                {% include "elements/forms/errors.html" with form=form %}
                <table class="scroll small" id="copyeditor">
                    <thead>
                    <tr>
                        <th>Select</th>
                        <th>First Name</th>
                        <th>Last Name</th>
                        <th>Email Address</th>
                        <th>Active Copyedits</th>
                    </tr>
                    </thead>

                    <tbody>
                    {% for copyeditor_role in copyeditors %}
                        <tr>
                            <td><input type="radio" name="copyeditor" value="{{ copyeditor_role.user.id }}" {% if copyeditor_role.user == form.cleaned_data.copyeditor %}checked="checked"{% endif %}></td>
                            <td>{{ copyeditor_role.user.first_name }}{% if copyeditor_role.user.middle_name %} {{ copyeditor_role.user.middle_name }}{% endif %}</td>
                            <td>{{ copyeditor_role.user.last_name }}</td>
                            <td>{{ copyeditor_role.user.email }}</td>
                            <td>{{ copyeditor_role.user.active_copyedits|length }}</td>
                        </tr>
                    {% empty %}
                        <tr>
                            <td>No suitable copyeditors.</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="title-area">
                <h2>2. Select Files</h2>
            </div>
            <div class="content">
                <p>You can select which files are available to the Copyeditor.</p>
                <table class="scroll small">
                    <tr>
                        <th></th>
                        <th>ID</th>
                        <th>Label</th>
                        <th>Filename</th>
                        <th>Type</th>
                        <th>Uploaded</th>
                        <th>Download</th>
                    </tr>

                    {% for file in article.manuscript_files.all %}
                        <tr>
                            <td><input type="checkbox" name="files_for_copyediting" value="{{ file.id }}"
                                       {% if file in form.cleaned_data.files_for_copyediting %}checked="checked"{% endif %}></td>
                            <td>{{ file.pk }}</td>
                            <td>{{ file.label }}</td>
                            <td>{{ file.original_filename }}</td>
                            <td>Manuscript</td>
                            <td>{{ file.date_uploaded|date:"Y-m-d G:i" }}</td>
                            <td><a href="{% url 'editor_file_download' article.pk file.pk %}"><i class="fa fa-download">&nbsp;</i></a></td>
                        </tr>
                    {% endfor %}
                    {% for file in article.data_figure_files.all %}
                        <tr>
                            <td><input type="checkbox" name="files_for_copyediting" value="{{ file.id }}"
                                       {% if file in form.cleaned_data.files_for_copyediting %}checked="checked"{% endif %}></td>
                            <td>{{ file.pk }}</td>
                            <td>{{ file.label }}</td>
                            <td>{{ file.original_filename }}</td>
                            <td>Data/Figure</td>
                            <td>{{ file.date_uploaded|date:"Y-m-d G:i" }}</td>
                            <td><a href="{% url 'editor_file_download' article.pk file.pk %}"><i class="fa fa-download">&nbsp;</i></a></td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
            <div class="title-area">
                <h2>3. Set Options</h2>
            </div>
            <div class="content">
                <div class="row expanded">
                    <div class="large-6 columns">{{ form.editor_note|foundation }}</div>
                    <div class="large-6 columns">{{ form.due|foundation }}</div>
                    <div class="large-12 columns">
                        <button class="button success" type="submit" name="{{ form.CONFIRMABLE_BUTTON_NAME }}">Add Copyeditor</button>
                    </div>
                </div>
            </div>
        </form>
    </div><!--/col-lg-12 -->

    {% if form.modal %}
        {% include "admin/elements/confirm_modal.html" with modal=form.modal form_id="copyediting_assignment" %}
    {% endif %}

{% endblock body %}

{% block js %}
    {% if form.modal %}
        {% include "admin/elements/open_modal.html" with target=form.modal.id %}
    {% endif %}
    {% include "elements/datatables.html" with target="#copyeditor" sort=2 order='asc' %}
    {% include "elements/jqte.html" %}
    <script src="{% static "admin/js/csrf.js" %}"></script>
    <script src="{% static "common/js/accountrole.js" %}"></script>
{% endblock js %}