{{!
    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 core/content/export/external_page

    Renders content in a basic HTML wrapper designed for viewing offline.
    This template is not for use within moodle.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * none

    Context variables required for this template:
    * global

    Example context (json):
    {
        "global": {
            "righttoleft": 0,
            "language": "en",
            "sitename": "Kevin's Emporium of fine course material",
            "siteurl": "https://kevin.example.com",
            "pathtotop": "./",
            "contentexportfooter": "This file is part of the content downloaded from <a href='https://example.com'>Kevin's Emporium of fine course material</a> by Jennifer Collins on Tuesday, 24th February 2021, 12:21 am.",
            "contentexportsummary": "This file is part of the content downloaded from <a href='https://example.com/course/view.php?id=4'>Kevin's Emporium of fine course material</a> on Tuesday, 24th February 2021, 12:21 am.",
            "coursename": "Marketing 101",
            "courseshortname": "MKT101",
            "courselink": "https://example.com/course/view.php?id=4",
            "exportdate": "Tuesday, 24th February 2021, 12:21 am",
            "maxfilesize": "40MB"
        }
    }
}}
<!DOCTYPE html>
<html lang="{{global.language}}"{{#global.righttoleft}} dir="rtl"{{/global.righttoleft}}>
<head>
    <meta charset="UTF-8">
    <title>{{{global.sitename}}} - {{{global.coursename}}}</title>
    <link rel="stylesheet" type="text/css" href="{{global.pathtotop}}/shared/moodle.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
    <div class="d-flex flex-column h-100">
        <nav class="navbar navbar-light bg-white border-bottom">
            <a class="navbar-brand" href="{{{global.siteurl}}}" title="{{{global.sitename}}}">
                {{{global.sitename}}}
            </a>
        </nav>
        <main class="container-fluid mt-2 flex-grow-1 flex-shrink-1">
            <div>
                <h1><a href="{{global.pathtotop}}index.html">{{{global.coursename}}}</a></h1>
                <p>{{global.courseshortname}}</p>
                {{$pagecontent}}{{/pagecontent}}
            </div>
        </main>
        <footer id="page-footer" class="py-3">
            <div class="container">
                <div>{{{global.contentexportfooter}}}</div>
            </div>
        </footer>
    </div>
</body>
</html>
