{% 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.delegates.for"|trans({'what': principal.displayName}) }}
  {% if delegation %}
    <a href="#" data-bs-toggle="modal" data-bs-target="#addDelegateModal" class="btn btn-sm btn-success mb-auto mt-auto">+ {{ "calendars.delegates.add"|trans }}</a>
  {% endif %}
</h1>

<div class="list-group">

{% if delegation %}
    <div class="alert alert-success d-flex justify-content-between mb-4 mt-2" role="alert">
      <div>{{ "delegates.enabled.text"|trans }}<br><small>{{ "delegates.disable.warning"|trans }}</small></div>
      <a href="{{ path('user_delegation_toggle', {username: principal.username, toggle: 'off'})}}" class="btn btn-sm my-auto btn-outline-danger">{{ "delegates.disable"|trans }}</a>
    </div>
    {% for delegate in principalProxyRead.delegees %}
        {% include '_partials/delegate_row.html.twig' with {has_write: false} %}
    {% endfor %}
    {% for delegate in principalProxyWrite.delegees %}
        {% include '_partials/delegate_row.html.twig' with {has_write: true} %}
    {% endfor %}

{% else %}
    <div class="alert alert-warning d-flex justify-content-between mb-4 mt-2" role="alert">
      {{ "delegates.disabled.text"|trans }}<a href="{{ path('user_delegation_toggle', {username: principal.username, toggle: 'on'})}}" class="btn btn-sm my-auto btn-warning">{{ "delegates.enable"|trans }}</a>
    </div>
{% endif %}

</div>

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

{% endblock %}