{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}

{% block page_title %}Attendance{% endblock %}

{% block admin_content %}
<script type="application/json" id="simple-school-classes-json">{{ classes | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
<script type="application/json" id="simple-school-students-json">{{ students | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
{% if holiday_name %}<div class="alert alert-info">Selected date is holiday: {{ holiday_name }}</div>{% endif %}
{{ crud::shell_open(config_url="/plugins/simple-school/assets/admin/attendance_list.json", mount_id="simple-school-attendance-list", custom_mount=true) }}
<div data-crud-toolbar-extra>
  <button type="button" class="blocks-button blocks-button-secondary" id="simple-school-add-remark-btn"><i class="fas fa-comment"></i> Add Remark</button>
</div>
<table>
  <thead></thead>
  <tbody>
    <tr><td colspan="5" class="crud-empty-state text-center">Loading attendance…</td></tr>
  </tbody>
</table>
{{ crud::shell_close() }}

<div id="simple-school-attendance-modal" class="crud-modal" aria-hidden="true"><div class="modal-content"><div class="modal-header"><h2 id="simple-school-attendance-modal-title">Mark Attendance</h2><button type="button" class="close-modal">&times;</button></div><div class="modal-body"><div id="simple-school-attendance-form-fields"></div></div></div></div>
<div id="simple-school-remark-modal" class="crud-modal" aria-hidden="true"><div class="modal-content"><div class="modal-header"><h2 id="simple-school-remark-modal-title">Add Remark</h2><button type="button" class="close-modal">&times;</button></div><div class="modal-body"><div id="simple-school-remark-form-fields"></div></div></div></div>
{% endblock %}

{% block scripts %}
<script src="/plugins/simple-school/assets/js/simple_school_admin.js"></script>
{% endblock %}