Dates

/**
 * Try It - from public/showcase/dates.
 */
export function mount(root) {
        // Create demos
    $('[data-create]').on('click', function () {
            const type = $(this).data('create');
            let result, code;

            switch (type) {
                case 'now':
                    result = D();
                    code = "D()";
                    break;
                case 'string':
                    result = D('2025-12-25');
                    code = "D('2025-12-25')";
                    break;
                case 'timestamp':
                    result = D(1735084800000);
                    code = "D(1735084800000)";
                    break;
                case 'static':
                    result = Domma.dates.now();
                    code = "Domma.dates.now()";
                    $(root).find('#create-result').text(`${code} = ${result}`);
                    return;
            }

            $(root).find('#create-result').text(`${code}.format('MMMM D, YYYY HH:mm:ss')\n= "${result.format('MMMM D, YYYY HH:mm:ss')}"`);
        });
}

/**
 * Try It - from public/showcase/dates.
 */
export function mount(root) {
        // Format demos
    $('[data-format]').on('click', function () {
            const format = $(this).data('format');
            $(root).find('#format-input').val(format);
            $(root).find('#format-btn').trigger('click');
        });
    $(root).find('#format-btn').on('click', function () {
            const format = $(root).find('#format-input').val();
            const result = D().format(format);
            $(root).find('#format-result').text(`D().format('${format}')\n= "${result}"`);
        });
}

/**
 * Try It - from public/showcase/dates.
 */
export function mount(root) {
        // Update base date display
    $(root).find('#manip-base').text(D().format('MMMM D, YYYY'));
        // Manipulation demos
    $('[data-manip]').on('click', function () {
            const manip = $(this).data('manip');
            let result, code;
            const base = D();

            switch (manip) {
                case 'add-7-days':
                    result = base.clone().add(7, 'days');
                    code = "D().add(7, 'days')";
                    break;
                case 'add-1-month':
                    result = base.clone().add(1, 'month');
                    code = "D().add(1, 'month')";
                    break;
                case 'sub-1-week':
                    result = base.clone().subtract(1, 'week');
                    code = "D().subtract(1, 'week')";
                    break;
                case 'startOf-month':
                    result = base.clone().startOf('month');
                    code = "D().startOf('month')";
                    break;
                case 'endOf-month':
                    result = base.clone().endOf('month');
                    code = "D().endOf('month')";
                    break;
                case 'startOf-year':
                    result = base.clone().startOf('year');
                    code = "D().startOf('year')";
                    break;
            }

            $(root).find('#manip-result').text(`${code}.format('MMMM D, YYYY HH:mm:ss')\n= "${result.format('MMMM D, YYYY HH:mm:ss')}"`);
        });
}

/**
 * Current Date Components - from public/showcase/dates.
 */
export function mount(root) {
        // Getters display
    function updateGetters() {
            const now = D();
            const getters = [
                ['year()', now.year()],
                ['month()', now.month()],
                ['date()', now.date()],
                ['day()', now.day()],
                ['hour()', now.hour()],
                ['minute()', now.minute()],
                ['second()', now.second()],
                ['dayOfYear()', now.dayOfYear()],
                ['week()', now.week()],
                ['quarter()', now.quarter()],
                ['daysInMonth()', now.daysInMonth()],
                ['isLeapYear()', now.isLeapYear()]
            ];

            $(root).find('#getters-display').html(getters.map(([name, value]) =>
              `<div class="p-3 bg-white rounded border">
                        <div class="text-sm text-muted">${name}</div>
                        <div class="font-semibold">${value}</div>
                    </div>`
            ).join(''));
        }
    updateGetters();
}

/**
 * Try It - from public/showcase/dates.
 */
export function mount(root) {
        // Relative time demos
    $('[data-relative]').on('click', function () {
            const rel = $(this).data('relative');
            const parts = rel.split('-');
            const negative = parts[0] === '';
            const amount = parseInt(negative ? parts[1] : parts[0]);
            const unit = negative ? parts[2] : parts[1];

            let result;
            if (negative) {
                result = D().subtract(amount, unit);
            } else {
                result = D().add(amount, unit);
            }

            const fromNow = result.fromNow();
            const formatted = result.format('MMMM D, YYYY h:mm A');
            $(root).find('#relative-result').text(`Date: ${formatted}\nfromNow(): "${fromNow}"`);
        });
}

/**
 * Date Difference - from public/showcase/dates.
 */
export function mount(root) {
        // Diff calculator
    $(root).find('#diff-calc').on('click', function () {
            const start = D($(root).find('#diff-start').val());
            const end = D($(root).find('#diff-end').val());

            const days = end.diff(start, 'days');
            const weeks = end.diff(start, 'weeks');
            const months = end.diff(start, 'months');
            const years = end.diff(start, 'years', true).toFixed(2);

            $(root).find('#diff-result').text(
                `Days: ${days}\n` +
                `Weeks: ${weeks}\n` +
                `Months: ${months}\n` +
                `Years: ${years}`
            );
        });
}

/**
 * Try It - from public/showcase/dates.
 */
export function mount(root) {
        // Validation demos
    $('[data-valid]').on('click', function () {
            const type = $(this).data('valid');
            let result, code;

            switch (type) {
                case 'valid':
                    result = D('2025-12-25').isValid();
                    code = "D('2025-12-25').isValid()";
                    break;
                case 'invalid':
                    result = D('2025-02-30').isValid();
                    code = "D('2025-02-30').isValid()";
                    break;
                case 'leap2024':
                    result = D('2024-01-01').isLeapYear();
                    code = "D('2024-01-01').isLeapYear()";
                    break;
                case 'leap2025':
                    result = D('2025-01-01').isLeapYear();
                    code = "D('2025-01-01').isLeapYear()";
                    break;
                case 'days':
                    result = D('2025-02-01').daysInMonth();
                    code = "D('2025-02-01').daysInMonth()";
                    break;
            }

            $(root).find('#valid-result').text(`${code} = ${result}`);
        });
}