{{!
    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_timeline/event-list-content

    This template renders a group of event list items for the timeline block.

    Example context (json):
    {
        "events": [
            {
                "name": "Assignment due 1",
                "url": "https://www.google.com",
                "timesort": 1490320388,
                "course": {
                    "fullnamedisplay": "Course 1"
                },
                "action": {
                    "name": "Submit assignment",
                    "url": "https://www.google.com",
                    "itemcount": 1,
                    "actionable": true
                },
                "icon": {
                    "key": "icon",
                    "component": "mod_assign",
                    "alttext": "Assignment icon"
                }
            },
            {
                "name": "Assignment due 2",
                "url": "https://www.google.com",
                "timesort": 1490320388,
                "course": {
                    "fullnamedisplay": "Course 1"
                },
                "action": {
                    "name": "Submit assignment",
                    "url": "https://www.google.com",
                    "itemcount": 1,
                    "actionable": true
                },
                "icon": {
                    "key": "icon",
                    "component": "mod_assign",
                    "alttext": "Assignment icon"
                }
            }
        ]
    }
}}
<div class="pb-2" data-region="event-list-wrapper">
    {{#eventsbyday}}
        <h5 class="rui-timeline-date mt-1 mb-0" data-region="event-list-content-date" data-timestamp="{{dayTimestamp}}">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><g data-name="Layer 2"><g data-name="calendar"><rect width="24" height="24" opacity="0"/><path d="M18 4h-1V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zM6 6h1v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h1a1 1 0 0 1 1 1v4H5V7a1 1 0 0 1 1-1zm12 14H6a1 1 0 0 1-1-1v-6h14v6a1 1 0 0 1-1 1z"/><circle cx="8" cy="16" r="1"/><path d="M16 15h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z"/></g></g></svg>
            <span class="rui-timeline-date-txt">{{#userdate}} {{dayTimestamp}}, {{#str}} strftimedaydate, core_langconfig {{/str}}  {{/userdate}}</span>
        </h5>
        {{> block_timeline/event-list-items }}
    {{/eventsbyday}}
</div>