{% extends "base.html" %}

{% block title %}{{ section.title }} | Hong Kong Mathematics | {{ config.extra.site_title }}{% endblock title %}
{% block meta_description %}
<meta name="description" content="{{ section.description | default(value=config.description) }}" />
{% endblock meta_description %}

{% block extra_head %}
<link rel="stylesheet" href="{{ get_url(path='js/katex.css', trailing_slash=false) | safe }}" />
{% endblock extra_head %}

{% block content %}
{% set curriculum = load_data(path="data/math-dse-curriculum.json", format="json") %}
<section class="book-page book-page--chapter">
  <div class="container">
    <nav class="book-breadcrumb" aria-label="Breadcrumb">
      <a href="{{ get_url(path='/') | safe }}">Home</a>
      <span class="book-breadcrumb__sep" aria-hidden="true">/</span>
      <a href="{{ get_url(path='/math/') | safe }}">{{ curriculum.title }}</a>
      <span class="book-breadcrumb__sep" aria-hidden="true">/</span>
      <span aria-current="page">{{ section.title }}</span>
    </nav>

    <article class="book-chapter">
      <header class="book-chapter__header">
        <p class="section-kicker">Number &amp; Algebra</p>
        <h1 class="section-title">{{ section.title }}</h1>
        {% if section.description %}
        <p class="book-chapter__lead">{{ section.description }}</p>
        {% endif %}
      </header>

      {% if section.extra.chapter_id == "quadratic-equations" %}
      {% include "partials/math/quadratic-equations-content.html" %}
      <div id="quadratic-explorer" class="math-widget-mount"></div>
      {% include "partials/math/quadratic-equations-dse-callout.html" %}
      {% endif %}
    </article>
  </div>
</section>
{% endblock content %}