{% extends 'auth_layout.html' %}
{% block content %}
<div class="row">
    <div class="col">
        <h3 class="mb-3"><i class="ri-dashboard-fill"></i> Admin Dashboard</h3>
        <div class="row justify-content-center">

            <div class="col-sm-12 mb-4">
                <div class="card">
                    <div class="card-body text-center">
                        <h4>ILS User Count</h4>
                        <h1 class="display-3">{{ context.ils_user_count}}</h1>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-md-6 mb-4">
                <div class="card">
                    <div class="card-body text-center">
                        <h4>Expiring in 7 days</h4>
                        <ul class="text-start">

                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-md-6 mb-4">
                <div class="card">
                    <div class="card-body text-center">
                        <h4>Upcoming Reminders</h4>
                        <table class="table text-start">
                            <tr>
                                <th>Email</th>
                                <th>Send on</th>
                            </tr>
                            {% for reminder in context.email_reminders %}
                                <tr>
                                    <td>{{ reminder.email }}</td>
                                    <td>{{ reminder.date }}</td>
                                </tr>
                            {% endfor %}
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}