/*=========================================================================================
    File Name: clndr.js
    Description: clndr
    --------------------------------------------------------------------------------------
    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

$(document).ready(function () {
  var currentMonth = moment().format("YYYY-MM");
  var nextMonth = moment()
    .add("month", 1)
    .format("YYYY-MM");

  var events = [{
      date: currentMonth + "-" + "10",
      title: "Persian Kitten Auction",
      location: "Center for Beautiful Cats"
    },
    {
      date: currentMonth + "-" + "19",
      title: "Cat Frisbee",
      location: "Jefferson Park"
    },
    {
      date: currentMonth + "-" + "23",
      title: "Kitten Demonstration",
      location: "Center for Beautiful Cats"
    },
    {
      date: nextMonth + "-" + "07",
      title: "Small Cat Photo Session",
      location: "Center for Cat Photography"
    }
  ];

  /****************************************
   *				Multiday				*
   ****************************************/
  var multidayArray = [{
      title: "Appointment Day 1",
      location: "Appointment with a patient at 5:00pm",
      startDate: moment().format("YYYY-MM-") + "12",
      endDate: moment().format("YYYY-MM-") + "17"
    },
    {
      title: "Appointment Day 2",
      location: "Appointment With a patient For Consultation about Skin Problems",
      startDate: moment().format("YYYY-MM-") + "24",
      endDate: moment().format("YYYY-MM-") + "27"
    }
  ];

  $("#clndr-multiday").clndr({
    template: $("#clndr-template").html(),
    events: multidayArray,
    multiDayEvents: {
      endDate: "endDate",
      startDate: "startDate"
    }
  });

});
$(window).on("load", function () {
  // initialize the user location map
  var mapsLeafletUserLocation = L.map('maps-leaflet-user-location').setView([42.35, -71.08], 10);
  mapsLeafletUserLocation.locate({
    setView: true,
    maxZoom: 16
  });

  function onLocationFound(e) {
    var radius = e.accuracy;
    L.marker(e.latlng).addTo(mapsLeafletUserLocation)
      .bindPopup("You are within " + radius + " meters from this point").openPopup();
    L.circle(e.latlng, radius).addTo(mapsLeafletUserLocation);
  }
  mapsLeafletUserLocation.on('locationfound', onLocationFound);
  L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a>',
    maxZoom: 18,
  }).addTo(mapsLeafletUserLocation);
});