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

{% block title %}{{ request.press.name }} | Journals{% endblock title %}

{% block body %}
<div class="row">
    <div class="col-md-12">
        <h1>{% trans 'Journals' %}</h1>
    </div>
    <div class="col-lg-8 col-md-10 journal-container">
        {% for current_journal in journals %}
            {% setting_var current_journal 'disable_journal_submission' as submission_disabled %}
            <div class="row journal-div">
                <div class="col-lg-3 col-md-4">
                    <img class="img-fluid"
                         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 %}">
                </div>
                <div class="col-lg-9 col-md-8 journal-description-box">
                    <span class="d-none">{{ current_journal.name|lower }}</span>
                    <h2 class="journal-name">{{ current_journal.name }}</h2>
                    <span>{{ current_journal.description_for_press|safe }}</span>
                    <div class="journal-button-block">
                        {% if current_journal.is_remote %}
                            {% if not submission_disabled %}
                                <a href="{{ current_journal.remote_submit_url }}"
                                   class="btn btn-primary"><span>{% trans 'Submit' %}</span></a>
                            {% endif %}
                            <a href="{{ current_journal.remote_view_url }}"
                               class="btn btn-primary"><span>{% trans 'View' %}</span></a>
                        {% else %}
                            {% if not submission_disabled %}
                                <a href="{% journal_base_url current_journal %}{% url 'submission_start' %}"
                                   class="btn btn-primary"><span>{% trans 'Submit' %}</span></a>
                            {% endif %}
                            <a href="{% journal_base_url current_journal %}"
                               class="btn btn-primary"><span>{% trans 'View' %}</span></a>
                            {% if current_journal.current_issue %}
                                <a href="{% journal_base_url current_journal %}{% url 'current_issue' %}"
                                   class="btn btn-primary"><span>{% trans 'Current Issue' %}</span></a>
                                {% elif current_journal.serial_issues.count > 0 %}
                                <a href="{% journal_base_url current_journal %}{% url 'journal_issues' %}"
                                   class="btn btn-primary"><span>{{ current_journal.issue_type_plural_name }}</span></a>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        {% empty %}
            <p>{% trans 'No journals to list' %}.</p>
        {% endfor %}
    </div>
    <div class="col-lg-4 col-md-2">
        <label>{% trans "Filter" %}
            <input type="text" placeholder="{% trans "Start typing to filter." %}" id="filter" name="filter">
        </label>
    </div>
</div>
{% endblock body %}

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