/*=========================================================================================

    File Name: fullcalendar.js

    Description: Fullcalendar

    --------------------------------------------------------------------------------------

    Item Name: Robust - Responsive Admin Template

    Author: PIXINVENT

    Author URL: http://www.themeforest.net/user/pixinvent

==========================================================================================*/





$(document).ready(function () {



  /************************************************

   *				Background Events				*

   ************************************************/

  var calendarE4 = document.getElementById('fc-bg-events');

  var fcBgEvents = new FullCalendar.Calendar(calendarE4, {

    header: {

      left: 'prev,next today',

      center: 'title',

      right: "dayGridMonth,timeGridWeek,timeGridDay"

    },

    defaultDate: '2016-06-12',

    navLinks: true, // can click day/week names to navigate views

    businessHours: true, // display business hours

    plugins: ['dayGrid', 'timeGrid', "interaction"],

    editable: true,

    events: [{

        title: 'Business Lunch',

        start: '2016-06-03T13:00:00',

        constraint: 'businessHours'

      },

      {

        title: 'Meeting',

        start: '2016-06-13T11:00:00',

        constraint: 'availableForMeeting', // defined below

        color: '#257e4a'

      },

      {

        title: 'Conference',

        start: '2016-06-18',

        end: '2016-06-20',

      },

      {

        title: 'Party',

        start: '2016-06-29T20:00:00'

      },



      // areas where "Meeting" must be dropped

      {

        id: 'availableForMeeting',

        start: '2016-06-11T10:00:00',

        end: '2016-06-11T16:00:00',

        rendering: 'background'

      },

      {

        id: 'availableForMeeting',

        start: '2016-06-13T10:00:00',

        end: '2016-06-13T16:00:00',

        rendering: 'background'

      },



      // red areas where no events can be dropped

      {

        start: '2016-06-24',

        end: '2016-06-28',

        overlap: false,

        rendering: 'background',

        color: '#EB98A0'

      },

      {

        start: '2016-06-06',

        end: '2016-06-08',

        overlap: false,

        rendering: 'background',

        color: '#EB98A0'

      }

    ]

  });



  fcBgEvents.render();



  // /********************************************

  // *				Events Colors				*

  // ********************************************/

  var calendarE5 = document.getElementById('fc-event-colors');

  var fcEventColors = new FullCalendar.Calendar(calendarE5, {

    header: {

      left: 'prev,next today',

      center: 'title',

      right: "dayGridMonth,timeGridWeek,timeGridDay"

    },

    defaultDate: '2016-06-12',

    businessHours: true, // display business hours

    navLinks: true, // can click day/week names to navigate views

    plugins: ['dayGrid', 'timeGrid', "interaction"],

    editable: true,

    events: [{

        title: 'All Day Event',

        start: '2016-06-01',

        color: '#967ADC'

      },

      {

        title: 'Long Event',

        start: '2016-06-07',

        end: '2016-06-10',

        color: '#37BC9B'

      },

      {

        id: 999,

        title: 'Repeating Event',

        start: '2016-06-09T16:00:00',

        color: '#37BC9B'

      },

      {

        id: 999,

        title: 'Repeating Event',

        start: '2016-06-16T16:00:00',

        color: '#F6BB42'

      },

      {

        title: 'Conference',

        start: '2016-06-11',

        end: '2016-06-13',

        color: '#EB98A0'

      },

      {

        title: 'Meeting',

        start: '2016-06-12T10:30:00',

        end: '2016-06-12T12:30:00',

        color: '#EB98A0'

      },

      {

        title: 'Lunch',

        start: '2016-06-12T12:00:00',

        color: '#EB98A0'

      },

      {

        title: 'Meeting',

        start: '2016-06-12T14:30:00',

        color: '#EB98A0'

      },

      {

        title: 'Happy Hour',

        start: '2016-06-12T17:30:00',

        color: '#EB98A0'

      },

      {

        title: 'Dinner',

        start: '2016-06-12T20:00:00',

        color: '#EB98A0'

      },

      {

        title: 'Birthday Party',

        start: '2016-06-13T07:00:00',

        color: '#EB98A0'

      },

      {

        title: 'Click for Google',

        url: 'http://google.com/',

        start: '2016-06-28',

        color: '#3BAFDA'

      }

    ]

  });



  fcEventColors.render();



});

