{% extends "core/base.html" %}
{% load settings i18n %}
{% load static %}

{% block page_title %}{% trans "Journals" %}{% endblock page_title %}

{% block title %}{{ press.name }}{% endblock title %}

{% block navbarbrand %}{{ press.name }}{% endblock navbarbrand %}

{% block body %}

    <section id="content" class="no-padding">
        <div class="row">
            <div class="large-8 columns">
                <h1> {{ press.name }} {% trans 'Journals' %} </h1>
                {% for current_journal in journals %}
                    {% setting_var current_journal 'disable_journal_submission' as submission_disabled %}
                    <div class="large-12 columns border-right border-bottom journal-div">
                        <div class="box journal">
                            <div class="row collapse">
                                <div class="large-12 columns">
                                    <div class="content clearfix">
                                        <div class="row" data-equalizer>
                                        <div class="large-4 columns" data-equalizer-watch>
                                            {% if current_journal.is_remote %}
                                            <a href="{{ current_journal.remote_view_url }}" target="_blank">
                                            {% else %}
                                            <a href="{{ current_journal.site_url }}">
                                            {% endif %}
                                                <img src="{% if current_journal.default_cover_image %}{{ current_journal.default_cover_image.url }}{% endif %}"
                                                     alt="{% if current_journal.name != " " and current_journal.name != "" %}{{ current_journal.name }}{% else %}Unnamed Journal{% endif %}">
                                            </a>
                                        </div>
                                        <div class="large-8 columns title-div" data-equalizer-watch>
                                            <div class="journal-description-box">
                                            <h2>
                                                 {% if current_journal.is_remote %}
                                                    <a href="{{ current_journal.remote_view_url }}" target="_blank">
                                                        {{ current_journal.name }}
                                                        {% include "elements/icons/link_external.html" %} 
                                                    </a>
                                                {% else %}
                                                    <a href="{% journal_base_url current_journal %}"
                                                        class="journal-name"
                                                        >
                                                        {{ current_journal.name }}
                                                    </a>
                                                {% endif %}
                                            </h2>
                                            <span class="hide">{{ current_journal.name|lower }}</span>
                                            {{ current_journal.description_for_press|safe }}
                                            {% with keywords=current_journal.keywords.all %}
                                                {% if keywords %}
                                                <h3>{% trans 'Disciplines' %}</h3>
                                                    <ul class="keyword-list">
                                                        {% for keyword in keywords %}
                                                            <li>
                                                                <a class="kbd" href="?filter={{ keyword.word }}">
                                                                    <span>{{ keyword.word }}</span>
                                                                </a>
                                                            </li>
                                                        {% endfor %}
                                                    </ul>
                                                {% endif %}
                                            {% endwith %}
                                            </div>
                                            <div class="expanded button-group">
                                                {% if current_journal.is_remote %}
                                                    {% if not submission_disabled %}
                                                        <a href="{{ current_journal.remote_submit_url }}"
                                                            class="button" 
                                                            target="_blank"
                                                            >
                                                            <span>{% trans 'Submit' %}</span>
                                                            {% include "elements/icons/link_external.html" %} 
                                                        </a>
                                                    {% endif %}
                                                    <a href="{{ current_journal.remote_view_url }}"
                                                            class="button"
                                                            target="_blank"
                                                            >
                                                            <span>{% trans 'View' %}</span>
                                                            {% include "elements/icons/link_external.html" %} 
                                                        </a>
                                                {% else %}
                                                    {% if not submission_disabled %}
                                                    <a href="{% journal_base_url current_journal %}{% url 'submission_start' %}"
                                                       class="button"><span>{% trans 'Submit' %}</span></a>
                                                    {% endif %}
                                                    <a href="{% journal_base_url current_journal %}"
                                                       class="button"><span>{% trans 'View' %}</span></a>
                                                    {% if current_journal.current_issue %}
                                                    <a href="{% journal_base_url current_journal %}{% url 'current_issue' %}"
                                                       class="button"><span>{% trans 'Current Issue' %}</span></a>
                                                    {% elif current_journal.serial_issues.count > 0 %}
                                                    <a href="{% journal_base_url current_journal %}{% url 'journal_issues' %}"
                                                       class="button"><span>{{ current_journal.issue_type_plural_name }}</span></a>
                                                    {% endif %}
                                                {% endif %}
                                            </div>
                                        </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                {% endfor %}
            </div>
            <div class="large-4 columns">
                <section aria-label="{% trans 'Filter' %}">
                <div>
                    <form>
                        <div class="section">
                            <label>{% trans "Filter" %}
                                <input type="text" placeholder="{% trans "Filter" %}" id="filter" name="filter">
                            </label>
                        </div>
                    </form>
                </div>
            </section>
            </div>

        </div>

    </section>

{% endblock body %}

{% block js %}
    <script src="{% static 'common/js/journal_filter.js' %}"></script>
{% endblock %}