{% extends "lms/templates/lms_base.html" %}
{% block title %}
    {{ student.first_name }} 's {{ _("Progress") }}
{% endblock %}


{% block page_content %}
<div class="common-page-style">
	{{ Header() }}
	<div class="container form-width">
		{{ Progress(class_info, student) }}
	</div>
</div>
{% endblock %}

{% macro Header() %}
<header class="sticky mb-5">
    <div class="container form-width">
        <div class="edit-header">
            <div>
                <div class="page-title">
                    {{ _("{0}'s Progress").format(student.full_name) }}
                </div>
                <div class="vertically-center small">
                    <a class="dark-links" href="/classes">
                        {{ _("All Classes") }}
                    </a>
                    <img class="icon icon-sm mr-0" src="/assets/lms/icons/chevron-right.svg">
					<a class="dark-links" href="/classes/{{ class_info.name }}">
                        {{ class_info.name }}
                    </a>
                    <img class="icon icon-sm mr-0" src="/assets/lms/icons/chevron-right.svg">
                    <span class="breadcrumb-destination">{{ _("{0}'s Progress").format(student.full_name) }}</span>
                </div>
            </div>

			{% if is_moderator %}
            <div class="align-self-center">
                <a class="btn btn-primary btn-sm btn-evaluate" href=/evaluation/new?member={{student.name}}&date={{frappe.utils.getdate()}}&class={{class_info.name}}">
                    {{ _("Evaluate") }}
				</a>
            </div>
			{% endif %}

        </div>
    </div>
</header>
{% endmacro %}


{% macro Progress(class_info, student) %}
{% if assessments | length %}
<article>
	{% for assessment in assessments %}
	<div class="list-row level">
		<a {% if is_moderator and assessment.submission or frappe.session.user == student.name %} class="clickable" href="{{ assessment.url }}" {% endif %}>
			{{ assessment.title }}
		</a>

		{% if assessment.submission %}
			{% set status = assessment.submission.status %}
			{% set color = "green" if status == "Pass" else "red" if status == "Fail" else "orange"  %}
			<div>
				<div class="indicator-pill {{ color }}">
					{{ assessment.submission.status }}
				</div>
			</div>
		{% else %}
			<div class="indicator-pill red">
				{{ _("Not Attempted") }}
			</div>
		{% endif %}
	</div>
	{% endfor %}
</article>
{% else %}
<p class="text-muted mt-3"> {{ _("No Assessments") }} </p>
{% endif %}
{% endmacro %}