{% extends "templates/base.html" %}
{% from "www/macros/livecode.html" import LiveCodeEditorJS, LiveCodeEditor with context %}
{% block title %}{{ course.title }} - Batch Dashboard{% endblock %}

{% block head_include %}
<meta name="description" content="{{course.title}} - Batch Dashboard" />
<meta name="keywords" content="{{course.title}} - Batch Dashboard" />
<style>
</style>

<link rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
<link rel="stylesheet" href="{{ livecode_url }}/static/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="/assets/css/lms.css">

<script src="{{ livecode_url }}/static/codemirror/lib/codemirror.js"></script>
<script src="{{ livecode_url }}/static/codemirror/mode/python/python.js"></script>
<script src="{{ livecode_url }}/static/codemirror/keymap/sublime.js"></script>

<script src="{{ livecode_url }}/static/codemirror/addon/edit/matchbrackets.js"></script>
<script src="{{ livecode_url }}/static/codemirror/addon/comment/comment.js"></script>
{% endblock %}


{% block content %}

<div class="container">
  {{ widgets.BatchTabs(course=course, batch=batch) }}
  <div class="mentor-dashboard">
    <h1>Batch Progress</h1>
    {% for exercise in report.exercises %}
    <div class="exercise-submissions">
      <h2>Exercise {{exercise.index_label}}: {{exercise.title}}</h2>
      {% for s in report.get_submissions_of_exercise(exercise.name) %}
      <div class="submission">
        <h4><a href="/{{s.owner.username}}">{{s.owner.full_name}}</a></h4>
        <div class="livecode-editor-small">
          {{ LiveCodeEditor(name=s.name, code=s.solution, reset_code=s.solution) }}
        </div>
      </div>
      {% endfor %}
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}


{%- block script %}
{{ super() }}
{{ LiveCodeEditorJS() }}
{% endblock %}