{% extends "templates/base.html" %}
{% from "www/macros/sidebar.html" import Sidebar %}
{% from "www/macros/common_macro.html" import InstructorsSection, MentorsSection %}

{% block title %}About{% endblock %}
{% block head_include %}
<meta name="description" content="Courses" />
<meta name="keywords" content="" />
{% endblock %}

{% block content %}
{{ Sidebar(course_slug, batch_code) }}
<div class="container">
	{{ CourseBasicDetail(course)}}
	{{ InstructorsSection(instructor) }}
	{% if batch.description %}
		{{ BatchDetails(batch.description) }}
	{% endif %}
	{{ MentorsSection(mentors, True) }}
</div>
{% endblock %}

{% macro CourseBasicDetail(course) %}
<h2>{{course.name}}</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 %}
<h2>About the Course</h2>
<div>{{frappe.utils.md_to_html(course.description)}}</div>
{% endmacro %}

{% macro BatchDetails(description) %}
<div class="mt-5">
	<h3>About the Batch</h3>
	<div>
		{{ frappe.utils.md_to_html(description) }}
	</div>
</div>
{% endmacro %}