{% extends 'base.html' %}
{% block content %}
  {% include 'profile/header.html' %}
  {% include 'profile/drawer.html' %}
  
  <br />
  <br />
  <br />
  <br />

  <div class="container mt-4">
    <h2 class="mb-4 text-center">اعضای رسته من</h2> 

    <div class="table-responsive animate__animated animate__delay-0.1s animate__fadeIn">
      <table class="table table-bordered bg-light text-center">
        <thead class="bg-dark text-white">
          <tr>
            <th>ردیف</th>
            <th>نام و نام خانوادگی</th>
            <th>سردوشی</th>
            <th>شماره موبایل</th>
            <th>آدرس</th>

          </tr>
        </thead>
        <tbody>
            {% for user_data in users_data %}
              <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user_data.user.first_name }} {{ user_data.user.last_name }}</td>
                <td>{{ user_data.contact_info.sardoshi }}</td>  <!-- نمایش سردوشی -->
                <td>{{ user_data.contact_info.phone }}</td>
                <td>{{ user_data.contact_info.address }}</td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="5" class="text-center">هیچ کاربری با رسته مشابه پیدا نشد.</td>
              </tr>
            {% endfor %}
          </tbody>
          
      </table>
    </div>
  </div>
{% endblock %}