document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        locale: 'nl',
   weekNumbers: true,
        defaultDate: standaarddatum,
        nowIndicator: true,
        businessHours: true,
editable:true,
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,listYear'
        },
        allDaySlot: true,
        events: {
url: 'load_select.php',
method: 'POST',
extraParams: {
  cursus_id:cursus_id, evenement_id:evenement_id, locatie_id:locatie_id, trainer_id:trainer_id
},
failure: function() {
  alert('there was an error while fetching events!');
},
color: 'yellow',   // a non-ajax option
textColor: 'black' // a non-ajax option
  }
    });

    calendar.render();
  });

$('#cursus tbody').on('click', 'tr', function() {

 var row = this.closest('tr');

var table = $('#cursus').DataTable()
                                                                             var cursus_id = table.row(row).data()[1]
                                                                             localStorage.setItem("cursus_id", cursus_id);
                                                                             var cursus = table.row(row).data()[0]
                                                                             calendar.refetchEvents();
                                                                            $('#cursusselect').val(cursus);
                                                                            $("#cursusselect").show();
                                            $("#btnplus").show();
                                            $("#cursus").parents('div.dataTables_wrapper').first().hide();

                                                                             });