{% extends 'base.html.twig' %}
{% set menu = 'resources' %}

{% block body %}

{% include '_partials/back_button.html.twig' with { url: path('user_index'), text: "users.back"|trans } %}

<h1 class="display-4 fw-lighter d-flex justify-content-between">{{ "calendars.for"|trans({'who': principal.displayName}) }} <a href="{{ path('calendar_create', {username: username}) }}" class="btn btn-sm btn-success mb-auto mt-auto">+ {{ "calendars.new"|trans }}</a></h1>

<div class="list-group mt-4">
{% for compoundObject in calendars %}
    {% set calendar = compoundObject.entity %}
    {% set davUri = compoundObject.uri %}
    <div class="list-group-item p-3">
        <div class="d-flex w-100 justify-content-between">
            <h5 class="mb-1 me-auto">
                {{ calendar.displayName }}
                {% if calendar.access == constant('\\App\\Entity\\CalendarInstance::ACCESS_PUBLIC') %}
                    <span class="badge bg-success ml-1">{{ ('calendar.share_access.' ~ calendar.access)|trans }}</span>
                {% endif %}
                <a href="#" tabindex="0" class="badge badge-indicator" role="button" data-bs-toggle="popover" data-bs-title="{{ 'calendars.setup.title'|trans }}" data-bs-html='true' data-bs-content="URI: <code>{{ calendar.uri }}</code><br />Absolute path: <code>{{ davUri }}</code>">ⓘ</a>
                <span class="badge badge-indicator" style="background-color: {{ calendar.calendarColor }}">&nbsp;</span>
            </h5>
            <div class="me-0 text-right d-md-block d-none">
                {% if not calendar.isPublic() %}
                    <a href="#"
                        data-bs-toggle="modal" data-bs-target="#shareModal"
                        data-sharees-href="{{ path('calendar_shares',{username: username, calendarid: calendar.calendar.id})}}" 
                        data-href="{{ path('calendar_share_add', {username: principal.username, instanceid: calendar.id}) }}" 
                        class="btn btn-sm btn-outline-info ms-1 share-modal"
                    >🔗 {{ "sharing"|trans }}</a>
                {% endif %}
                <a href="{{ path('calendar_edit',{username: username, id: calendar.id})}}" class="btn btn-sm btn-outline-primary ms-1">✎ {{ "edit"|trans }}</a>
                <a href="#" 
                    data-bs-toggle="modal" data-bs-target="#deleteModal-calendars"
                    data-href="{{ path('calendar_delete',{username: username, id: calendar.id})}}"
                    data-flavour="calendars"
                    class="btn btn-sm btn-outline-danger ms-1 delete-modal"
                >⚠ {{ "delete"|trans }}</a>
            </div>
        </div>
        <p class="mb-1">{{ calendar.description }}</p>
        {% if calendar.calendar.components|split(',')|length > 0 %}
            {% if constant('\\App\\Entity\\Calendar::COMPONENT_EVENTS') in calendar.calendar.components %}<span class="badge bg-primary">{{ "calendars.component.events"|trans }}</span>{% endif %}
            {% if constant('\\App\\Entity\\Calendar::COMPONENT_NOTES') in calendar.calendar.components %}<span class="badge bg-info">{{ "calendars.component.notes"|trans }}</span>{% endif %}
            {% if constant('\\App\\Entity\\Calendar::COMPONENT_TODOS') in calendar.calendar.components %}<span class="badge bg-primary-subtle">{{ "calendars.component.todos"|trans }}</span>{% endif %}
        {% endif %}
         — {{ "calendars.entries"|trans({'%count%': calendar.calendar.objects|length}) }}
        </small>
        <div class="btn-group btn-group-sm mt-3 d-flex d-md-none" role="group">
            {% if not calendar.isPublic() %}
                <a href="#" 
                    data-bs-toggle="modal" data-bs-target="#shareModal"
                    data-sharees-href="{{ path('calendar_shares',{username: username, calendarid: calendar.calendar.id})}}" 
                    data-href="{{ path('calendar_share_add', {username: principal.username, instanceid: calendar.id}) }}" 
                    class="btn btn-outline-info share-modal"
                >🔗 {{ "sharing"|trans }}</a>
            {% endif %}
            <a href="{{ path('calendar_edit',{username: username, id: calendar.id})}}" class="btn btn-outline-primary">✎ {{ "edit"|trans }}</a>
            <a href="#" 
                data-bs-toggle="modal" data-bs-target="#deleteModal-calendars"
                data-href="{{ path('calendar_delete',{username: username, id: calendar.id})}}"
                data-flavour="calendars"
                class="btn btn-outline-danger delete-modal"
            >⚠ {{ "delete"|trans }}</a>
        </div>
    </div>
{% endfor %}
</div>

