{% extends "base_dashboard.html" %}
{% load i18n %}
{% load staticfiles %}
{% load dashboard_extras %}
{% load rjs %}

{% block view-name %}view-course-list{% endblock view-name %}

{% block title %}{% trans "Courses" %} {{ block.super }}{% endblock title %}


{% block summary-cards %}
<section class="view-section row">
    <div class="section-heading bordered">
        <h3 class="section-title">
            {% blocktrans %}Across all your courses:{% endblocktrans %}
        </h3>
    </div>

    {% if summary %}
        <div class="section-content" role="region">
            <div class="row">
                <div class="col col-12 sm-col-12 md-col-3" data-stat-type="total_enrollment">
                    {# Translators: This is a label to identify the maximum number of learners ever in all of the instructor's courses. #}
                    {% trans "Total Enrollment" as label %}
                    {% trans "Total enrollments across all of your courses." as tooltip %}
                    {% summary_point summary.total_enrollment label tooltip=tooltip %}
                </div>

                <div class="col col-12 sm-col-12 md-col-3" data-stat-type="current_enrollment">
                    {# Translators: This is a label to identify the current number of learners in all of the instructor's courses. #}
                    {% trans "Current Enrollment" as label %}
                    {% trans "Current enrollments across all of your courses." as tooltip %}
                    {% summary_point summary.current_enrollment label tooltip=tooltip %}
                </div>

                <div class="col col-12 sm-col-12 md-col-3" data-stat-type="enrollment_change_7_days">
                    {# Translators: This is a label to identify the change in the number of learners in all of the instructor's courses in the last week. #}
                    {% trans "Change in Last Week" as label %}
                    {% trans "Total change in enrollment last week across all of your courses." as tooltip %}
                    {% summary_point summary.enrollment_change_7_days label tooltip=tooltip %}
                </div>

                <div class="col col-12 sm-col-12 md-col-3" data-stat-type="verified_enrollment">
                    {# Translators: This is a label to identify the current number of verified learners in all of the instructor's courses. #}
                    {% trans "Verified Enrollment" as label %}
                    {% trans "Verified enrollments across all of your courses." as tooltip %}
                    {% summary_point summary.verified_enrollment label tooltip=tooltip %}
                </div>
            </div>
        </div>
    {% else %}
        {% show_metrics_error %}
    {% endif %}
</section>
{% endblock %}

{% block stylesheets %}
  {{ block.super }}
  <link rel="stylesheet" href="/static/bower_components/backgrid-paginator/backgrid-paginator.min.css" type="text/css">
{% endblock stylesheets %}

{% block javascript %}
  {{ block.super }}
  <script src="{% static_rjs 'apps/course-list/app/course-list-main.js' %}"></script>
{% endblock javascript %}

{% block content %}
  {% block child_content %}
    <section class="view-section">
      <div class="course-list-app-container grid-container">
        {% include "loading.html" %}
      </div>
    </section>
  {% endblock %}
  {% block data_messaging %}
    {% include "courses/_data_last_updated.html" with update_message=update_message data_information_message=data_information_message %}
  {% endblock %}
{% endblock %}