{% load extra_fields bleach_tags %}

<div id="project_history_details_{{ project.id }}" class="modal fade detail-preview-modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-super-sized modal-dialog-scrollable modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <div>
          <span class="detail-preview-modal-eyebrow">Project history</span>
          <h2 class="modal-title">{{ project }}</h2>
        </div>
        <button type="button" class="btn-close detail-preview-modal-close" data-bs-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <div class="modal-body extra-field-modal-content">

        <h5>Description</h5>
        {% if project.description %}
          {{ project.description|bleach }}
        {% else %}
          <p class="text-justify">No one has added a description of this project. <a class="clickable" href="{% url 'rolodex:project_update' project.id %}">Fix that here.</a></p>
        {% endif %}

        <h5>Assignments:<br></h5>
        {% if project.projectassignment_set.all %}
          <ul>
            {% for assignment in project.projectassignment_set.all %}
              <li>
                {% if assignment.operator.name %}
                  {{ assignment.operator.name }} ({{ assignment.operator.username }})
                {% else %}
                  Missing Full Name ({{ assignment.operator.username }})
                {% endif %}
              </li>
            {% endfor %}
          </ul>
        {% else %}
          <p>No assignments found.</p>
        {% endif %}

      </div>
      <div class="modal-footer detail-preview-modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>