{{!
    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.

    Edwiser RemUI
    @package theme_remui
    @copyright (c) 2023 WisdmLabs (https://wisdmlabs.com/)
    @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later

}}
{{!
    @template theme_remui/customizer/elements/select
}}

<select class="w-100 dropup font-selector" data-dropup-auto="false" name="{{name}}" id="id_{{name}}">
    {{#options}}
        <option data-tokens="{{value.name}}" value="{{key}}" {{selected}} data-content="<img class='font-image w-100' src='{{value.url}}' loading='lazy'>">{{value.name}}</option>
    {{/options}}
</select>

{{#js}}
    require(['jquery', 'theme_remui/bootstrap-select'], function($){
        $("#id_{{name}}").selectpicker({
            dropupAuto: false,
            liveSearch: true,
            showContent: true,
            liveSearchPlaceholder: '{{#str}}searchtext,theme_remui {{/str}}'
        });
    });
{{/js}}