{% extends "templates/base.html" %}
{% block title %}
    {{  _("All Classes") }}
{% endblock %}

{% block content %}
<div class="common-page-style">
	<div class="container">
		<a class="btn btn-default btn-sm pull-right" href="/class/new">
			{{ _("Create Class") }}
		</a>
		<div class="course-home-headings"> {{ _("All Classes") }} </div>
		{% if classes %}
		<div class="cards-parent">
			{% for class in classes %}
			<div class="common-card-style column-card">
				<div class="course-card-title">
					{{ class.title }}
				</div>
				<div class="medium">
					{% if class.start_date %}
					<span>
						{{ frappe.utils.format_date(class.start_date, "medium") }} -
					</span>
					{% endif %}
					{% if class.end_date %}
					<span>
						{{ frappe.utils.format_date(class.end_date, "medium") }}
					</span>
					{% endif %}
				</div>
				<a class="stretched-link" href="/classes/{{ class.name }}"></a>
			</div>
			{% endfor %}
		</div>
		{% else %}
		<div class="empty-state">
			<img class="icon icon-xl" src="/assets/lms/icons/comment.svg">
			<div class="empty-state-text">
				<div class="empty-state-heading">{{ _("No Classes") }}</div>
				<div class="course-meta">{{ _("Nothing to see here.") }}</div>
			</div>
		</div>
		{% endif %}
	</div>
</div>
{% endblock %}