{% extends "admin/core/base.html" %}}
{% load securitytags %}
{% load files %}
{% load static %}
{% load foundation %}
{% load hooks %}
{% load bool_fa %}
{% load i18n %}

{% block title %}Article Archive {{ article.pk }}{% endblock title %}
{% block title-section %}{% if article.stage == 'Rejected' %}Rejected Article {% else %}Article Archive{% endif %} {{ article.pk }}{% endblock %}
{% block title-sub %}{{ article.safe_title }}{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    <li><a href="{% url 'manage_archive' %}">Article Archive</a></li>
{% endblock breadcrumbs %}

{% block body %}
    <div class="large-12 columns">
        <div class="box">
            <div class="title-area">
                <h2>Metadata</h2>
                <a class="button" href="{% url 'core_article_image_edit' article.pk %}">{% trans 'Edit Article Images' %}</a>
                {% if not article.stage == 'Rejected' %}
                    <a class="button" href="{% url 'publish_article' article.pk %}">{% trans 'Edit Publication Info' %}</a>
                {% endif %}
                {% if article.is_remote %}<a class="button" href="{{ article.remote_url }}">{% trans 'Remote Article View' %} <i class="fa fa-external-link"></i></a>{% endif %}
                {% hook 'request_edit' %}
            </div>
            <div class="content">
                {% include "elements/metadata.html" %}
            </div>
        </div>
    </div>
    <div class="large-12 columns">
        <div class="box">
            <div class="title-area">
                <h2>Publisher Notes</h2>
                <a class="button" href="#" data-open="notemodaladd"><i class="fa fa-edit">&nbsp;</i>Add a publisher note</a>
            </div>
            <div class="content">
                {% include "elements/publisher_notes.html" %}
            </div>
        </div>
    </div>
    <div class="large-12 columns">
        <div class="box">
            <div class="title-area">
                <h2>Galleys</h2>
                <a class="button" href="{% url 'production_article' article.pk %}">Edit Galleys</a>
            </div>
            <div class="content">
                <table class="small scroll">
                    <tr style="text-align: left">
                        <th>Label</th>
                        <th width="25%">Filename</th>
                        <th>Type</th>
                        <th>Public</th>
                        <th>Edit</th>
                        <th>Download</th>
                        <th>Replace</th>
                        <th>History</th>
                        <th>Create PDF</th>
                        <th>Create EPUB</th>
                        {% if request.user.is_admin %}
                        <th>Edit in Admin</th>
                        {% endif %}
                    </tr>
                    {% for galley in galleys %}
                        {% can_view_file galley.file as can_view_file_flag %}
                        {% can_edit_file galley.file article as can_edit_file_flag %}
                        {% can_view_file_history galley.file article as can_view_file_history_flag %}
                        <tr>
                            <td>{{ galley.label }}</td>
                            <td>{{ galley.file.original_filename|truncatechars:40 }}</td>
                            <td>Galley</td>
                            <td>{{ galley.public|bool_fa }}</td>
                            <td><a href="{% url 'pm_edit_galley' article.pk galley.pk %}?return={% url 'manage_archive_article' article.pk %}" class="fa fa-edit"></a></td>
                            <td>{% if can_view_file_flag %}
                                <a href="{% url 'article_file_download' 'id' article.pk galley.file.pk %}"><i
                                        class="fa fa-download">&nbsp;</i></a>{% endif %}
                            </td>
                            <td>{% if can_edit_file_flag %}
                                <a href="{% url 'article_file_replace' 'id' article.pk galley.file.pk %}?return={{ request.path|urlencode }}"><i
                                        class="fa fa-cloud-upload">&nbsp;</i></a>{% endif %}
                            </td>
                            <td>{% if can_view_file_history_flag %}
                                <a href="{% url 'file_history' article.pk galley.file.pk %}?return={{ request.path|urlencode }}"><i
                                        class="fa fa-history">
                                    &nbsp;</i></a>{% endif %}
                            </td>
                            <td>
                                {% if galley.file.mime_type == 'application/xml' and not galley.has_missing_image_files %}
                                    <a href="{% url 'cassius_generate' galley.pk %}?return={{ request.path|urlencode }}">
                                        <i class="fa fa-file-text-o">&nbsp;</i>
                                    </a>
                                {% elif not galley.file.mime_type == 'application/xml' %}
                                    Function for XML only.
                                {% elif galley.file.mime_type == 'application/xml' and galley.has_missing_image_files %}
                                    <p><span data-tooltip aria-haspopup="true" class="has-tip top"
                                             data-disable-hover="false"
                                             tabindex="2"
                                             title="{% has_missing_supplements galley %}">Missing Supplements</span></p>
                                {% endif %}
                            </td>
                            <td>
                                {% if galley.file.mime_type == 'application/xml' and not galley.has_missing_image_files %}
                                    <a href="{% url 'epub_generate' galley.pk %}?return={{ request.path|urlencode }}">
                                        <i class="fa fa-book">&nbsp;</i>
                                    </a>
                                {% elif not galley.file.mime_type == 'application/xml' %}
                                    Function for XML only.
                                {% elif galley.file.mime_type == 'application/xml' and galley.has_missing_image_files %}
                                    <p><span data-tooltip aria-haspopup="true" class="has-tip top"
                                             data-disable-hover="false"
                                             tabindex="2"
                                             title="{% has_missing_supplements galley %}">Missing Supplements</span></p>
                                {% endif %}
                            </td>
                            {% if request.user.is_admin %}
                                <td><a target="_blank"
                                       href="{% url 'admin:core_galley_change' galley.pk %}"><span
                                        class="fa fa-cogs">&nbsp;</span>Edit in Admin</a>
                                </td>{% endif %}
                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="9">No galleys have been uploaded.</td>
                        </tr>
                    {% endfor %}
                </table>
                <a class="button success" data-open="uploadbox"><i class="fa fa-cloud-upload">&nbsp;</i>Upload a new galley</a>

            </div>
        </div>
    </div>
    {% include "elements/production/new_galley.html" %}

    <div class="large-12 columns">
        <div class="box">
            <div class="title-area">
                <h2>Issues</h2>
                <a class="button" href="{% url 'manage_issues' %}">Issue Manager</a>
            </div>
            <div class="content">
                <table class="small scroll">
                    <tr>
                        <th>Title</th>
                        <th>Volume</th>
                        <th>Issue</th>
                        <th></th>
                    </tr>
                    {% for issue in article.issues_list %}
                    <tr>
                        <td>{% if issue.issue_title %}{{ issue.issue_title }}{% else %}No title{% endif %}</td>
                        <td>{{ issue.volume}}</td>
                        <td>{{ issue.issue }}</td>
                        <td><a href="{% url 'manage_issues_id' issue.pk %}" target="_blank"><i class="fa fa-edit">&nbsp;</i>Edit</a> </td>
                    </tr>
                    {% empty %}
                        <tr>
                        <td colspan="3">Article isn't in any issues.</td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>
    {% if article.stage == 'Rejected' %}
    <div class="large-12 columns">
        <div class="box">
            <div class="title-area">
                <h2>Actions</h2>
            </div>
            <div class="button-group">
                <a href="{% url 'review_decision' article.id 'undecline' %}" class="button success">
                    <i class="fa fa-undo action-icon">&nbsp;</i> {% trans 'Undo Article Rejection' %}
                </a>
            </div>
            {% if assigned_editors %}
                {% trans 'Review' as stage %}
            {% else %}
                {% trans 'Unassigned' as stage %}
            {% endif %}
            <p>{% blocktrans %}You will have the opportunity to send an email to the author, and then the article will move back to the {{ stage }} stage.{% endblocktrans %}</p>
        </div>
    </div>
    {% endif %}
{% endblock body %}

{% block js %}
    <script src="{% static "admin/js/csrf.js" %}"></script>
    <script type="text/javascript" src="{% static "common/js/jq-ui.min.js" %}"></script>
    <script>
        $("#sortable").sortable({
            update: function (event, ui) {
                var data = $(this).sortable('serialize');
                // POST to server using $.post or $.ajax
                $.ajax({
                    data: data,
                    type: 'POST',
                    url: '{% url 'submission_article_publisher_notes_order' article.id %}',
                });
            }
        });
        $("#sortable").disableSelection();
    </script>

{% endblock %}