{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template theme_boost_magnific/frontpage-courselist

    This template renders the main content area for the myoverview block.

    Example context (json):
    {
      "root_class": "featured-courses",
      "title": "Available Courses",
      "add_new_course_button": "<button class='btn btn-primary'>Add New Course</button>",
      "text": "Explore the following courses to advance your knowledge.",
      "courses": [
        {
          "id": "course1",
          "name": "Introduction to Programming",
          "description": "Learn the basics of programming in various languages.",
          "image": "programming.jpg",
          "enrollment_link": "/course/enroll/1"
        }
      ]
    }
}}

<div class="frontpage-course-list {{root_class}}">
    <div class="container-fluid">
        <h2 class="frontpage-course-title">{{title}}
            {{{add_new_course_button}}}
        </h2>
        {{#text}}
            <p class="frontpage-course-description">{{text}}</p>
        {{/text}}
        <div class="courses course-boxes">
            <div class="row">
                {{#courses}}
                    {{> theme_boost_magnific/frontpage-course}}
                {{/courses}}
            </div>
        </div>
    </div>
</div>