var defaultTheme = "Midnight Blue";
var today = new Date();
var events = [];
$("#evoCalendar").evoCalendar({
  firstDayOfWeek: 1,
  theme:"Midnight Blue",
  format:'mm/dd/yyyy',
}).on('selectMonth', function(event, activeMonth, monthIndex) {
    today.setMonth(monthIndex);
    refreshevent(today);
  })
  .on('selectYear', function(event, activeYear) { 
    today.setYear(activeYear);
    refreshevent(today);
  })
  .on('selectEvent', function(activeEvent) {
  //console.log(activeEvent);
  })
  .on('destroy', function(calendar) {
  //console.log(calendar);
  });



refreshevent(today);



function refreshevent(date) {
  $("#evoCalendar").evoCalendar('removeCalendarEvent',events.map(item => item.id));
  events = [];
  nbevent = 1;
  $.ajax({

    'url' : './model/ajax_event.php',
    'type' : 'POST',
    'data' : {
        'Date' : today.toLocaleDateString()
    },
    'success' : function(data) {         
      resultset =  JSON.parse(data);     
      resultset.forEach(res => {
              events.push({
                id: nbevent,
                name: res['name'],
                description: res['description'],
                date: new Date(res['date']).toUTCString(),
                type: "event"
      });
      nbevent++;
      });
      $("#evoCalendar").evoCalendar('addCalendarEvent', events);
    },
    'error' : function(request,error)
    {
        alert("Request: "+JSON.stringify(request));
    }
  });
}