{% extends "templates/base.html" %}
{% from "www/macros/common_macro.html" import InstructorsSection, MentorsSection %}
{% block title %}{{ course.title }}{% endblock %}
{% block head_include %}
<meta name="description" content="Courses" />
<meta name="keywords" content="Courses {{course.title}}" />
{% endblock %}

{% block content %}
<div class="container">
  <div class="course-header">
    <div class="course-type">course</div>
    <h1>{{course.title}}</h1>
  </div>

  <div class="row">
    <div class="col-lg-9 col-md-12">
      <div  class="course-details">
        {{ CourseDescription(course) }}
        {{ BatchSection(course, is_mentor, upcoming_batches, mentor_batches) }}
        {{ CourseOutline(course) }}
      </div>
    </div>

    <div class="col-lg-3 col-md-12">
      <div class="sidebar">
        {{ InstructorsSection(instructor) }}
      </div>

      <div class="sidebar">
        {{ MentorsSection(mentors, is_mentor) }}
      </div>
    </div>
  </div>
</div>
{% endblock %}


{% macro CourseDescription(course) %}
  <h2>Course Description</h2>

  <div class="course-description">
    {{ course.short_introduction }}
  </div>

  {% if course.video_link %}
  <div class="preview-video">
    <iframe
      width="560"
      height="315"
      src="{{course.video_link}}"
      title="YouTube video player"
      frameborder="0"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
  </div>
  {% endif %}
{% endmacro %}

{% macro BatchSection(course, is_mentor, upcoming_batches, mentor_batches) %}
  {% if is_mentor %}
    {{ BatchSectionForMentors(course, mentor_batches) }}
  {% else %}
    {{ BatchSectionForStudents(course, upcoming_batches) }}
  {% endif %}
{% endmacro %}

{% macro RenderBatch(batch, can_manage=False) %}
<div class="batch">
  <div class="batch-details">
  <div>Session every {{batch.sessions_on}}</div>
  <div>{{frappe.utils.format_time(batch.start_time, "short")}} -
    {{frappe.utils.format_time(batch.end_time, "short")}}</div>
  <div>Starting {{frappe.utils.format_date(batch.start_date, "medium")}}</div>
  <div class="course-type" style="color: #888; padding: 10px 0px;">mentors</div>

  {% for m in batch.mentors %}
    <div>
      {% if m.photo_url %}
      <img class="profile-photo" src="{{m.photo_url}}">
      {% endif %}
      <span class="instructor-title">{{m.full_name}}</span>
    </div>
  {% endfor %}
  </div>
  <div class="cta">
    <div class="">
      {% if can_manage %}
        <button type="button">Manage</button>
      {% else %}
        <button type="button">Join this Batch</button>
      {% endif %}
    </div>
  </div>
</div>
{% endmacro %}

{% macro BatchSectionForMentors(course, mentor_batches) %}
  <h2>Your Batches</h2>

  {% if mentor_batches %}
    <div class="message">
      You are a mentor for this course. Manage your batches or create a new batch from here.
    </div>

    <div class="row">
      {% for batch in mentor_batches %}
        <div class="col-lg-4 col-md-6">
          {{ RenderBatch(batch, can_manage=True) }}
        </div>
      {% endfor %}
    </div>

    <a class="btn btn-primary add-batch margin-bottom" href="/add-a-new-batch?new=1&course={{course.name}}">Add a new batch</a>
  {% else %}
    <div class="mentor_message">
      <p> You are a mentor for this course. </p>
      <a class="btn btn-primary" href="/add-a-new-batch?new=1&course={{course.name}}" >Create your first batch</a>
    </div>
  {% endif %}
{% endmacro %}

{% macro BatchSectionForStudents(course, upcoming_batches) %}
  <h2>Upcoming Batches</h2>

  {% for batch in upcoming_batches %}
  <div class="col-lg-4 col-md-6">
    {{ RenderBatch(batch, can_manage=False) }}
  </div>
  {% endfor %}
{% endmacro %}

{% macro CourseOutline(course) %}
<h2>Course Outline</h2>

{% for chapter in course.topics %}
  <div class="chapter-plan">
    <h3><span class="chapter-number">{{loop.index}}</span> {{chapter.title}}</h3>
    <div class="chapter-description">
      {{chapter.preview | markdown}}
    </div>

    {#
    <div class="lessons">
      {% for lesson in chapter.lessons %}
        <div class="lesson">
          <span class="lesson-type"><i class="{{lesson.icon}}"></i></span>
          <span class="lesson-title">{{lesson.title}}</span>
        </div>
      {% endfor %}
    </div>
    #}
  </div>
{% endfor %}
{% endmacro %}