{% extends 'base.html.twig' %}

{% block title %}Mon calendrier d'interventions{% endblock %}

{% block body %}
    <h1>📅 Mon calendrier d'interventions</h1>

    <div id="calendar"></div>

    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.js"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                locale: 'fr',
                eventTimeFormat: {
                    hour: '2-digit',
                    minute: '2-digit',
                    hour12: false
                },
                events: {{ events|raw }}
            });
            calendar.render();
        });
    </script>
{% endblock %}