{% load static %}
{% load i18n %}
{% load l10n %}
{% load humanize %}
{% load mastodon %}
{% load thumb %}
<div id="modal"
     _="on closeModal add .closing then wait for animationend then remove me">
  <div class="modal-underlay" _="on click trigger closeModal"></div>
  <div class="modal-content">
    <div class="add-to-list-modal__head">
      <span class="add-to-list-modal__title">{% trans 'Collection' %} - {{ collection.title }} - {% trans 'Share' %}</span>
      <span class="add-to-list-modal__close-button modal-close"
            _="on click trigger closeModal">
        <i class="fa-solid fa-xmark"></i>
      </span>
    </div>
    <div class="add-to-list-modal__body">
      <form action="{% url 'journal:collection_share' collection.uuid %}"
            method="post">
        {% csrf_token %}
        <div>
          <label for="id_visibility_0">
            {% trans "Visibility" %} ({% trans "for the sharing post only, not visibility of the collection" %})
          </label>
          <ul id="id_visibility">
            <li>
              <label for="id_visibility_0">
                <input type="radio"
                       name="visibility"
                       value="0"
                       required=""
                       id="id_visibility_0"
                       {% if collection.visibility == 0 %}checked{% endif %}>
                {% trans "Public" %}
              </label>
            </li>
            <li>
              <label for="id_visibility_1">
                <input type="radio"
                       name="visibility"
                       value="1"
                       required=""
                       id="id_visibility_1"
                       {% if collection.visibility == 1 %}checked{% endif %}>
                {% trans "Followers Only" %}
              </label>
            </li>
            <li>
              <label for="id_visibility_2">
                <input type="radio"
                       name="visibility"
                       value="2"
                       required=""
                       id="id_visibility_2"
                       {% if collection.visibility == 2 %}checked{% endif %}>
                {% trans "Mentioned Only" %}
              </label>
            </li>
          </ul>
        </div>
        <div>
          <textarea type="text" name="comment" placeholder="{% trans "note" %}"></textarea>
        </div>
        <div class="add-to-list-modal__confirm-button">
          <input type="submit" class="button float-right" value="{% trans 'Share' %}">
        </div>
      </form>
    </div>
  </div>
</div>
