{% extends "base.html" %}
{% load url %}
{% load guardian_tags %}
{% load bleach %}
{% load profiles %}
{% load meta_attr %}
{% load crispy_forms_tags %}
{% load static %}

{% block title %}
    {{ object.title }} - {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a
                href="{% url 'archives:list' %}">Archives</a>
        </li>
        <li class="breadcrumb-item active"
            aria-current="page">{{ object.title }}</li>
    </ol>
{% endblock %}

{% block sidebar %}
    {% get_obj_perms request.user for object as "object_perms" %}

    <div class="col-12 col-md-4 col-lg-3 mb-3">
        <ul class="nav nav-pills flex-column" id="v-pills-tab" role="tablist"
             aria-orientation="vertical">
            <a class="nav-link" id="v-pills-information-tab" data-toggle="pill"
               href="#information" role="tab" aria-controls="v-pills-information"
               aria-selected="true"><i
                    class="fas fa-info fa-fw"></i>&nbsp;Information
            </a>

            {% if "change_archive" in object_perms %}
                <a class="nav-link" id="v-pills-editors-tab" data-toggle="pill"
                   href="#editors" role="tab" aria-controls="v-pills-editors"
                   aria-selected="false"><i class="fas fa-user fa-fw"></i>&nbsp;Editors
                </a>
                <a class="nav-link" id="v-pills-uploaders-tab" data-toggle="pill"
                   href="#uploaders" role="tab" aria-controls="v-pills-uploaders"
                   aria-selected="false"><i class="fas fa-users fa-fw"></i>&nbsp;Uploaders
                </a>
                <a class="nav-link" id="v-pills-users-tab" data-toggle="pill"
                   href="#users" role="tab" aria-controls="v-pills-users"
                   aria-selected="false"><i class="fas fa-users fa-fw"></i>&nbsp;Users
                </a>
                <a class="nav-link"
                   href="{% url 'archives:permission-request-list' slug=object.slug %}"
                ><i class="fas fa-question fa-fw"></i>&nbsp;Requests&nbsp;<span
                        class="badge badge-pill badge-secondary align-middle">{{ pending_permission_requests }}</span>
                </a>
            {% endif %}

            {% if "upload_archive" in object_perms %}
                <a class="nav-link"
                   href="{% url 'archives:cases-create' slug=object.slug %}"
                ><i class="fas fa-file-import fa-fw"></i>&nbsp;Add Items
                </a>
            {% endif %}

            {% if "use_archive" in object_perms %}
                <a class="nav-link"
                   href="{% url 'archives:cases-list' slug=object.slug %}"
                ><i class="fas fa-eye fa-fw"></i>&nbsp;View Images
                </a>
                <a class="nav-link"
                   href="{% url 'archives:items-list' slug=object.slug %}"
                ><i class="fas fa-eye fa-fw"></i>&nbsp;View Items
                </a>
                <a class="nav-link"
                   href="{% url 'archives:items-reader-study-update' slug=object.slug %}"
                ><i class="fas fa-plus fa-fw"></i>&nbsp;Add to Reader Study
                </a>
                <a class="nav-link" id="v-pills-export-tab" data-toggle="pill"
                   href="#export" role="tab" aria-controls="v-pills-export"
                   aria-selected="false"><i class="fas fa-file-download fa-fw"></i>&nbsp;Export
                </a>
            {% endif %}
        </ul>
    </div>
{% endblock %}

{% block content %}
    {% get_obj_perms request.user for object as "object_perms" %}

    <div class="tab-content" id="v-pills-tabContent">
        <div class="tab-pane fade show" id="information" role="tabpanel"
             aria-labelledby="v-pills-information-tab">

            <h2>{{ object.title }}</h2>

            {{ object.detail_page_markdown|md2html }}

            {% if "change_archive" in object_perms %}
                <hr>
                <h3>Admin Info</h3>
                <p>
                    {% if object.public %}
                        This {{ object|meta_attr:'verbose_name' }} is <b>visible to the public</b>,
                        {% if object.access_request_handling != 'ACCEPT_ALL' %}
                            however, users will need to request access, which you
                            will need to approve
                                {% if object.access_request_handling == 'ACCEPT_VERIFIED_USERS' %}
                                    (unless they are verified)
                                {% endif %}
                            before they can view this {{ object|meta_attr:'verbose_name' }}.
                        {% else %}
                            and users' access requests will be accepted automatically.
                        {% endif %}
                    {% else %}
                        Only users that you add to the users group will be
                        able to view this {{ object|meta_attr:'verbose_name' }}.
                    {% endif %}
                    This {{ object|meta_attr:'verbose_name' }} uses
                    <a href="{{ object.workstation.get_absolute_url }}">
                        {{ object.workstation.title }}</a>
                    {% if object.workstation_config %}
                        with configuration
                        <a href="{{ object.workstation_config.get_absolute_url }}">
                            {{ object.workstation_config.title }}</a>.
                    {% else %}
                        with its default configuration.
                    {% endif %}
                </p>

                <p>
                    <a class="btn btn-primary"
                       href="{% url 'archives:update' slug=object.slug %}">
                        <i class="fa fa-cog"></i> Update Settings
                    </a>
                </p>
            {% endif %}
        </div>

        {% if "change_archive" in object_perms %}
            <div class="tab-pane fade" id="editors" role="tabpanel"
                 aria-labelledby="v-pills-editors-tab">

                <h2>Editors</h2>
                <p>
                    The following users are able to edit, view all items, download all items and upload new items to
                    this {{ object|meta_attr:'verbose_name' }}:
                </p>

                {% url 'archives:editors-update' slug=object.slug as edit_url %}
                {% include "groups/partials/user_list.html" with edit_url=edit_url form=editor_remove_form users=object.editors_group.user_set.all %}

                <p>
                    <a class="btn btn-primary"
                       href="{% url 'archives:editors-update' slug=object.slug %}">
                        <i class="fa fa-plus"></i> Add Editors
                    </a>
                </p>
            </div>

            <div class="tab-pane fade" id="uploaders" role="tabpanel"
                 aria-labelledby="v-pills-uploaders-tab">

                <h2>Uploaders</h2>
                <p>
                    The following users are able to view all items, download all items and upload new items to
                    this {{ object|meta_attr:'verbose_name' }}:
                </p>

                {% url 'archives:uploaders-update' slug=object.slug as edit_url %}
                {% include "groups/partials/user_list.html" with edit_url=edit_url form=uploader_remove_form users=object.uploaders_group.user_set.all %}

                <p>
                    <a class="btn btn-primary"
                       href="{% url 'archives:uploaders-update' slug=object.slug %}">
                        <i class="fa fa-plus"></i> Add Uploaders
                    </a>
                </p>
            </div>

            <div class="tab-pane fade" id="users" role="tabpanel"
                 aria-labelledby="v-pills-editors-tab">

                <h2>Users</h2>
                <p>
                    The following users are able to view and download all items belonging to this
                    {{ object|meta_attr:'verbose_name' }}:
                </p>

                {% url 'archives:users-update' slug=object.slug as edit_url %}
                {% include "groups/partials/user_list.html" with edit_url=edit_url form=user_remove_form users=object.users_group.user_set.all %}

                <p>
                    <a class="btn btn-primary"
                       href="{% url 'archives:users-update' slug=object.slug %}">
                        <i class="fa fa-plus"></i> Add Users
                    </a>
                </p>
            </div>
        {% endif %}

        {% if "use_archive" in object_perms %}
            <div class="tab-pane fade" id="export" role="tabpanel"
                 aria-labelledby="v-pills-export-tab">

                <h2>Export</h2>

                <p>Download CSV snapshots of the archive here.</p>

                <p>
                    <a class="btn btn-primary"
                       href="{{ object.api_url }}?format=csv"
                       download="archive_{{ object.slug }}_{{ now }}.csv">
                        <i class="fas fa-file-csv"></i> Archive
                    </a>
                </p>

                {% for offset in offsets %}
                    <p>
                        <a class="btn btn-primary"
                           href="{% url 'api:image-list' %}?format=csv&archive={{ object.pk }}&offset={{ offset }}&limit={{ limit }}"
                           download="archive_{{ object.slug }}_images_{{ offset|add:1 }}_{{ offset|add:limit }}_{{ now }}.csv">
                            <i class="fas fa-file-csv"></i> Archive Images ({{ offset|add:1 }} to {{ offset|add:limit }})
                        </a>
                    </p>
                {% endfor %}
            </div>
        {% endif %}

    </div>
{% endblock %}

{% block script %}
    {{ block.super }}
    <script src="{% static "js/refresh_sidebar.js" %}"></script>
{% endblock %}