{% extends "base.html" %}

{% block page_title %}Admin Attendance Control{% endblock page_title %}

{% block content %}
<div class="row">
  <div class="col-md-4">
    <div class="x_panel">
      <div class="x_title">
        <h2><i class="fa fa-sliders"></i> Attendance Policy</h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <form method="post">
          {% csrf_token %}
          <input type="hidden" name="action" value="update_policy">
          {{ policy_form.as_p }}
          <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Policy</button>
          <a href="{% url 'export_attendance_csv' %}" class="btn btn-default"><i class="fa fa-download"></i> Export Data</a>
        </form>
      </div>
    </div>
  </div>

  <div class="col-md-8">
    <div class="x_panel">
      <div class="x_title">
        <h2><i class="fa fa-lock"></i> Locked Sessions</h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <div class="table-responsive">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>Date</th>
                <th>Class</th>
                <th>Subject</th>
                <th>Teacher</th>
                <th>Period</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for session in locked_sessions %}
              <tr>
                <td>{{ session.date|date:"d/m/Y" }}</td>
                <td>{{ session.class_stream }}</td>
                <td>{{ session.subject.name }}</td>
                <td>{{ session.teacher }}</td>
                <td>{{ session.lesson_period }}</td>
                <td>
                  <form method="post" style="display:flex; gap:6px; align-items:center;">
                    {% csrf_token %}
                    <input type="hidden" name="action" value="unlock_session">
                    <input type="hidden" name="session_id" value="{{ session.id }}">
                    <input type="text" name="reason" class="form-control input-sm" placeholder="Reason" required style="max-width:160px;">
                    <button class="btn btn-xs btn-danger" type="submit">Reopen</button>
                  </form>
                </td>
              </tr>
              {% empty %}
              <tr>
                <td colspan="6" class="text-muted text-center">No locked sessions found.</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    <div class="x_panel">
      <div class="x_title">
        <h2><i class="fa fa-list-alt"></i> Audit Trail</h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <div class="table-responsive">
          <table class="table table-bordered table-striped table-condensed">
            <thead>
              <tr>
                <th>Date/Time</th>
                <th>Action</th>
                <th>Session</th>
                <th>Student</th>
                <th>Edited By</th>
                <th>Old Status</th>
                <th>New Status</th>
                <th>Reason</th>
              </tr>
            </thead>
            <tbody>
              {% for log in audit_logs %}
              <tr>
                <td>{{ log.created_at|date:"d/m/Y H:i" }}</td>
                <td>{{ log.get_action_display }}</td>
                <td>{% if log.session %}{{ log.session.class_stream }} - {{ log.session.subject.name }}{% else %}-{% endif %}</td>
                <td>{% if log.record %}{{ log.record.student.student_name }}{% else %}-{% endif %}</td>
                <td>{% if log.actor %}{{ log.actor.username }}{% else %}-{% endif %}</td>
                <td>{{ log.old_status|default:"-" }}</td>
                <td>{{ log.new_status|default:"-" }}</td>
                <td>{{ log.reason|default:"-" }}</td>
              </tr>
              {% empty %}
              <tr>
                <td colspan="8" class="text-muted text-center">No audit logs yet.</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}