{{!
    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_thinkera/auth

    The sign-in screen: brand side and form side.

    Example context (json):
    {
        "output": {"doctype": "<!DOCTYPE html>", "page_title": "Sign in", "main_content": "<form></form>"},
        "bodyattributes": "", "sitename": "Thinkera", "homeurl": "#", "brandurl": "https://thinkera.academy", "logowhite": "", "logo": "", "jana": "",
        "switch": {"text": "Have an account?", "link": "Sign in", "url": "#"}, "year": "2026",
        "intro": {"title": "Forgot your password?", "lead": "Enter your email.", "submit": "Send me the link"},
        "hasproviders": false, "providers": []
    }
}}
{{> theme_boost/head }}

<body {{{ bodyattributes }}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper" class="tk-auth">
    {{{ output.standard_top_of_body_html }}}

    <aside class="tk-auth-brand">
        <a class="tk-auth-logo" href="{{brandurl}}"><img src="{{logowhite}}" alt="{{sitename}}" width="150" height="38"></a>
        <div class="tk-auth-pitch">
            <h2>{{#str}}loginheadline, theme_thinkera{{/str}}</h2>
            <p class="tk-auth-pitchlead">{{#str}}auth_pitchlead, theme_thinkera{{/str}}</p>
            <ul>
                <li>{{#str}}auth_benefit1, theme_thinkera{{/str}}</li>
                <li>{{#str}}auth_benefit2, theme_thinkera{{/str}}</li>
                <li>{{#str}}auth_benefit3, theme_thinkera{{/str}}</li>
                <li>{{#str}}auth_benefit4, theme_thinkera{{/str}}</li>
            </ul>
        </div>
        <img class="tk-auth-jana" src="{{jana}}" alt="" width="476" height="900">
    </aside>

    <main id="page" class="tk-auth-main">
        <div class="tk-auth-card">
            {{#intro}}
            <div class="tk-auth-intro">
                <h1 class="tk-auth-title">{{title}}</h1>
                <p class="tk-auth-lead">{{lead}}</p>
            </div>
            {{/intro}}
            {{{ output.course_content_header }}}
            {{#hasproviders}}
            <div class="tk-auth-providers">
                {{#providers}}
                <a class="tk-auth-provider" href="{{url}}">
                    {{#iconurl}}<img src="{{iconurl}}" alt="" width="22" height="22">{{/iconurl}}
                    {{#str}}auth_signupwith, theme_thinkera, {{name}}{{/str}}
                </a>
                {{/providers}}
            </div>
            <div class="tk-auth-or"><span>{{#str}}auth_orsignupemail, theme_thinkera{{/str}}</span></div>
            {{/hasproviders}}
            {{{ output.main_content }}}
            {{#switch}}
            <p class="tk-auth-switch">{{text}} <a href="{{url}}">{{link}}</a></p>
            {{/switch}}
        </div>
        <footer class="tk-auth-foot">
            {{! both channels, side by side; see the note in app.mustache }}
            {{#hascontact}}
            <span class="tk-contact">
                {{#whatsapp}}
                <a class="tk-wa" href="{{href}}" target="_blank" rel="noopener">
                    <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.87 9.87 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 1.83c2.16 0 4.19.84 5.72 2.37a8.03 8.03 0 0 1 2.37 5.72c0 4.46-3.63 8.08-8.09 8.08a8.06 8.06 0 0 1-4.11-1.13l-.29-.17-3.05.8.81-2.98-.19-.31a8.02 8.02 0 0 1-1.23-4.29c0-4.46 3.63-8.09 8.06-8.09Zm-2.5 4.3c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1s.9 2.44 1.03 2.6c.13.17 1.76 2.68 4.27 3.76.6.26 1.06.41 1.42.53.6.19 1.14.16 1.57.1.48-.07 1.48-.6 1.69-1.19.21-.58.21-1.08.15-1.19-.06-.1-.23-.17-.48-.29-.25-.13-1.48-.73-1.71-.81-.23-.09-.4-.13-.56.12-.17.25-.64.81-.79.98-.15.17-.29.19-.54.06-.25-.13-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.15-.25-.02-.38.11-.51.11-.11.25-.29.38-.44.12-.15.16-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.56-1.36-.77-1.86-.2-.48-.41-.42-.56-.43-.14-.01-.31-.01-.48-.01Z"/></svg>
                    <span dir="ltr">{{label}}</span>
                </a>
                {{/whatsapp}}
                {{#support}}
                <a class="tk-wa tk-mail" href="{{href}}">
                    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="2.5" y="5" width="19" height="14" rx="3"/><path d="m3.2 7.2 8.8 5.6 8.8-5.6"/></svg>
                    <span dir="ltr">{{label}}</span>
                </a>
                {{/support}}
            </span>
            {{/hascontact}}
            <span>© {{year}} {{#str}}footercredit, theme_thinkera{{/str}}</span>
        </footer>
    </main>
    {{> theme_thinkera/quicklinks }}
    <div class="tk-endofbody">{{{ output.standard_end_of_body_html }}}</div>
</div>
</body>
</html>
{{#js}}
{{#intro.submit}}
var tkSubmit = document.getElementById('id_submit');
if (tkSubmit) { tkSubmit.value = {{#quote}}{{intro.submit}}{{/quote}}; }
{{/intro.submit}}
M.util.js_pending('theme_boost/loader');
require(['theme_boost/loader'], function() {
    M.util.js_complete('theme_boost/loader');
});
{{/js}}
