{% extends 'session_client/navs/client-nav.html' %}
{% load i18n %}


{% load django_bootstrap5 %}
{% load clean_text %}


{% comment %} work to do: create a search widget to search by client and week.
similar to events. needs custom form and view {% endcomment %}
{% block search %}
<div id="wrapper">

  <div id="form-table-wrapper">
  {% partialdef form-partial inline %}
  <form
          method="post"
          action="{% url "session_client:client_search" %}"
    hx-post="{% url "session_client:client_search" %}"
    hx-target="#client-list-wrapper"
    hx-trigger="input changed delay:500ms throttle:500ms,keyup[enterKey], load once"
    >
    {% csrf_token %}
    <table
    class="table table-primary table-sm mb-0"
    id="switch-table"
    >
    <tr class="" id="calendar-form-tr">
        <td id="cell-form-field-date"
          >{% bootstrap_field form.search_input show_label='skip'  %}
        </td>
        <td id="cell-form-field-date"
          >{% bootstrap_field form.client show_label="skip" wrapper_class='form-check form-switch' %}
        </td>
        <td class="m-0 p-0">
            <div id="spinner" class="htmx-indicator spinner-border text-success" role="status">
                    <span class="visually-hidden">Loading...</span>
                    </div>

        </td>
    </tr>
  </table>
</form>
      {% endpartialdef %} <!-- end partial table -->
      </div>

{% endblock search %}
{% block content %}



<div class="card">
<ul class="list-group" id="client-list-ul">
<div id="client-list-wrapper">
  {% partialdef client-list-partial inline %}
  {% for session in sessions%}
    <li class="list-group-item list-group-item-primary">
       {% if forloop.last %}{# Start endless scroll #}
           {% if sessions.has_next %}
           <div
           hx-post="{% url 'session_client:client_search' %}{% querystring page=sessions.next_page_number %}"
           hx-target="#client-list-wrapper"
           hx-trigger="revealed"
           hx-swap="beforeend"
           hx-include="#form-table-wrapper"
           hx-indicator="#spinner"
           >
           </div>

           {% endif %}
      {%  else  %}

           {# end endless scrolling #}

      <a href="{%url 'session_client:session_hx_item' session.uuid %}"
         hx-get="{%url 'session_client:session_hx_item' session.uuid %}"
         hx-target="#modal-wrapper"
      >{{ session.client }} -- {{session.date}}</a>
        <i class="bi bi-archive-fill text-danger" 
          hx-put="{% url 'session_client:edit_session' session.uuid %}"
          hx-trigger="click"
          hx-target="closest li"
          hx-swap="outerHTML"
          ></i>
    <p>{{ session.headline|bleach_emphasis }}</p>
      {% endif %}
    </li>
    {% empty %}
    <li class="list-group-item list-group-item-primary">{% translate 'Search in Sessions Keywords, Tenant, and Room' %}</li>
    
    {% endfor %}
  {% endpartialdef %}
</div>
  </ul>

</div>
<div class="text-center text-secondary htmx-indicator mb-5" id="spinner">
  <div class="spinner-border" role="status">
    <span class="visually-hidden">{% translate 'Loading' %}...</span>
  </div>
</div>

    </div>
  {% endblock content %}