{{!
    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_edwiseradvancedblock/blockpage
    Example context (json):
    {
        "blockhtml": "",
        "blockcss": "",
        "blockjs":"",
        "blockstyle":""
    }
}}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {{{ output.standard_head_html }}}
        <style>
            .block-content[data-editing="true"] .videocomponent-iframe{
                pointer-events:none
            }
        </style>
        {{#blockcss}}<style type="text/css" id="vvvebjs-styles">{{{blockcss}}}</style>{{/blockcss}}
        <script type="text/javascript" src="{{jsjquery}}"></script>
        <script type="text/javascript" src="{{jsbootstrap}}"></script>
        <script type="text/javascript" src="{{jsslick}}"></script>
        {{! Script to Inject another script into html }}
        <script type='text/javascript' id='block-script'>{{{blockjs}}}</script>
        {{#editorhelpercss}}<link data-vvveb-helpers href="{{editorhelpercss}}" rel="stylesheet"></link>{{/editorhelpercss}}
        {{#blockstyle}}<link href="{{blockstyle}}" rel="stylesheet"></link>{{/blockstyle}}
        <script type="text/javascript">
            function reloadCarousel() {
                $('.carousel').carousel();
                $('.carousel-control-next').on('click', function() {
                    $('.carousel').carousel("next");
                });
                $('.carousel-control-prev').on('click', function() {
                    $('.carousel').carousel("prev");
                });
            }
            $(document).ready(function(){
                reloadCarousel();
            });
        </script>
    </head>
    <body class="block-content" data-editing="true">
        {{{blockhtml}}}
    </body>
</html>
