{% trans_default_domain 'home' %}

<button id="btn_dropdownMessage_{{ message.id }}"
        data-dropdown-toggle="dropdownMessage_{{ message.id }}"
        data-dropdown-placement="bottom-start"
        class="inline-flex self-center items-center p-2 text-sm font-medium text-center text-gray-900 rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-900 dark:hover:bg-gray-800 dark:focus:ring-gray-600"
        type="button">
  <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
       fill="currentColor" viewBox="0 0 4 15">
    <path
      d="M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"></path>
  </svg>
</button>
<div id="dropdownMessage_{{ message.id }}"
     class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-40 dark:bg-gray-700 dark:divide-gray-600">
  <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownMenuIconButton">
    <li>
      <button
        onClick="navigator.clipboard.writeText('{{ message.libelle|replace({'(_media_)': ''}) }}'); document.getElementById('btn_dropdownMessage_{{ message.id }}').click();"
        class="block px-4 py-2 text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white w-full">
        Copier
      </button>
    </li>
    {% if message.userFrom.id == app.user.id %}
      <li>
        <button data-modal-target="modal_unlink_message_{{ message.id }}"
                data-modal-toggle="modal_unlink_message_{{ message.id }}"
                class="block px-4 py-2 text-left text-red-500 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white w-full">
          {{ 'Integration.delete'|trans }}
        </button>
      </li>
    {% endif %}
  </ul>
</div>

{% if message.userFrom.id == app.user.id %}
  {{ include('Signalement/conversation/components/modal_unlink.html.twig', {
    'id_modal': 'modal_unlink_message_' ~ message.id,
    'content': "Etes-vous sûr de vouloir supprimer le message '" ~ message.libelle ~ "' ?",
    'data_href': path('communication_archive_message', {'id': message.id})
  }) }}
{% endif %}