{{!
    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 block_xp/addon-required

    Addon required.

    Example context (json):
    {
    }
}}
<a href="#"
    id="xp-addon-required-{{ uniqid }}"
    role="button"
    onclick="return false;"
    data-bs-toggle="popover"
    data-toggle="popover"
    data-placement="top"
    data-container="body"
    data-content=""
    data-bs-content=""
    data-html="true"
    data-bs-html="true"
    class="{{#mx}}xp-mx-2{{/mx}} xp-py-1 xp-px-1.5 xp-normal-case xp-text-2xs xp-inline-block xp-bg-black xp-text-white xp-rounded xp-no-underline xp-font-normal xp-align-middle">
    {{#str}} xpplusrequired, block_xp {{/str}}
</a>
{{#js}}
require([], function() {
    var htmlContent = {{#quote}}{{#str}} unlockfeaturewithxpplus, block_xp, {{ promourl }} {{/str}}{{/quote}};
    var node = document.getElementById('xp-addon-required-{{ uniqid }}');
    node.setAttribute('data-content', htmlContent);
    node.setAttribute('data-bs-content', htmlContent);
});
{{/js}}
