@extends('adminlte::page')
@section('plugins.Fullcalendar', true)
@section('content_header')
<h1>Appuntamenti</h1>
@endsection
@section('content')
<div id="calendar"></div>
@endsection
@section('js')
<script>

    document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');
  
      var calendar = new FullCalendar.Calendar(calendarEl, {
        timeZone: 'UTC',
        initialView: 'dayGridMonth',
        events: '/api/demo-feeds/events.json',
        editable: true,
        selectable: true,
        // plugins: [dayGridPlugin],
        // initialView: 'dayGridWeek',
        headerToolbar: {
            left: 'prev,next',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay' // user can switch between the two
        },
        dateClick: function(info) {
          alert('Clicked on: ' + info.dateStr);
        }
      });
      calendar.setOption('locale', 'it');
      calendar.render();
    });

    
  
  </script>
@endsection