{% if shared|length > 0 %}
    <h2 class="h4 mt-5 fw-lighter">{{ "calendars.shared.with"|trans({'who': principal.displayName}) }}</h2>

    <div class="list-group mt-3">
    {% for compoundObject in shared %}
        {% set calendar = compoundObject.entity %}
        {% set davUri = compoundObject.uri %}
        <div class="list-group-item p-3">
            <div class="d-flex w-100 justify-content-between">
                <h5 class="mb-1 me-auto">
                    {{ calendar.displayName }}
                    {% if calendar.access == constant('\\App\\Entity\\CalendarInstance::ACCESS_READWRITE') %}
                        <span class="badge bg-success ms-1">{{ ('calendar.share_access.' ~ calendar.access)|trans }}</span>
                    {% else %}
                        <span class="badge bg-info ms-1">{{ ('calendar.share_access.' ~ calendar.access)|trans }}</span>
                    {% endif %}
                    <a href="#" tabindex="0" class="badge badge-indicator ms-1" role="button" data-bs-toggle="popover" data-bs-title="{{ 'calendars.setup.title'|trans }}" data-bs-html='true' data-bs-content="URI: <code>{{ calendar.uri }}</code><br />Absolute path: <code>{{ davUri }}</code>">ⓘ</a>
                    <span class="badge badge-indicator" style="background-color: {{ calendar.calendarColor }}">&nbsp;</span>
                </h5>
                <div class="me-0 text-right d-md-block d-none">
                    <a href="{{ path('calendar_edit',{username: username, id: calendar.id})}}" class="btn btn-sm btn-outline-primary ms-1">✎ {{ "edit"|trans }}</a>
                    <a href="#"
                        data-bs-toggle="modal" data-bs-target="#deleteModal-revoke"
                        data-href="{{ path('calendar_revoke',{username: username, id: calendar.id})}}"
                        data-flavour="revoke"
                        class="btn btn-sm btn-outline-danger ms-1"
                    >🚫 {{ "revoke"|trans }}</a>
                </div>
            </div>
            <p class="mb-1">{{ calendar.description }}</p>
            {% if calendar.calendar.components|split(',')|length > 0 %}
                {% if constant('\\App\\Entity\\Calendar::COMPONENT_EVENTS') in calendar.calendar.components %}<span class="badge bg-primary">{{ "calendars.component.events"|trans }}</span>{% endif %}
                {% if constant('\\App\\Entity\\Calendar::COMPONENT_NOTES') in calendar.calendar.components %}<span class="badge bg-info">{{ "calendars.component.notes"|trans }}</span>{% endif %}
                {% if constant('\\App\\Entity\\Calendar::COMPONENT_TODOS') in calendar.calendar.components %}<span class="badge bg-primary-subtle">{{ "calendars.component.todos"|trans }}</span>{% endif %}
            {% endif %}
            — {{ "calendars.entries"|trans({'%count%': calendar.calendar.objects|length}) }}
            </small>
            <div class="btn-group btn-group-sm mt-3 d-flex d-md-none" role="group">
                <a href="{{ path('calendar_edit',{username: username, id: calendar.id})}}" class="btn btn-outline-primary">✎ {{ "edit"|trans }}</a>
                <a href="#" 
                    data-bs-toggle="modal" data-bs-target="#deleteModal-revoke"
                    data-href="{{ path('calendar_revoke',{username: username, id: calendar.id})}}" 
                    data-flavour="revoke"
                    class="btn btn-outline-danger"
                >🚫 {{ "revoke"|trans }}</a>
            </div>
        </div>
    {% endfor %}
    </div>

    {% include '_partials/delete_modal.html.twig' with {flavour: 'revoke'} %}
{% endif %}

{% include '_partials/share_modal.html.twig' with {principals: allPrincipals} %}
{% include '_partials/delete_modal.html.twig' with {flavour: 'calendars'} %}

{% endblock %}