{% extends 'dashboard/base.html' %}
{% block guests %}
<div class="row">
  <div class="col-md-12">
    <div class="card card-round">
      <div class="card-header">
        <div class="card-head-row card-tools-still-right">
          <h4 class="card-title">General Accreditations.</h4>
          <div class="card-tools">
            <a href="{% url 'export_accredited_guests' %}" class="btn btn-primary btn-sm" {% if not guests %}style="pointer-events: none; opacity: 0.5;"{% endif %}>
              <i class="fas fa-download"></i> Export Data
            </a>
          </div>
        </div>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table id="guestTable" class="display table table-striped table-hover">
            {% if guests %}
              <thead>
               <tr>
                 <th>#</th>
                 <th>Full Name</th>
                 <th>Email</th>
                 <th>phone</th>
                 <th>Organization</th>
                 <th>Representative</th>
                 <th>Accredited On</th>
               </tr>
             </thead>
            <tbody id="guest-table-body">
              {% for accredited in guests %}
                <tr>
                 <td>{{ forloop.counter }}</td>
                 <td>{{ accredited.guest.name }}</td>
                 <td>{{ accredited.guest.email }}</td>
                 <td>{{ accredited.guest.phone }}</td>
                 <td>{{ accredited.guest.organization }}</td>
                 <td>{{ accredited.guest.representative }}</td>
                 <td>{{ accredited.date}} {{accredited.time}}</td>
               </tr>
              {% endfor %}
            </tbody>
            {% else %}
              <tbody style="height: 400px">
                <tr>
                  <td colspan="7" class="text-center">No accredited guests found</td>
                </tr>
              </tbody>
            {% endif %}
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}