import daterangepicker from "daterangepicker";
import 'daterangepicker/daterangepicker.css';

$(function () {
    let dateInterval = getQueryParameter('date_filter');
    let start =  $('#date_filter').attr('data-start-date') //moment().startOf('day');
    let end = $('#date_filter').attr('data-end-date') //moment();
    console.log()
    if (dateInterval) {
        dateInterval = dateInterval.split(' - ');
        start = dateInterval[0];
        end = dateInterval[1];
    }
    $('#date_filter').daterangepicker({
        "showDropdowns": true,
        "showWeekNumbers": true,
        "alwaysShowCalendars": true,
        "opens": "right",
        startDate: start,
        endDate: end,
        locale: {
            format: 'YYYY-MM-DD',
            firstDay: 1,
        },
        ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
            'This Year': [moment().startOf('year'), moment().endOf('year')],
            'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')],
        }
    });
});

function getQueryParameter(name) {
    const url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    const regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}