{% extends 'AKSubmission/submission_base.html' %}

{% load i18n %}
{% load fontawesome_5 %}

{% load tags_AKSubmission %}
{% load tags_AKModel %}


{% block title %}{% trans "AKs" %}: {{ ak.event.name }} - {% trans "AK" %}: {{ ak.name }}{% endblock %}

{% block breadcrumbs %}
    {% include "AKSubmission/submission_breadcrumbs.html" %}
    <li class="breadcrumb-item"><a
            href="{% url 'submit:submission_overview' event_slug=ak.event.slug %}">{% trans "AK Submission" %}</a></li>
    <li class="breadcrumb-item active">{{ ak.name }}</li>
{% endblock %}

{% if 'AKPlan'|check_app_installed %}
    {% block imports %}
        {% include "AKPlan/plan_akslot.html" %}
    {% endblock %}
{% endif %}

{% block content %}
    {% include "AKSubmission/messages.html" %}

    <div class="float-right">
        {% if ak.interest_counter >= 0 %}
            {% trans 'Interest' %}: <b class='mx-1 text-muted'>{{ ak.interest_counter }}</b>
            <a href="{% url 'submit:inc_interest' event_slug=ak.event.slug pk=ak.pk %}"
               class="btn btn-primary">{% fa5_icon 'thumbs-up' 'fas' %}</a>
        {% endif %}
        {% if ak.link != "" %}
            <a href="{{ ak.link }}" class="btn btn-info">{% fa5_icon 'external-link-alt' 'fas' %}</a>
        {% endif %}
        {% if ak.event.active %}
            <a href="{% url 'submit:ak_edit' event_slug=ak.event.slug pk=ak.pk %}"
               class="btn btn-success">{% fa5_icon 'pencil-alt' 'fas' %}</a>
        {% endif %}
    </div>

    <h2>{% if ak.wish %}{% trans "AK Wish" %}: {% endif %}{{ ak.name }}</h2>

    <table class="table table-borderless">
        <tr>
            <td>{% trans "Who?" %}</td>
            <td>{{ ak.owners_list }}</td>
        </tr>
        <tr>
            <td>{% trans 'Category' %}</td>
            <td>
                {% category_linked_badge ak.category ak.event.slug %}
            </td>
        </tr>
        <tr>
            <td>{% trans "Present this AK" %}</td>
            <td>{{ ak.present | bool_symbol }}</td>
        </tr>
        <tr>
            <td>{% trans "Tags" %}</td>
            <td>
                {% tag_list ak.tags.all ak.event.slug %}
            </td>
        </tr>
        <tr>
            <td>{% trans "Reso?" %}</td>
            <td>
                {{ ak.reso | bool_symbol }}
            </td>
        </tr>
        {% if ak.requirements.count > 0 %}
            <tr>
                <td>{% trans "Requirements" %}</td>
                <td>
                    {% for requirement in ak.requirements.all %}
                        {% if forloop.counter0 > 0 %}
                            ,&nbsp;
                        {% endif %}
                        {{ requirement }}
                    {% endfor %}
                </td>
            </tr>
        {% endif %}
        {% if ak.conflicts.count > 0 %}
            <tr>
                <td>{% trans "Conflicting AKs" %}</td>
                <td>
                    {% include "AKSubmission/ak_linked_list_inline.html" with aks=ak.conflicts slug=ak.event.slug %}
                </td>
            </tr>
        {% endif %}
        {% if ak.prerequisites.count > 0 %}
            <tr>
                <td>{% trans "Prerequisite AKs" %}</td>
                <td>
                    {% include "AKSubmission/ak_linked_list_inline.html" with aks=ak.prerequisites slug=ak.event.slug %}
                </td>
            </tr>
        {% endif %}
        {% if ak.notes %}
            <tr>
                <td>{% trans "Notes" %}</td>
                <td>{{ ak.notes }}</td>
            </tr>
        {% endif %}
    </table>

    <p style="margin-top: 30px;margin-bottom: 30px;">{{ ak.description }}</p>


    {% if 'AKPlan'|check_app_installed %}
        <div id='akSlotCalendar' style="margin-bottom: 50px;"></div>
    {% endif %}


    <table class="table">
        <thead>
        <tr>
            <th>{% trans "When?" %}</th>
            <th>{% trans "Duration" %}</th>
            <th>{% trans "Room" %}</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        {% for slot in ak.akslot_set.all %}
            <tr>
                <td>{{ slot.start_simplified }}</td>
                <td>{{ slot.duration }}</td>
                <td>{{ slot.room }}</td>
                <td>
                    {% if not slot.start %}
                        <a href="{% url 'submit:akslot_edit' event_slug=ak.event.slug pk=slot.pk %}"
                           class="btn btn-success">{% fa5_icon 'pencil-alt' 'fas' %}</a>
                        <a href="{% url 'submit:akslot_delete' event_slug=ak.event.slug pk=slot.pk %}"
                           class="btn btn-danger">{% fa5_icon 'times' 'fas' %}</a>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if ak.event.active %}
        <div class="">
            <a href="{% url 'submit:akslot_add' event_slug=ak.event.slug pk=ak.pk %}"
               class="btn btn-success">{% fa5_icon 'plus' 'fas' %} {% trans "Add another slot" %}</a>
        </div>
    {% endif %}

{% endblock %}