Sindbad~EG File Manager

{{!
    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/>.
}}
<div class="block07 block07design5">
    <div class="container">
        <div id="block07design4-slider" class="splide">
            <div class="splide__track">
                <ul class="splide__list">
                    {{#block07}}
                    <li class="splide__slide">
                        <div class="card text-center h-100">
                            <div class="single-course" style = "background-image: url({{imgurl}});">
                            {{#block07priceshow}}
                                <div class="enrol">
                                    {{cost}} {{currency}}
                                </div>
                            {{/block07priceshow}}
                            </div>
                            <div class="card-body" style="height:120px;"> 
                                <small>
                                    <a href="{{categorylink}}" class="text-decoration-none"><i class="fa fa-chevron-circle-right"> </i> {{categoryName}}</a>
                                </small>
                                <h6 class="card-title post-heading">
                                    <a href="{{courselink}}" class="text-decoration-none">
                                        {{#block07shortname}}{{shortname}}{{/block07shortname}}
                                        {{#block07fullname}}
                                            {{#shortentext}}65,{{{fullname}}}{{/shortentext}}
                                        {{/block07fullname}}
                                    </a>
                                </h6>
                            </div>
                            <div class="card-footer bg-white">
                                <small class="hytext">Updated {{update}}</small>
                            </div>
                        </div>
                    </li>
                    {{/block07}}
                </ul>
            </div>
        </div>
    </div>    
</div>
<script>
    document.addEventListener( 'DOMContentLoaded', function () {
        new Splide( '#block07design4-slider', {
            type    : 'loop',
            autoplay: true,
            gap: '1rem',
            perPage: 4,
            perMove: 1,
            autoHeight: true,
            pagination: false,
            direction: document.dir,
            breakpoints: {
                1200:{ 
                    perPage: 3,
                },
                980:{
                    perPage: 2,
                },
                700: {
                    perPage: 1,
                    pagination: false,
            },
            }
        } ).mount();
    } );
</script>