{% if current_user.is_authenticated %}
<!-- prettier-ignore -->
{% set access_to_create_collections =has_permission(collection, Access.C) %} 
{% set access_to_update_collections =has_permission(collection, Access.U) %} 
{% set access_to_delete_collections =has_permission(collection, Access.D) %} 
{% set access_to_create_section =has_permission(collection, Access.C, EntityType.SECTION) %} 
{% if access_to_create_collections or access_to_update_collections %}
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200">
  {% if access_to_create_collections %}
  <li>
    <button
      type="button"
      data-modal-target="add-collection-modal"
      data-modal-toggle="add-collection-modal"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      New Collection
    </button>
  </li>
  {% if not collection.is_leaf %}
  <li>
    <button
      type="button"
      id="callAddSubCollectionModal"
      data-modal-target="add-sub-collection-modal"
      data-modal-toggle="add-sub-collection-modal"
      data-collection-id="{{collection.id}}"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      New Subcollection
    </button>
  </li>
  <!-- prettier-ignore -->
  {% endif %}
  {% endif %}
  {% if access_to_create_section %}
  {% if collection.active_children|length ==0 or collection.active_children|length ==0 and collection.is_leaf %}
  <li>
    <button
      type="button"
      id="callAddSectionModal"
      data-modal-target="add-section-modal"
      data-modal-toggle="add-section-modal"
      data-collection-id="{{collection.id}}"
      data-sub-collection-id="_"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      New Section
    </button>
  </li>
  <!-- prettier-ignore -->
  {% endif %} 
  {% endif %}
</ul>
{% endif %}
<!-- prettier-ignore -->
{% if access_to_update_collections or access_to_delete_collections %}
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200">
  {% if access_to_update_collections %}
  <li>
    <button
      type="button"
      id="rename-collection-button-{{collection.id}}"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      Rename Collection
    </button>
  </li>
  {% endif %}
  <!-- prettier-ignore -->
  {% if access_to_delete_collections %}
  <li>
    <button
      type="button"
      id="callDeleteCollectionModal"
      data-modal-target="delete-collection-modal"
      data-modal-toggle="delete-collection-modal"
      data-collection-id="{{collection.id}}"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      Delete Collection
    </button>
  </li>
  {% endif %}
</ul>
{% endif %}
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200">
  <li>
    <button
      type="button"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      Export Collection
    </button>
  </li>
</ul>
{% else %}
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200">
  <li>
    <button
      type="button"
      class="w-full block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
      Connect you wallet to do this
    </button>
  </li>
</ul>
{% endif %}