{{!
    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/quickstart/accessibility

    Example context (json):
    {
        "enable_accessibility":  "0",
        "lang_has_ptbr":  true,
        "enable_vlibras":  "0",
        "return":  "user-profile",
        "next":  "footer"
    }
}}

<div class="quickstart-collapse" id="accessibility">
    <a href="#accessibility" style="background: linear-gradient(135deg, #3a6186 0%, #89253e 100%);">
        <span class="material-icons">accessibility</span>
        <span>{{#str}}settings_accessibility_heading,theme_boost_magnific{{/str}}</span>
    </a>
    <div class="content">
        <div class="inner-content">
            <div class="settings-content">

                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input"
                           id="enable_accessibility" name="enable_accessibility"
                           {{#enable_accessibility}}checked{{/enable_accessibility}}>
                    <label class="form-check-label" for="enable_accessibility">
                        {{#str}}settings_accessibility, theme_boost_magnific{{/str}}
                    </label>
                    <div class="form-text text-muted">
                        {{#str}}settings_accessibility_desc, theme_boost_magnific{{/str}}
                    </div>
                </div>

                {{#lang_has_ptbr}}
                    <div class="mb-3 form-check">
                        <input type="checkbox" class="form-check-input"
                               id="enable_vlibras" name="enable_vlibras"
                               {{#enable_vlibras}}checked{{/enable_vlibras}}>
                        <label class="form-check-label" for="enable_vlibras">
                            <!-- No translation because only for Brazilians -->
                            Habilitar VLibras
                        </label>
                        <div class="form-text text-muted">
                            <!-- No translation because only for Brazilians -->
                            O VLibras é uma ferramenta que traduz conteúdos digitais (textos, áudios e vídeos) para a Língua Brasileira de Sinais (Libras), promovendo acessibilidade para pessoas surdas.<br>
                            Ao habilitar essa opção, um avatar intérprete de Libras será exibido na interface do sistema para facilitar a compreensão dos conteúdos.<br>
                            <strong>Disponível apenas para usuários do Brasil.</strong><br>
                            <a href="https://www.gov.br/governodigital/pt-br/vlibras" target="_blank" rel="noopener noreferrer">Saiba mais sobre o VLibras</a>.
                        </div>
                    </div>
                {{/lang_has_ptbr}}

            </div>

            {{> theme_boost_magnific/quickstart/btn-next-back }}
        </div>
    </div>
</div>