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

{% block title %}Press Manager{% endblock %}
{% block title-section %}Press Manager{% endblock %}

{% block nav %}
{% include "admin/press/nav.html" %}
{% endblock nav %}

{% block body %}
    <section>
    <div class="row expanded" data-equalizer>
        <div class="large-3 columns end">
            <div class="box" data-equalizer-watch>
                <div class="title-area">
                    <h2>Settings</h2>
                </div>
                <div class="content">
                    <div class="button-group stacked">
                        <a class="button" href="{% url 'cms_index' %}">Content Manager</a>
                        <a class="button" href="{% url 'cms_file_list' %}">Media Manager</a>
                        <a class="button" href="{% url 'core_manager_news' %}">News Manager</a>
                        <a class="button" href="{% url 'core_journal_contacts' %}">Contact Manager</a>
                        <a class="button" href="{% url 'press_edit_press' %}">Edit Press Details</a>
                        <a class="button" href="{% url 'core_default_settings_index' %}">Edit journal default settings</a>
                        <a class="button" href="{% url 'home_settings_index' %}">Homepage Elements</a>
                        <a class="button" href="{% url 'merge_users' %}">Merge Users</a>
                        <a class="button" href="{% url 'press_identifier_manager' %}">DOI Manager</a>
                        {% if request.user.is_superuser %}
                        <a class="button" href="{% url 'core_flush_cache' %}">Clear Cache</a>
                        {% endif %}
                    </div>
                </div>

            </div>
        </div>
        <div class="large-9 columns end">
            <div class="box" data-equalizer-watch>
                <div class="title-area">
                    <h2>Journals</h2>
                    <a class="button" data-open="new-journal">Add New Journal</a>
                </div>
                <div class="content">
                    <table class="small scroll">
                        <tr>
                            <th>Sort</th>
                            <th>Name</th>
                            <th>Code</th>
                            <th>Domain</th>
                            <th>Description</th>
                            <th>Edit</th>
                        </tr>
                        <tbody id="sortable">
                            {% for journal in journals %}
                            <tr id="journal-{{ journal.pk }}">
                                <td><i class="fa fa-sort"></i></td>
                                <td><a href="{{ journal.site_url }}">{{ journal.name }}</a></td>
                                <td>{{ journal.code }}</td>
                                <td><a href="{% url 'press_journal_domain' journal.pk %}"><i class="fa fa-edit">&nbsp;</i> {{ journal.domain }}</a></td>
                                <td><a href="{% url 'edit_press_journal_description' journal.pk %}"><i class="fa fa-edit">&nbsp;</i> Edit Description</a></td>
                                <td><a class="" href="{% journal_base_url journal %}{% url 'core_manager_index' %}">Edit Settings</a></td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% if request.press.enable_preprints %}
                <div class="title-area">
                    <h2>Repositories</h2>
                    <a class="button" href="{% url 'repository_wizard' %}">Add New Repository</a>
                </div>
                <div class="content">
                    <table class="small scroll">
                        <tr>
                            <th>Name</th>
                            <th>Short Name</th>
                            <th>Domain</th>
                            <th>Wizard</th>
                        </tr>
                        {% for repo in repositories %}
                        <tr>
                            <td>{{ repo.name }}</td>
                            <td>{{ repo.short_name }}</td>
                            <td><a href="{{ repo.site_url }}">{{ repo.site_url }}</a></td>
                            <td><a href="{% url 'repository_wizard_with_id' repo.short_name '1' %}">Setup Wizard</a></td>
                        </tr>
                        {% endfor %}
                    </table>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
    <div class="row expanded">
        <div class="large-12 columns">
            <div class="box">
                <div class="title-area">
                    <h2>Latest Publications</h2>
                </div>
                <div class="content">
                    <div class="table-scroll">
                        <table id="latest-pubs" class="small scroll">
                            <thead>
                            <tr>
                                <th width="50%">Title</th>
                                <th>Journal</th>
                                <th>Views</th>
                                <th>Downloads</th>
                                <th>Publication Date</th>
                                <th>Links</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for article in published_articles %}
                                <tr>
                                    <td>{{ article.safe_title }}</td>
                                    <td>{{ article.journal.name }}</td>
                                    <td>{{ article.metrics.views }}</td>
                                    <td>{{ article.metrics.downloads }}</td>
                                    <td>{{ article.date_published }}</td>
                                    <td><h5><a href="https://www.facebook.com/share.php?p[url]={{ article.url }}"
                                               target="_blank"><i class="fa fa-facebook"></i></a>
                                        <a href="https://twitter.com/intent/tweet?text={{ article.title }} {{ article.url }}"
                                           target="_blank"><i class="fa fa-twitter"></i></a>
                                        <a href="https://plus.google.com/share?url={{ article.url }}"><i
                                                class="fa fa-google-plus"></i></a>
                                        <a href="https://www.linkedin.com/sharing/share-offsite?url={{ article.url }}"><i
                                                class="fa fa-linkedin"></i></a></h5>
                                    </td>
                                </tr>
                            {% empty %}
                                <tr>
                                    <td colspan="6">There are no published articles to display.</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row expanded">
            <div class="large-12 columns">
                <div class="box">
                    <div class="title-area">
                        <h2>Support</h2>
                    </div>
                    <div class="content">
                        {{ support_message|safe }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>

    <div class="reveal small" id="new-journal" 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-plus">&nbsp;</i>New Journal</h4>
            </div>
            <div class="card-section">
                <ul>
                    <li>Add a code for the journal. Journal codes can be 15 characters in length and <em>must</em> be unique.</li>
                {% if url_config == 'domain' %}
                    <li>Add a domain for your journal. <em>Warning: </em> this domain should be setup on your web server already as you will be redirected to it.</li>
                {% endif %}
                </ul>
                <form method="POST">
                    {% csrf_token %}
                    {{ form|foundation }}
                    <button type="submit" class="button success">Add New Journal</button>
                </form>
            </div>
        </div>
        <button class="close-button" data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
{% endblock %}

{% block js %}
    {% include "elements/datatables.html" with target="#latest-pubs" sort=2 %}
    {% if modal %}
    {% include "admin/elements/open_modal.html" with target=modal %}
    {% endif %}

    <link type='text/css' href="{% static "common/css/jq-ui.css" %}" rel="stylesheet">
    <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');
                console.log(data);
                // POST to server using $.post or $.ajax
                $.ajax({
                    data: data,
                    type: 'POST',
                    url: '{% url 'press_journal_order' %}'
                });
            }
        });
        $( "#sortable" ).disableSelection();
    </script>
    <script type="text/javascript" src="{% static "admin/js/csrf.js" %}"></script>
{% endblock js %}