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

{% block title %}Calendrier des interventions{% endblock %}

{% block body %}
    <h1>📅 Calendrier des interventions</h1>

    <a href="{{ path('app_intervention_new') }}" class="btn btn-success mt-3">➕ Ajouter une intervention</a>

    <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',
                events: '/api/interventions' // ✅ Point d’accès API
            });

            calendar.render();
        });
    </script>

{#    <div id="calendar"></div>#}

{#    <script>#}
{#        document.addEventListener('DOMContentLoaded', function() {#}
{#            var calendarEl = document.getElementById('calendar');#}
{#            var calendar = new FullCalendar.Calendar(calendarEl, {#}
{#                initialView: 'dayGridMonth',#}
{#                events: {{ events | raw }},#}
{#                eventClick: function(info) {#}
{#                    alert('Intervention : ' + info.event.title + '\n' + info.event.extendedProps.description);#}
{#                }#}
{#            });#}
{#            calendar.render();#}
{#        });#}
{#    </script>#}
{% endblock %}