var guest_reload = false;

const getCustomConsent = () => {
	let customConsents = [];

	$(".custom-consent-chb:checked").each((index, element) => {
		customConsents = [...customConsents, $(element).val()]
	});

	if(customConsents.length == 0) {
		return false;
	}

	return customConsents.join(',');
}


// The checkin submit buttons are always clickable; pressing one runs the form checks and, if something is wrong,
// shows the errors (hidden by .checkin-pending until the first press) and scrolls to the first problem
const validateCheckinOnSubmit = (button) => {
    const popup = $(button).closest('.checkinPopup');
    popup.removeClass('checkin-pending');

    if (validateBasicForm()) {
        return true;
    }

    const scope = popup.length ? popup : $(document);
    const firstProblem = scope.find('.is-invalid:visible').first();
    const target = firstProblem.length ? firstProblem : scope.find('#checking-error-reporting');
    if (target.length) {
        target[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
    }

    return false;
}

// The modern checkin dialog is requested only on pages that load its stylesheet (header_restyle.php)
const modernCheckinEnabled = () => $('link[href*="checkin_modern.css"]').length > 0;

// Last valid discount code of the open checkin form, for the summary's estimate: { code, percent, route, toParams }
let ckmDiscount = null;

// Puts a loaded checkin form (logged-in, guest or register) into its dialog and opens it; the two-panel layout gets its dialog class and setup
const showCheckinForm = (popup, html) => {
    ckmDiscount = null;
    popup.html(html).addClass('checkin-pending');

    const isModernForm = popup.find('.ckm').length > 0;
    if (isModernForm) {
        popup.dialog('option', 'dialogClass', 'ckm-dialog');
    }

    popup.dialog('open');

    if (isModernForm) {
        initModernCheckinForm(popup);
    }
};

// The same form shown in the page instead of a dialog (group register page): a card (.ckm-inline) in holder.
// It is put into the page before the HTML, so the form's own scripts find their elements
const showCheckinFormInline = (holder, html) => {
    ckmDiscount = null;
    const card = $('<div class="ckm-dialog ckm-inline"></div>');
    const popup = $('<div class="checkinPopup checkin-pending"></div>').appendTo(card);
    holder.empty().append(card);
    popup.html(html);

    if (popup.find('.ckm').length) {
        initModernCheckinForm(popup);
    } else {
        // A message instead of the form (e.g. registrations closed) keeps the page's own look
        card.removeClass('ckm-dialog ckm-inline');
    }
};

// Styled replacement for the native dropdown of a <select> (checkin forms and the participant chooser).
// The select stays in the page, invisible but still :visible to jQuery, so the existing code keeps reading, setting and
// validating it (.parameter:visible, #select-checkin, .personUncheck…); the button follows its value, disabled, invalid and hidden state
const ckmCustomSelect = (select) => {
    const KEY = { tab: 9, enter: 13, escape: 27, space: 32, end: 35, home: 36, up: 38, down: 40 };
    const $select = $(select).addClass('ckm-select-native').attr({ tabindex: '-1', 'aria-hidden': 'true' });
    const wrap = $('<div class="ckm-select"></div>').insertBefore($select);
    // The button comes first, so a wrapping <label> opens the list when clicked
    const button = $('<button type="button" class="ckm-select-button" aria-haspopup="listbox" aria-expanded="false"></button>').appendTo(wrap);
    wrap.append($select);
    const list = $('<ul class="ckm-select-list" role="listbox" tabindex="-1"></ul>').appendTo(wrap);

    let items = $();
    let activeIndex = -1;
    let typed = '';
    let typedTimer;

    const sync = () => {
        const option = select.options[select.selectedIndex];
        const text = option ? $.trim($(option).text()) : '';
        if (button.text() !== text) button.text(text);
        button.prop('disabled', select.disabled).toggleClass('is-invalid', $select.hasClass('is-invalid'));
        wrap.toggleClass('is-hidden', select.style.display === 'none');
    };
    wrap.data('ckmSync', sync);

    // Built on every opening: the forms show, hide and wrap options as other fields change
    const render = () => {
        list.empty();
        $.each(select.options, (index, option) => {
            if (option.hidden || option.style.display === 'none') return;
            $('<li class="ckm-select-option" role="option"></li>')
                .text($.trim($(option).text()))
                .attr('aria-selected', option.selected ? 'true' : 'false')
                .toggleClass('is-disabled', option.disabled)
                .data('option', option)
                .appendTo(list);
        });
        items = list.children();
    };

    const setActive = (index) => {
        if (index < 0 || index >= items.length || items.eq(index).hasClass('is-disabled')) return;
        activeIndex = index;
        items.removeClass('is-active').eq(index).addClass('is-active');

        const item = items[index];
        if (item.offsetTop < list[0].scrollTop) {
            list[0].scrollTop = item.offsetTop - 6;
        } else if (item.offsetTop + item.offsetHeight > list[0].scrollTop + list[0].clientHeight) {
            list[0].scrollTop = item.offsetTop + item.offsetHeight - list[0].clientHeight + 6;
        }
    };

    const move = (from, step) => {
        for (let index = from; index >= 0 && index < items.length; index += step) {
            if (!items.eq(index).hasClass('is-disabled')) {
                setActive(index);
                return;
            }
        }
    };

    const close = (focusButton) => {
        wrap.removeClass('is-open');
        button.attr('aria-expanded', 'false');
        if (focusButton) button.focus();
    };

    // Fixed position, so the list can reach past the dialog's edges; it opens upwards when there is no room below.
    // On phones the dialog is transformed, which makes it the frame (and clip) of fixed elements, so measure against it
    const position = () => {
        const rect = button[0].getBoundingClientRect();
        const dialog = wrap.closest('.ui-dialog');
        const frame = dialog.length && dialog.css('transform') !== 'none'
            ? dialog[0].getBoundingClientRect()
            : { top: 0, left: 0, bottom: window.innerHeight };
        const spaceBelow = frame.bottom - rect.bottom - 12;
        const spaceAbove = rect.top - frame.top - 12;

        list.css({ left: rect.left - frame.left, width: rect.width, top: 0, maxHeight: '' });
        const opensUp = list.outerHeight() > spaceBelow && spaceAbove > spaceBelow;
        const height = Math.min(list.outerHeight(), opensUp ? spaceAbove : spaceBelow);
        list.css({ maxHeight: height, top: (opensUp ? rect.top - 6 - height : rect.bottom + 6) - frame.top });
    };

    const open = () => {
        if (select.disabled) return;
        closeCkmSelects();
        render();
        wrap.addClass('is-open');
        button.attr('aria-expanded', 'true');
        position();
        move(Math.max(0, items.index(items.filter('[aria-selected="true"]'))), 1);
        list.focus();
    };

    const choose = (item) => {
        const option = item.data('option');
        if (!option || option.disabled) return;
        if (!option.selected) {
            option.selected = true;
            $select.trigger('change');
        }
        sync();
        close(true);
    };

    // Jump to the first entry starting with what was typed (e.g. a country or a birth year)
    const typeAhead = (character) => {
        clearTimeout(typedTimer);
        typed += character.toLowerCase();
        typedTimer = setTimeout(() => { typed = ''; }, 700);

        items.each((index, item) => {
            if (!$(item).hasClass('is-disabled') && $(item).text().toLowerCase().indexOf(typed) === 0) {
                setActive(index);
                return false;
            }
        });
    };

    button.on('click', () => (wrap.hasClass('is-open') ? close(false) : open()));
    button.on('keydown', (e) => {
        if (e.which === KEY.down || e.which === KEY.up) {
            e.preventDefault();
            open();
        }
    });
    $select.on('change', sync).on('focus', () => button.focus());

    list.on('mouseenter', '.ckm-select-option', function () {
        setActive(items.index(this));
    });
    list.on('click', '.ckm-select-option', function () {
        choose($(this));
    });
    list.on('keydown', (e) => {
        switch (e.which) {
            case KEY.down: e.preventDefault(); move(activeIndex + 1, 1); break;
            case KEY.up: e.preventDefault(); move(activeIndex - 1, -1); break;
            case KEY.home: e.preventDefault(); move(0, 1); break;
            case KEY.end: e.preventDefault(); move(items.length - 1, -1); break;
            case KEY.enter:
            case KEY.space: e.preventDefault(); choose(items.eq(activeIndex)); break;
            // preventDefault also stops jQuery UI from closing the whole dialog on Escape
            case KEY.escape: e.preventDefault(); e.stopPropagation(); close(true); break;
            case KEY.tab: close(false); break;
            default:
                if (e.originalEvent && e.originalEvent.key && e.originalEvent.key.length === 1) typeAhead(e.originalEvent.key);
        }
    });

    sync();
};

// An open styled dropdown closes on a click elsewhere, and on scrolling or resizing (its fixed list would drift away from its button)
const closeCkmSelects = (except) => {
    $('.ckm-select.is-open').not(except).removeClass('is-open').find('.ckm-select-button').attr('aria-expanded', 'false');
};

$(document).on('mousedown', (e) => closeCkmSelects($(e.target).closest('.ckm-select')));
$(window).on('resize', () => closeCkmSelects());
window.addEventListener('scroll', (e) => {
    if (!$(e.target).closest('.ckm-select-list').length) closeCkmSelects();
}, true);

// Summary of the chosen priced items (data-price from checkin_price_attributes) with an estimated total, the discount
// of a valid code included; the payment page calculates the final amount. Also shows the next price period of the chosen route
const updateCheckinSummary = (root) => {
    const summary = root.find('.ckm-summary');
    const currency = summary.data('currency') || '€';
    const money = (value) => value.toFixed(2).replace('.', ',') + ' ' + currency;
    const rows = [];
    let routeOption = null;
    let routePrice = 0;
    let paramsPrice = 0;

    // Only what the person can see counts, like on submit (.parameter:visible)
    root.find('select.parameter').filter(':visible').each((index, select) => {
        const option = select.options[select.selectedIndex];
        if (!option || option.getAttribute('data-price') === null) return;

        const price = parseFloat(option.getAttribute('data-price')) || 0;
        const name = option.getAttribute('data-name');

        if ($(select).hasClass('select-ruta')) {
            routeOption = option;
            routePrice += price;
            rows.push({ label: "Startnina" + ' · ' + name, amount: price });
        } else if (price > 0) {
            const label = $.trim($(select).closest('.popup-line').find('label > span:first-child').first().text()) || select.name;
            paramsPrice += price;
            rows.push({ label: label.charAt(0).toUpperCase() + label.slice(1) + ' · ' + name, amount: price });
        }
    });

    const dailyLicence = root.find('#buy_daily_licence');
    if (dailyLicence.filter(':visible').val() === '1') {
        const price = parseFloat(dailyLicence.find('option[value="1"]').attr('data-price')) || 0;
        if (price > 0) rows.push({ label: "Dnevna licenca", amount: price });
    }

    const donation = parseFloat(root.find('input[name=donation]').val()) || 0;
    if (donation > 0) rows.push({ label: "Donacija", amount: donation });

    // A code limited to a route only counts while that route is chosen; extras are discounted only when the code says so
    if (ckmDiscount && (!ckmDiscount.route || (routeOption && +routeOption.value === ckmDiscount.route))) {
        const amount = Math.round((routePrice + (ckmDiscount.toParams ? paramsPrice : 0)) * ckmDiscount.percent) / 100;
        if (amount > 0) {
            rows.push({
                label: "Popust" + ' ' + ckmDiscount.code + ' (−' + ckmDiscount.percent + ' %)',
                // A code that does not cover the extras says so
                note: ckmDiscount.toParams ? '' : "samo za traso",
                amount: -amount,
                discount: true
            });
        }
    }

    const total = rows.reduce((sum, row) => sum + row.amount, 0);

    // Redraw only when something changed (this also runs on a timer)
    const signature = JSON.stringify(rows) + (routeOption ? routeOption.value : '');
    if (summary.data('signature') === signature) return;
    summary.data('signature', signature);

    const list = summary.find('.ckm-summary-items').empty();
    rows.forEach((row) => {
        $('<li></li>').toggleClass('is-discount', !!row.discount)
            .append($('<span></span>').text(row.label).append(row.note ? $('<small></small>').text(row.note) : null))
            .append($('<span></span>').text((row.amount < 0 ? '−' : '') + money(Math.abs(row.amount))))
            .appendTo(list);
    });
    summary.find('.ckm-summary-amount').text(money(Math.max(0, total)));
    summary.toggleClass('has-prices', root.find('option[data-price]').length > 0).toggleClass('has-items', rows.length > 0);

    const note = root.find('.ckm-price-note');
    const until = routeOption && routeOption.getAttribute('data-price-until');
    const next = routeOption && routeOption.getAttribute('data-next-price');
    if (until && next !== null && parseFloat(next) !== parseFloat(routeOption.getAttribute('data-price'))) {
        const date = until.split('-');
        note.text("Trenutna cena velja do %s, nato %s.".replace('%s', +date[2] + '. ' + +date[1] + '. ' + date[0]).replace('%s', money(parseFloat(next)))).show();
    } else {
        note.hide();
    }
};

// The forms post their own discount check and daily-licence price request; the summary picks up their answers
$(document).ajaxSuccess((event, xhr, settings) => {
    const url = settings.url || '';
    let data = null;
    try {
        data = JSON.parse(xhr.responseText);
    } catch (e) {
        return;
    }

    if (url.indexOf('ajax/check_discount') !== -1) {
        // Only the code typed into the form counts; the group and club pages also post their group code when the form is submitted
        const posted = /(?:^|&)discount_code=([^&]*)/.exec(String(settings.data || ''));
        const code = $.trim(posted ? decodeURIComponent(posted[1].replace(/\+/g, ' ')) : '');
        if (code !== $.trim($('.discount_code').val())) return;

        ckmDiscount = data && data.status == 1 && +data.discount > 0
            ? { code: code, percent: Math.min(+data.discount, 100), route: +data.ruta || 0, toParams: data.always_applied_to_params == 1 }
            : null;
    } else if (url.indexOf('ajax/getDailyLicencePrice') !== -1 && data && data.price) {
        $('#buy_daily_licence option[value="1"]').attr('data-price', data.price);
    } else {
        return;
    }

    $('.ckm').each((index, element) => {
        const update = $(element).data('ckmSummary');
        if (update) update();
    });
});

// Scripts also set values on the hidden selects directly (e.g. element.value = ''), which fires no event; keep the buttons
// and the summary in step
setInterval(() => {
    $('.ckm-select').each((index, element) => $(element).data('ckmSync')());
    $('.ckm').each((index, element) => {
        const update = $(element).data('ckmSummary');
        if (update) update();
    });
}, 250);

// Pairs related fields, marks required ones and hides empty sections
function initModernCheckinForm(popup) {
    const root = popup.find('.ckm');
    const main = root.find('.ckm-main');

    // Dolžina trase is shown next to Kategorija
    const categoryLine = root.find('#check_category').closest('.popup-line');
    const routeLine = root.find('.select-ruta').first().closest('.popup-line');
    if (categoryLine.length && routeLine.length) {
        routeLine.insertAfter(categoryLine);
    }

    // The licence warning gets its own row under the licence input, so it does not lift the input above its neighbour:
    // after the daily licence while the two share a row, right after the licence field once they stack (phones)
    const licenceMessage = root.find('#licenceInvalidMessage');
    if (licenceMessage.length) {
        const licenceLine = licenceMessage.closest('.popup-line');
        const dailyLicenceLine = root.find('#buy-daily-licence');
        licenceMessage.insertAfter(licenceLine);

        if (dailyLicenceLine.length) {
            const placeLicenceMessage = () => {
                // Measured with the warning after the daily licence, where it does not change the two fields' rows
                licenceMessage.insertAfter(dailyLicenceLine);
                const stacked = dailyLicenceLine.is(':visible')
                    && dailyLicenceLine[0].getBoundingClientRect().top >= licenceLine[0].getBoundingClientRect().bottom;
                if (stacked) licenceMessage.insertAfter(licenceLine);
            };
            placeLicenceMessage();

            // Again when the section resizes: window or screen rotation, the daily licence shown or hidden
            if (window.ResizeObserver) {
                new ResizeObserver(placeLicenceMessage).observe(licenceLine.parent()[0]);
            }
        }
    }
    // The guest form positions the licence icons with inline !important offsets; checkin_modern.css places them inside the input instead
    root.find('.position-relative-m > .position-absolute-m').removeAttr('style');

    // Guest and register forms: Telefon next to Email, Poštna številka next to the street, and the person's own consents under Soglasja.
    // The moved consents stay part of their <form> through the form attribute (validation and serialize read form.elements)
    const personalForm = root.find('#createGuestUserForm, #createRegisterUserCheckinForm');
    if (personalForm.length) {
        const prefix = personalForm.is('#createGuestUserForm') ? 'guest_user' : 'register_user';
        const line = (name) => personalForm.find(`[name="${name}"]`).closest('.popup-line');

        line(`${prefix}_phone`).insertAfter(line(`${prefix}_email`));
        line(`${prefix}_zip`).insertAfter(line(`${prefix}_address`));

        const consents = root.find('.ckm-consents');
        line('terms').addClass('ckm-consent').prependTo(consents);
        line('user_mail_newsletter').addClass('ckm-consent').appendTo(consents);
        consents.find('.ckm-consent input').attr('form', personalForm.attr('id'));

        $(personalForm.prop('elements')).filter('.req').each((index, element) => {
            $(element).closest('.popup-line').children('label').first().addClass('ckm-required');
        });
    }

    root.find('select.parameter, .textual_parameter[data-is_required="1"]').each((index, element) => {
        $(element).closest('label').children('span').first().addClass('ckm-required');
    });
    root.find('#buy-daily-licence > label').addClass('ckm-required');

    // Styled dropdowns instead of the browser's own
    root.find('select').each((index, select) => ckmCustomSelect(select));

    // Summary column: the discount code and the form's submit area (errors, reCAPTCHA, buttons, disclaimer) move next to the totals
    const summary = root.find('.ckm-summary');
    if (summary.length) {
        const discount = root.find('.checkin-discount');
        if (discount.length) {
            summary.find('.ckm-summary-discount').append(discount);
            summary.find('.ckm-discount-toggle').show().on('click', () => summary.toggleClass('is-discount-open'));
        }
        summary.find('.ckm-summary-actions').append(root.find('.ckm-footer'));

        const update = () => updateCheckinSummary(root);
        root.data('ckmSummary', update).on('change input', update);
        update();
    }

    root.find('.ckm-section').each((index, element) => {
        const section = $(element);
        const fields = section.find('.ckm-fields').children().not('script, style, br, input[type=hidden], div:empty');
        section.toggleClass('ckm-section--empty', !fields.length);
    });

    // The sticky header gets a divider once the form scrolls under it
    main.add(root).on('scroll', () => {
        main.toggleClass('is-scrolled', main.scrollTop() > 0 || root.scrollTop() > 0);
    });

    // On phones the close button floats in the card's corner; --ckm-scrollbar keeps it clear of the card's scrollbar
    if (window.ResizeObserver) {
        new ResizeObserver(() => {
            root[0].style.setProperty('--ckm-scrollbar', (root[0].offsetWidth - root[0].clientWidth) + 'px');
        }).observe(root[0]);
    }
}

// Closes the dialog; a card shown in the page (.ckm-inline) is removed
$(document).on('click', '.ckm-close', function (e) {
    e.preventDefault();
    const card = $(this).closest('.ckm-inline');
    if (card.length) {
        card.remove();
        return;
    }
    $(this).closest('.checkinPopup').dialog('close');
});

$(document).on('blur', ".parameter:visible", (e) => {
    $(e.target).css('border-color', '')
    var answer = $(e.target).val();
    if(answer == 'x'){
        $(e.target).css('border-color', 'red')
    }
});

//$(document).on('blur', "#check_licence:visible", (e) => {
//    $(e.target).css('border-color', '')
//    var answer = $(e.target).val();
//    if(answer == 'x'){
//        $(e.target).css('border-color', 'red')
//    }
//});

const validateCustomRequiredChb = () => {
	let customRequiredCheckbox = true;
    removeError('custom_required_checkbox');
	$(".custom-required-chb").each((index, elementItem) => {
		const checkboxHolder = $(elementItem).parent();
		const checked = $(elementItem).is(':checked');

		checkboxHolder.removeClass('is-invalid');
		clearFieldError(elementItem);
		if(!checked) {
            addError("custom_required_checkbox", "Sprejmite vse zahtevane pogoje");
			setFieldError(elementItem, "Sprejmite vse zahtevane pogoje");
			checkboxHolder.addClass('is-invalid');
		}
		
		customRequiredCheckbox &= checked;
	});

	return customRequiredCheckbox;
}

var message_errors = [];
function writeErrors() {
    message_errors.sort(sortErrors);

    $('#checking-error-reporting ul').html("");
    for (var error of message_errors) {
        $('#checking-error-reporting ul').append("<li>" + error[1] + "</li>");
    }
    
    if (message_errors.length > 0) $("#checking-error-reporting h3").css('display', 'initial');
    else $("#checking-error-reporting h3").css('display', 'none');
}

function addError(key, message) {
    var exists = message_errors.some(function(subArray) {
        return JSON.stringify(subArray) === JSON.stringify([key, message]);
    });

    if (!exists) message_errors.push([key, message]);

    writeErrors();
}

function removeError(key) {
    message_errors = message_errors.filter(function(item){ return item[0] != key });
    writeErrors();
}

// Inline copy of an error, right below the field it belongs to (the error list keeps its own copy).
// A checkbox gets it below its row, the licence input below its wrapper with the status icons
function fieldErrorAnchor(element) {
    const field = $(element).first();
    if (field.is(':checkbox')) return field.parent();

    const licenceWrapper = field.parent('.position-relative-m');
    return licenceWrapper.length ? licenceWrapper : field;
}

function setFieldError(element, message) {
    const anchor = fieldErrorAnchor(element);
    if (!anchor.length || !message) return;

    let holder = anchor.data('fieldError');
    if (!holder) {
        holder = $('<span class="ckm-field-error"></span>').insertAfter(anchor);
        anchor.data('fieldError', holder);
    }
    holder.html(message);
}

function clearFieldError(element) {
    $(element).each(function () {
        const anchor = fieldErrorAnchor(this);
        const holder = anchor.data('fieldError');
        if (holder) holder.remove();
        anchor.removeData('fieldError');
    });
}

function sortErrors(a, b) {
    if (a[1] === b[1]) {
        return 0;
    }
    else {
        return (a[1] < b[1]) ? -1 : 1;
    }
}

function writeCategoryRouteErrors() {
    removeError('no_categories_shown');
    removeError('please_select_category');
    removeError('no_duzina_trase');
    removeError('Dolžina trase');
    clearFieldError('#check_category');
    clearFieldError('.select-ruta');

    var number_of_category_options = $('#check_category option').filter(function() {
        return $(this).css('display') !== 'none' && $(this).val() != 'x';
    }).length;

    if (number_of_category_options < 1) {
        addError('no_categories_shown', "Ni kategorij za starost in spol uporabnikov");
        setFieldError('#check_category', "Ni kategorij za starost in spol uporabnikov");
        return;
    }
    else {
        if ( $('#check_category').val() == 'x') {
            addError('please_select_category', "Izberite kategorijo");
            setFieldError('#check_category', "Izberite kategorijo");
            return;
        }
    }

    if ($('.select-ruta').length) {
        var number_of_route_options = $('.select-ruta option').filter(function() {
            return $(this).css('display') !== 'none';
        }).length;

        if (number_of_route_options <= 1) {
            addError('no_duzina_trase', "V tej kategoriji ni nobenih poti");
            setFieldError('.select-ruta', "V tej kategoriji ni nobenih poti");
            return;
        }
        else {
            if ( $('.select-ruta').val() == 'x') {
                addError('Dolžina trase', "Izberite vrednost za parameter: 'Dolžina trase' ");
                setFieldError('.select-ruta', "Izberite vrednost za parameter: 'Dolžina trase' ");
                return;
            }
        }
    }

}

function CheckInParameterCheck() {

	var stop_loop = false
	$('#check_category').removeClass('is-invalid');
	$(".parameter").each(function(index, elementItem) {
		const element = $(elementItem);
		if(element) {
            var route_element_id = $(this).attr('id');
            var route_id = route_element_id.replace("rutes", "");
            removeError(route_id);
            // The route's inline error belongs to writeCategoryRouteErrors()
            if ($(this).attr('name') != 'Dolžina trase') clearFieldError(this);

			element.removeClass('is-invalid');
		}
	});
	
	$(".parameter:visible").each(function(index, elementItem) {
		const element = $(elementItem);
		var answer = $(this).val();
		if(answer == 'x'){
			if(element) {
                
                var route_element_id = $(this).attr('id');
                var route_id = route_element_id.replace("rutes", "");
                var route_name = $(this).attr('name');

                if (route_name != 'Dolžina trase') {
                    addError(route_id, "Izberite vrednost za parameter: " + route_name);
                    setFieldError(this, "Izberite vrednost za parameter: " + route_name);
                }

				element.addClass('is-invalid');
			}
			//alert("Prosimo izberite parametre");
			stop_loop = true;
		}
        else {
            if (element) {
                var route_element_id = $(this).attr('id');
                var route_id = route_element_id.replace("rutes", "");
                removeError(route_id);
            }
        }
	});

	if($('#check_category').val() == 'x'){
		$('#check_category').addClass('is-invalid');
		//alert("Prosimo izberite parametre");
		stop_loop = true;
	}
	
	if(stop_loop === true){
		return false;
	}

		
	return true;
}

function checkLicencesIfRequiredByCategory() {
    var licence_element_exists = $("#check_licence").length;
    var daily_licence_element_exists = $("#buy_daily_licence").length;

    var is_licence_required = $('#check_category').find(':selected').data('licence_requirement');
    var licence_value = $("#check_licence").val();  // Ne mora biti validno, samo da je uneto
    var daily_licence = $("#buy_daily_licence").val();  // Mora imati vrednost

    var is_validated = true;

    removeError('check_licence');
    clearFieldError('#check_licence');
    if (is_licence_required == 1) {
        if ((licence_value == '' || licence_value == null) && licence_element_exists) {
            $("#check_licence").addClass('is-invalid');
            addError('check_licence', "Vnesite licenco 'UCI ID / TZS'");
            setFieldError('#check_licence', "Vnesite licenco 'UCI ID / TZS'");
            var is_validated = false;
        }
        else $("#check_licence").removeClass('is-invalid');
    }
    else $("#check_licence").removeClass('is-invalid');
    
    return is_validated;
}

const guestUserCheckinFormValid = () => {
    if($("#createGuestUserForm")) {
        return validateCreateGuestUserForm($("#createGuestUserForm"));
    }

    return true;
}

const registerUserCheckinFormValid = () => {
    if($("#createRegisterUserCheckinForm")) {
        return validateCreateRegisterUserForm($("#createRegisterUserCheckinForm"));
    }

    return true;
}


function cdtime(container, targetdate){
	if (!document.getElementById || !document.getElementById(container)) return;
	this.container=document.getElementById(container);
	this.currentTime=new Date();
	this.targetdate=new Date(targetdate);
	this.timesup=false;
	this.updateTime();
}
cdtime.prototype.updateTime=function(){
	var thisobj=this;
	this.currentTime.setSeconds(this.currentTime.getSeconds()+1);
	setTimeout(function(){thisobj.updateTime()}, 1000); //update time every second
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
	this.baseunit=baseunit;
	this.formatresults=functionref;
	this.showresults();
}
cdtime.prototype.showresults=function(){
	var thisobj=this;
	var timediff=(this.targetdate-this.currentTime)/1000; //difference btw target date and current date, in seconds
	if (timediff<0){ //if time is up

		this.timesup=true;
		this.container.innerHTML=this.formatresults();
		

		var parent_class = $('#'+this.container.id).parent().attr('class').split(' ')[1];
		var race_id = parent_class.split("_")[1];
		var element_id_o = 'podatki_za_odjavo_'+race_id;
		var element_id_r = 'race_id_button_'+race_id;		
				
		//alert(element_id_r);
		
		$('#'+element_id_o).remove();
		$('.'+element_id_r).remove();
		$('#'+element_id_r).remove();	

		return;
	}

	var oneMinute=60; //minute unit in seconds
	var oneHour=60*60; //hour unit in seconds
	var oneDay=60*60*24; //day unit in seconds
	var dayfield=Math.floor(timediff/oneDay);
	var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour);
	var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute);
	var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));

	if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
		hourfield=dayfield*24+hourfield;
		dayfield="n/a";
	}
	else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
		minutefield=dayfield*24*60+hourfield*60+minutefield;
		dayfield=hourfield="n/a";
	}
	else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
		var secondfield=timediff;
		dayfield=hourfield=minutefield="n/a";
	}
	
	this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield);
	setTimeout(function(){thisobj.showresults()}, 1000); //update results every second		
}

function formatresults(){
	if (this.timesup==false){ //if target date/time not yet met
		var displaystring="<b>"+arguments[0]+"dni "+arguments[1]+"ur "+arguments[2]+" m</b>";
	} else { //else if target date/time met
		var displaystring="<b>predprijave so zaključene!</b>"; //Don't display any text
	}
	return displaystring;
}
/*
function initCalendarHover() {
	var calendarHoverConf = {    
	     over: calendarHoverAction, // function = onMouseOver callback (REQUIRED)    
	     timeout: 0, // number = milliseconds delay before onMouseOut   
	     interval: 0, 
	     out: calOutAction // function = onMouseOut callback (REQUIRED)    
	};
	$("#calendar select").mouseleave(function(event){
		event.stopPropagation();
	});
	$('#calendar .cal-col-2 a').click(function(){
		var close = $(this).closest('tr');
		if ($(close).hasClass('active')) {
			$(close).removeClass('active');
		}else{
			$(close).addClass('active');
		}
	});
	//$('#calendar .cal-col-1, #calendar .cal-col-2, #calendar .cal-col-3').hoverIntent(calendarHoverConf);
	//$('#calendar .cal-col-1, #calendar .cal-col-2, #calendar .cal-col-3').live('click', calendarHoverAction);
	
	var wWidth = $('body').width();
	if(wWidth > 460){
		var dWidth = wWidth * 0.5;
	}else{
		var dWidth = wWidth * 0.9;
	}
	
	$( ".checkinPopup" ).dialog({
		modal: true,
		width: dWidth,
		autoOpen: false,
		resizable: false,
		draggable: false
	});
}
*/
function initCalendarDescription() {
	/*$(".thead").live("click", function(e) {					
		var trt = $(this).next();
		var desc = $(this).next().find("div.holder");		
		$(".tdesc.open div.holder").animate({height: "0px"}, 500, 'linear', function() {
			var tr = $(this).parent().parent();
			$(tr).css('display', 'none');
			$(tr).removeClass('open');
		});
		if (trt.hasClass('open')) return;
		trt.addClass('open');
		trt.css('display', 'table-row');
		hght = desc.find("div").height();
		desc.animate({height: hght}, 500, 'linear', function() {
		
		});
	});
	*/	
}

/**
 * element must be a instance of jquery $({"selector"|element|etc})
 */
const simpleTextValidation = (element, lengthRequired = 0, displayError = false) => {
	if(!element) {
		return false;
	}

	if(displayError) {
		element.removeClass('is-invalid')
	}
	
	if(element.val().length <= lengthRequired) {
		if(displayError) {
			element.addClass('is-invalid');
		}
		
		return false;
	}

	return true;
}

const validateTextualParameters = () => {
	let textualParametersValid = true;
	const textualParameters = $('.textual_parameter');

	if(textualParameters.length == 0) {
		return true;
	}

	textualParameters.each((index, elementItem) => {
		const element = $(elementItem);
		console.log("🚀 ~ file: calendar_addon.php:279 ~ textualParameters.each ~ element:", element)
        var text_param_name = $(elementItem).data('param_name');
        removeError(text_param_name);
		clearFieldError(element);
		element.removeClass('is-invalid');

		var is_required = $(elementItem).data('is_required');
		if (is_required == 0) {
			var validationResult = true;
		}
		else {
			var validationResult = simpleTextValidation(element);
		}

		if(!validationResult) {
            addError(text_param_name, "Vnesite vrednost za parameter: " + text_param_name);
			setFieldError(element, "Vnesite vrednost za parameter: " + text_param_name);
			element.addClass('is-invalid');
		}
		textualParametersValid &= validationResult;
	});

	return textualParametersValid;
}

const checkDonation = () => {
	const element = document.querySelector('input[type=number][name=donation]');
	if(element) {
		element.classList.remove('is-invalid');
		removeError('donation');
		clearFieldError(element);

		const min_donation = element.dataset.min_donation;
		if(+element.value != 0) {
			if(+element.value < min_donation) {
				element.classList.add('is-invalid');
				addError('donation', element.dataset.min_donation_message);
				setFieldError(element, element.dataset.min_donation_message);
				return false;
			}
		}
	}
	
	return true;
}

const validateRequiredCheckbox = (selector, error_label, error_message) => {
    const element = document.querySelector(`${selector}`);
    if(element) {
		$(selector).parent().removeClass('is-invalid')
        removeError(error_label);
		clearFieldError(selector);

		const checked = document.querySelector(`${selector}`).checked;

		if(!checked) {
			$(selector).parent().addClass('is-invalid');
            addError(error_label, error_message);
			setFieldError(selector, error_message);
		}

        return checked;
    }

    return true;
}

const validateBuyDailyLicence = (selector) => {
    const dailyLicenceHolder = document.querySelector("#buy-daily-licence");

	const dailyLicenceElement = $(`#buy_daily_licence`);
	dailyLicenceElement.removeClass('is-invalid');
	removeError('daily_licence');
	clearFieldError(dailyLicenceElement);

    if( dailyLicenceHolder && !dailyLicenceHolder.classList.contains('d-none-m') && dailyLicenceElement.val() == '' ) {
		dailyLicenceElement.addClass('is-invalid');
		addError('daily_licence', "Izberite vrednost za dnevno licenco");
		setFieldError(dailyLicenceElement, "Izberite vrednost za dnevno licenco");

		return false;
	}

	return true;
}

const getDonation = () => {
	const element = document.querySelector('input[type=number][name=donation]');
	if(element) {
		return element;
	}
	return false;
}

function multiChangeCheckin(match_id,user,parameters,type,dataz , parameter_type,redirect,form_id){
	var redirect = redirect || true;
	if($("#stafeta_id").length > 0){
		var stafeta_id = $("#stafeta_id").val();
	}else{
		var stafeta_id = null;
	}
	
	if(parameter_type == null){
		
	}
	
	var form_data = {
		match : match_id,
		club  : $("#check_club").val(),
		club_other: $("#check_club_other").val(),
		user  : user,
		category: dataz.category[user],
		licence: dataz.licence[user],
		licence2: $("#check_licence2").val(),
		parent: $("#mainUser").val(),
		licence_valid: $("#licence_valid").val(),
		type  : type,
		parameters : parameters,
		param_type :  (parameter_type != null) ? parameter_type[0] :' ' ,
		duatlon_t : dataz.duatlon_type[user],
		stafeta : parseInt(stafeta_id),
		admin_id : $('#checked_by').val(),
		payment_item_id : $("input[name=payment_item_id]").val(),
		discount_parameter: $("input[type=hidden][name=discount_parameter]").val(),
		ajax  : '1',
        discount_code: $('input[type=text][name=discount_code]').val(),
	};
    
	//new textual logic
	if($('.textual_parameter').length > 0){
	     var txt_p = Array();
        	$('#form-'+form_id).find('.textual_parameter').each(function() {
     			var txt_value = $(this).val();
     			var txt_parent = $(this).attr('id');
     			var txt_parameter = txt_value+"|"+txt_parent;
     			txt_p.push(txt_parameter);
     		});
     }
        //   
		form_data.txt_parameter = txt_p;
	
	
	var admin_id = $('#checked_by').val();
        $.ajax({
			url: base_url+'ajax/changeCheckinCalendar',
			type: 'POST',
			async : false,
			data: form_data,
			dataType: "text",
			success: function(msg) 
			{
				if(type == 'check'){
					//get last inserted checkin
					$.get( "/ajax/get_last_user_checking/"+form_data.user, function( data ) {
					  	console.log("🚀 ~ $.get ~ data:", data)
					  	//$( ".result" ).html( data );
						//$('.checkinPopup').dialog('close');
						
						//window.setTimeout(function(){location.reload()},0);
						if(typeof  admin_id == 'undefined'){
							if(data.checking_id != 'false'){
								if(redirect == true){
									window.setTimeout(function(){location.replace("/payments/payments_type/"+form_data.match+"/"+data.checking_id)},0);
								}
								}else{
									if(redirect == true){
										window.setTimeout(function(){location.reload()},0);
									}	
									noty({text: 'Uspešna prijava na tekmo', type: "success"});
								}
						}else{
							if(redirect == true){
								window.setTimeout(function(){location.reload()},0);
							}
							noty({text: 'Uspešna prijava na tekmo', type: "success"});
						}
					
					},'json');

					return;
				}
				
				if(type == 'uncheck'){
					$.get( "/ajax/get_paid_status/"+form_data.user+"/"+form_data.match, function( data ) {
					
                    if(data.c_paid == 1 || data.c_paid == 4){
						noty({text: 'Odjava ni mogoča, ker je označeno plačilo startnine. Kontaktirajte nas info@prijavim.se', type: "error"}); 
					}else{
						noty({text: 'Uspešno ste se odjavili', type: "success"});
						window.setTimeout(function(){location.reload()},0);
					}
					},'json');
					
				}
				
				//window.location.href = window.location.pathname;
				return false;
				//console.log("prijavim.se Database Interaction!")    
				$("#matchCol"+matchi).fadeOut(function(){
					$(this).html(msg).fadeIn();
					//initCalendarHover();
					window.location.href = window.location.pathname;
				})
			}

		});
	

}

//same category checking
function multiCheckingsCategory(match_id,user,parameters,type,dataz , parameter_type,redirect){
	var redirect = redirect || true;
	if($("#stafeta_id").length > 0){
		var stafeta_id = $("#stafeta_id").val();
	}else{
		var stafeta_id = null;
	}
	
	
	var form_data = {
			match : match_id,
			club  : $("#check_club").val(),
			club_other: $("#check_club_other").val(),
			user  : user,
			category: $("#check_category").val(),
			licence: dataz.licence[user],
            licence2: $("#check_licence2").val(),
            licence_valid: $("#licence_valid").val(),
            parent: $("#mainUser").val(),
			type  : type,
			parameters : parameters,
			param_type : parameter_type,
			duatlon_t : dataz.duatlon_type[user],
			stafeta : parseInt(stafeta_id),
			admin_id : $('#checked_by').val(),
			payment_item_id : $("input[name=payment_item_id]").val(),
			discount_parameter: $("input[type=hidden][name=discount_parameter]").val(),
			ajax  : '1',
            discount_code: $('input[type=text][name=discount_code]').val(),
	};
    
	var admin_id = $('#checked_by').val();
			$.ajax({
			url: base_url+'ajax/changeCheckinCalendar',
			type: 'POST',
			async : false,
			data: form_data,
			dataType: "text",
			success: function(msg) 
			{
				if(type == 'check'){
				
					//get last inserted checkin
					$.get( "/ajax/get_last_user_checking/"+form_data.user, function( data ) {
					  //$( ".result" ).html( data );
					  
					
				
					//$('.checkinPopup').dialog('close');
					
					//window.setTimeout(function(){location.reload()},0);
					if(typeof  admin_id == 'undefined'){
						if(data.checking_id != 'false'){
							if(redirect == true){
								window.setTimeout(function(){location.replace("/payments/payments_type/"+form_data.match+"/"+data.checking_id)},0);
							}
							}else{
								if(redirect == true){
									window.setTimeout(function(){location.reload()},0);
								}

								noty({text: 'Uspešna prijava na tekmo', type: "success"});
							}
					}else{
						if(redirect == true){
							window.setTimeout(function(){location.reload()},0);
						}
						noty({text: 'Uspešna prijava na tekmo', type: "success"});
					}
					
					},'json');
				}
				if(type == 'uncheck'){
					$.get( "/ajax/get_paid_status/"+form_data.user+"/"+form_data.match, function( data ) {
                        if(data.c_paid == 1 || data.c_paid == 4){
                            noty({text: 'Odjava ni mogoča, ker je označeno plačilo startnine. Kontaktirajte nas info@prijavim.se', type: "error"}); 
                        }else{
                            noty({text: 'Uspešno ste se odjavili', type: "success"});
                            window.setTimeout(function(){location.reload()},0);
                        }
					},'json');				
				}
				
				//window.location.href = window.location.pathname;
				return false;
				//console.log("prijavim.se Database Interaction!")    
				$("#matchCol"+matchi).fadeOut(function(){
					$(this).html(msg).fadeIn();
					//initCalendarHover();
					window.location.href = window.location.pathname;
				})
			}

		});
	
}

// for raw js elements
const isElementVisible = (element) => {
  return element.offsetParent !== null;
}

const getBuyDailyLicenceValue = () => {
    const dailyLicenceSelect = $(`#buy_daily_licence`);
    const dailyLicenceHolder = $("#buy-daily-licence");
    if(dailyLicenceHolder.is(":visible")) {
        return dailyLicenceSelect.val();
    }

    return 0;
}



function changeCheckin(matchi, user, parameters, type, club,parameter_type,redirect, register_user = false){
	var redirect = redirect || true;
    
	//duatlon type
	if($("#duatlon_type").length > 0){
		var duatlon_type = $("#duatlon_type").val();
	}else{
		var duatlon_type = null;
	}
	
	if($("#stafeta_id").length > 0){
		var stafeta_id = $("#stafeta_id").val();
	}else{
		var stafeta_id = null;
	}

	let donation = 0;
	let is_donation = 0;

	if(getDonation()) {
		donation = getDonation().value;
		is_donation = 1;
	}

    const bought_daily_licence = getBuyDailyLicenceValue();
	
	var form_data = {
		match : matchi,
		club  : $("#check_club").val(),
		club_other: $("#check_club_other").val(),
		user  : user,
		category: $("#check_category").val(),
		licence: $("#check_licence").val(),
		licence2: $("#check_licence2").val(),
		licence_valid: $("#licence_valid").val(),
		parent: $("#mainUser").val(),
		type: type,
		donation,
		is_donation,
        camp_params: getCampParameters(),
		parameters : parameters,
		param_type : parameter_type,
		duatlon_t : duatlon_type,
		stafeta : parseInt(stafeta_id),
		payment_item_id : $("input[name=payment_item_id]").val(),
		discount_parameter: $("input[type=hidden][name=discount_parameter]").val(),
        accept_general_terms: getCheckboxValue('input[type=checkbox][name=accept_general_terms]'),
		accept_using_images: getCheckboxValue('input[type=checkbox][name=accept_using_images]'),
		accept_newsletter: getCheckboxValue('input[type=checkbox][name=accept_newsletter]'),
        bought_daily_licence,
		custom_consents: getCustomConsent(),
		ajax  : '1',
        discount_code: $('input[type=text][name=discount_code]').val(),
		invite_checking_form: parseInt($("#invite_checkin_form").val())
	};
	
	var admin_id = $('#checked_by').val();
	if(typeof  admin_id == 'undefined'){
		//console.log("🚀 ~ file: calendar_addon.php:507 ~ changeCheckin ~ typeof  admin_id == 'undefined':", typeof  admin_id == 'undefined')
	}else{
		form_data.admin_id = admin_id;
	}
	        
	//new textual logic
	var txt_p = Array();
	$('.textual_parameter').each(function() {
		var txt_value = $(this).val();
		var txt_parent = $(this).attr('id');
		var txt_parameter = txt_value+"|"+txt_parent;
		txt_p.push(txt_parameter);
	});
	
	form_data.txt_parameter = txt_p;
	var redirect_to = '';
		
    if (register_user != false) form_data.register_user = register_user;

	$.ajax({
		url: base_url + 'ajax/changeCheckinCalendar',
		type: 'POST',
		async: false,
		data: form_data,
		dataType: "text",
		success: function (msg) {

			if (type == 'check') {
				//get last inserted checkin

				$.get("/ajax/get_last_user_checking/" + form_data.user, function (data) {
					//$( ".result" ).html( data );
					//$('.checkinPopup').dialog('close');

					//window.setTimeout(function(){location.reload()},0);
					if(data.c_paid == 1) {
						noty({text: 'Uspešna prijava na tekmo', type: "success"});
					}
					
					if (typeof admin_id == 'undefined') {
						if (data.checking_id != 'false') {
							if (redirect == true) {
								try {
									const result_msg = JSON.parse(msg);
									if (result_msg.used_100_discount && result_msg.used_100_discount == true) {
										noty({text: result_msg.message, type: "success"});
										window.setTimeout(function () { location.replace("/calendar/?full_discount=true") }, 1500);
										return true;
									}
								} catch (e) {}

								if (redirect_to != '') {
									var m = 'all';
									///payments/proforma/all/2700
									window.setTimeout(function () { location.replace("/payments/proforma/all/" + form_data.match + "/") }, 0);

								} else {
									//var m = form_data.match;

									var redirect_data = data;
									window.setTimeout(function () { location.replace("/payments/payments_type/" + form_data.match + "/" + redirect_data.checking_id + "/") }, 0);
								}
								// noty({text: 'Uspešna prijava na tekmo', type: "success"});

							}

						} else {
						}
					} else {

						var url = window.location.href;

						if (redirect == true) {
							if (url.indexOf("calendar") >= 0 && url.indexOf("group_register") < 0) {
								
								try {
									const result_msg = JSON.parse(msg);
									if (result_msg.used_100_discount && result_msg.used_100_discount == true) {
										noty({text: result_msg.message, type: "success"});
										window.setTimeout(function () { location.replace("/calendar/?full_discount=true") }, 1500);
										return true;
									}
								} catch (e) {}

								window.setTimeout(function () { location.replace("/payments/proforma/all/" + form_data.match + "/") }, 0);
							} else {
								if (redirect_to != '') {
									try {
										const result_msg = JSON.parse(msg);
										if (result_msg.used_100_discount && result_msg.used_100_discount == true) {
											noty({text: result_msg.message, type: "success"});
											window.setTimeout(function () { location.replace("/calendar/?full_discount=true") }, 1500);
											return true;
										}
									} catch (e) {}

									var m = 'all';
									window.setTimeout(function () { location.replace("/payments/proforma/all/" + form_data.match + "/") }, 0);

								} else {
									window.setTimeout(function () { location.reload() }, 0);
								}
							}
						}


						//noty({text: 'Uspešna prijava na tekmo', type: "success"});
					}

				}, 'json');
			}
			if (type == 'uncheck') {
				$.get("/ajax/get_paid_status/" + form_data.user + "/" + form_data.match, function (data) {
					console.log("🚀 ~ data:", data)
					if (data.c_paid == 1 || data.c_paid == 4) {
						noty({ text: 'Odjava ni mogoča, ker je označeno plačilo startnine. Kontaktirajte nas info@prijavim.se', type: "error" });
					} else {
						noty({ text: 'Uspešno ste se odjavili', type: "success" });
						window.setTimeout(function () { location.reload() }, 0);
					}
				}, 'json');
			}

			//window.location.href = window.location.pathname;
			return false;
			//console.log("prijavim.se Database Interaction!")    
			$("#matchCol" + matchi).fadeOut(function () {
				$(this).html(msg).fadeIn();
				//initCalendarHover();
				window.location.href = window.location.pathname;
			})
		}
	});
}

const getCheckboxValue = (selector) => {
    const element = document.querySelector(`${selector}`);
    if(element) {
        return element.checked ? 1 : 0
    }

    return -1;
}

const campParamExists = () => {
    if(document.getElementById('camp_param_main')) {
        return true;
    }

    return false;
}

const vallidateCampParam = () => {
    $('#camp_param_main').removeClass('is-invalid');

    if(campParamExists()) {
        removeError('camp_main');
        if(getMainCampParamValue() == -1) {
			$('#camp_param_main').addClass('is-invalid');
            addError('camp_main', "Izberite ali želite kamp");
			return false;
		}

        if(getMainCampParamValue() == 4) {
            // ovde proveriti da li su vrenosti za polja number i da li su setovana, ako nisu vratiti false da se blokira dugme za checkinGuestUser
            let campParamValid = true;
            document.querySelectorAll('.camp-child-input').forEach((element) => {
                element.classList.remove('is-invalid');

                var camp_param_name = $(element).data('param_name');
                removeError(camp_param_name);
                
                if((element.value == '') || (element.value < 0)) {
                    element.classList.add('is-invalid');
                    addError(camp_param_name, "Vnesite vrednost tabora: " + camp_param_name);
                    campParamValid &= false;
                }

				console.log("Odjen🚀 ~ file: calendar_addon.php:667 ~ document.querySelectorAll ~ element.name:", element.name)
				if(element.name == 'camp_param_child_1_3') {
					console.log("🚀 ~ file: calendar_addon.php:667 ~ document.querySelectorAll ~ element.name:", element.name)
					const errorMessageElement = document.querySelector(".error_message_camp_param_child_1_3");
					if(errorMessageElement) {
						errorMessageElement.classList.add('d-none-m');
						if(element.value > 2) {
							document.querySelector(".error_message_camp_param_child_1_3").classList.remove('d-none-m');
							element.classList.add('is-invalid');
                            addError(camp_param_name, "Največje število dni za rezervacijo je 2");
							campParamValid &= false;	
						}
					}
				}
            });

            return campParamValid;
        }
    }
    
    return true;
}

const getMainCampParamValue = () => {
    const element  = document.getElementById('camp_param_main');
    
    if(element) return element.value;

    return false;
}

const getCampParameters = () => {
    if(campParamExists()){
        let campParamValues = [
            `${$('#camp_param_main').data('param_id')}$$${getMainCampParamValue()}`
        ];

        if(getMainCampParamValue() == 4) {
            $('.camp-child-input').each((index, element) => {
                const elementValue = `${$(element).data('param_id')}$$${$(element).val()}`
                campParamValues.push(elementValue)
            });

            return campParamValues.join(',');
        }

        return campParamValues.join(',');
    }

    return '-1';
}

//const calculateCampPrice = () => {
//    const useCamp = $("#camp_param_main").val();
//    if(useCamp == 4) {
//        const price = +$("#camp_param_main").data('price');
//        let childElementsVal = 1;
//        $('.camp-child-input').each((index, element) => {
//            if(($(element).val() != '') && ($(element).data('param_id') != 6)) {
//                childElementsVal *= +$(element).val();
//                console.log('childElementsVal', childElementsVal);
//            }
//        });
//
//        const totalcampPrice = childElementsVal * price;
//        const currencySing = $("#camp-param-currency").val();
//        $('#camp-price').html(`(${totalcampPrice}${currencySing})`)
//        return;
//    }
//    $('#camp-price').html('')
//}

const validateBasicForm = () => {
	let formErrors = [];
	let formValid = true;

	if(!validateTextualParameters()) {
		formErrors = [...formErrors, 'Textual parameter invalid'];
		formValid &= false;
	}

	if(!validateBuyDailyLicence()) {
		formErrors = [...formErrors, 'Daily licence invalid'];
		formValid &= false;
	}
	
	if(!CheckInParameterCheck()) {
		formErrors = [...formErrors, 'Parameters invalid'];
		formValid &= false;
	}

	if(!checkDonation()) {
		formErrors = [...formErrors, 'Donation invalid'];
		formValid &= false;
	}

	//if(!vallidateCampParam()) {
	//	formErrors = [...formErrors, 'Camp parameter invalid'];
	//	formValid &= false;
	//}

	if(!validateRequiredCheckbox('input[type=checkbox][name=accept_general_terms]', 'general_terms', "Sprejmite določila in pogoje")) {
		formErrors = [...formErrors, 'Required checkbox invalid'];
		formValid &= false;
	}

	if ( $('input[type=checkbox][name=accept_using_images]').length && !validateRequiredCheckbox('input[type=checkbox][name=accept_using_images]', 'image_terms', "Potrdite soglasje za fotografiranje in snemanje") ) {
		formErrors = [...formErrors, 'Required checkbox invalid'];
		formValid &= false;
	}
	
	if(!guestUserCheckinFormValid() ) {
		formErrors = [...formErrors, 'Guest user checkin form invalid'];
		formValid &= false;
	}

    if(!registerUserCheckinFormValid() ) {
		formErrors = [...formErrors, 'Register user checkin form invalid'];
		formValid &= false;
	}
	
	if(!validateCustomRequiredChb()) {
		formErrors = [...formErrors, 'Custom required checkbox invalid'];
		formValid &= false;
	}

    if(!checkLicencesIfRequiredByCategory()) {
        formErrors = [...formErrors, 'Licence fields are required for this category'];
		formValid &= false;
    }

    writeCategoryRouteErrors();
    writeErrors();
	console.log("🚀 ~ file: calendar_addon.php:849 ~ validateBasicForm ~ formErrors:", formErrors)
	console.log("🚀 ~ file: calendar_addon.php:855 ~ validateBasicForm ~ formValid:", formValid)

	return formValid;
}

$(document).ready(function() {

	$('.remember-click').on('click',function(){
		//console.log(this);
		
		datas = {};
		datas.match_id = $(this).attr('data-match_id');
		datas.selector = this.id; 
		var href = '/register/newUser/'+$(this).attr('data-match_id');
		 $('.register-user').attr('href',href);
		$.post(base_url+"ajax/openChecking/", datas, function(data) { 
							//$( "#race_id_checkin_"+match_id ).html(data);
		},'html');
	
	});

	// Live validation: keeps the error list current; it is shown once the submit button has been pressed (validateCheckinOnSubmit)
	$(document).on('change', '.parameter, #camp_param_main, .custom-required-chb, input[type="checkbox"][name="accept_general_terms"], input[type="checkbox"][name="accept_using_images"]', () => validateBasicForm());
	$(document).on('keyup', '.camp-child-input, .textual_parameter, input[type="number"][name="donation"]', () => validateBasicForm());
	$(document).on('blur', 'input[type=text][name=licence]', () => validateBasicForm());

	$(document).on('change', '#buy_daily_licence', function () {
		if ($(this).is(':visible')) {
			validateBasicForm();
		}
	});

	$(document).on('click', '.toggleInfo', function (e) {
		//alert(this.id);
		//alert(e.target.id);
		$('.show_additional_data').hide();
		$('#descCol'+this.id).show();
	})
	
	/*
	$('.toggleInfo').click(function(){
		var trt = $(this).closest('tr').next();
		var desc = $(this).closest('tr').next().find("div.holder");
		//$('.tdesc').css('display', 'none');

		$(".tdesc.open div.holder").animate({height: "0px"}, 500, 'linear', function() {
			$('.tdesc').css('display', 'none');
			$('.tdesc').removeClass('open');			
		});
		
		if (trt.hasClass('open')) return;
		trt.addClass('open');
		trt.css('display', 'table-row');
		hght = desc.find("div").height();
		desc.animate({height: hght}, 500, 'linear', function() {
		
		});	
	})
	*/
	
	
	/// We need to send request to database to add or remove specific user checkin for a specific match!

	$(document).on('click', '#checkin', function (e) {
		e.preventDefault($('.textual_parameter').val());

		// Pages with their own #checkin handler (group discount code, loader) bind it later; it must not run for an invalid form
		if (!validateCheckinOnSubmit(this)) {
			e.stopImmediatePropagation();
			return false;
		}

        var match    = $(this).attr("match");
		var club    = $(this).attr("club");
        var user_id  = $(".personCheck"+match).val();
        var textual_parameter =  $('.textual_parameter').val();
        var param_id  = $('.textual_parameter').attr('id');

     	if($('#check_licence').hasClass('licence_important')){
     		if($('#check_licence').val().length == 0  && $('#check_licence2').val().length == 0){
     			alert('Licenca je obvezna');
     			return false;
     		}
     		//Licenca je obavezna
     	}
		
        var parameters = new Array();
        $(".parameter:visible").each(function() {
			// Ukoliko ima donaciju i ukoliko je name parent-a 'Dolžina trase', tada izuzeti dohvatanje cene
            var answer = $(this).val();
            var parent = $(this).attr("parent");
            var parameter = answer+"$$"+parent;
            parameters.push(parameter);
        });
        
        // Proveriti da li je guest prijava, ako jeste pozvati tu funkciju
        if($(this).hasClass('btn-guest-user-login')) {
			console.log("Odavde pozivam 1130");
			if(!$(e.target).attr('disabled')) {
				$(e.target).attr('disabled', true);
				
				if ( $(this).hasClass('checkin-and-add-more-users') ) {
					guest_reload = true;
				}
				
				checkinGuestUser(match, parameters, textual_parameter, true, e.target);
				return;
			}
        }

        // Proveriti da li je prijava gde se registruje nov korisnik i povezuje sa ulogovanim korisnikom
        var register_user = false;
        if($(this).hasClass('btn-register-user-login')) {
			console.log("Odavde pozivam 1130");
			if(!$(e.target).attr('disabled')) {
				$(e.target).attr('disabled', true);
				var child_user_id = checkinRegisterUser(match, parameters, textual_parameter, true, club);

                console.log(child_user_id);
                if (child_user_id == null) return;
                else {
                    user_id = child_user_id;
                    var register_user = true;
                }
				//return;
			}
        }

        const isCampParamExists = campParamExists();

        console.log("🚀 ~ file: calendar_addon.php:990 ~ $ ~ textual_parameter:", textual_parameter)
        if(textual_parameter){
			var stextural_value = textual_parameter;
			var sparam_id = param_id;
            var test =  0+"$$"+param_id;
            //parameters.push(stextural_value);
            parameters.push(test);
			changeCheckin(match, user_id, parameters, "check", club,stextural_value,true, register_user);
        }else{
			changeCheckin(match, user_id, parameters, "check", club,null,true, register_user);
        }

     	// changeCheckin(match, user_id, parameters, "check", club,null);

		$.fancybox.close();
    }); 

	$(document).on('click', '.checkin-and-add-more-users', function(e) {
        $("input[type=hidden][name=checkin-check-more-users]").val(0);
		console.log("Odavde krećen 1060");
		e.preventDefault();

		// This handler reloads the page further down, so it may only go ahead with a valid form
		if (!validateCheckinOnSubmit(this)) {
			return;
		}

        $("input[type=hidden][name=checkin-check-more-users]").val(1);
        console.log("🚀 ~ file: calendar_addon.php:1156 ~ $ ~ ", $("input[type=hidden][name=checkin-check-more-users]").val())
		
        var match    = $(this).attr("match");
		//var club    = $(this).attr("club");
        //var user_id  = $(".personCheck"+match).val();
        //var textual_parameter =  $('.textual_parameter').val();
        //var param_id  = $('.textual_parameter').attr('id');
        //var stop_loop = false;
        //
        //$(".parameter:visible").each(function() {
        //    var answer = $(this).val();
		//	if(answer == 'x'){
		//		alert("Prosimo izberite parametre");
		//		event.preventDefault();
		//		stop_loop = true;
		//		return false;
		//	}
        //});
        //
        //if($('#check_category').val() == 'x'){
        //	alert("Prosimo izberite parametre");
		//	event.preventDefault();
		//	stop_loop = true;
		//	return false;
        //}
        //
        //if(stop_loop === true){
       	//	return false;
        //}
        //
      //
     	//if($('#check_licence').hasClass('licence_important')){
     	//	if($('#check_licence').val().length == 0  && $('#check_licence2').val().length == 0){
     	//		alert('Licenca je obvezna');
     	//		return false;
     	//	}
     	//	//Licenca je obavezna
     	//}
		//
        //var parameters = new Array();
        //$(".parameter:visible").each(function() {
		//	// Ukoliko ima donaciju i ukoliko je name parent-a 'Dolžina trase', tada izuzeti dohvatanje cene
        //    var answer = $(this).val();
        //    var parent = $(this).attr("parent");
        //    var parameter = answer+"$$"+parent;
        //    parameters.push(parameter);
        //})
        //
        //// Proveriti da li je guest prijava, ako jeste pozvati tu funkciju
        //checkinGuestUser(match, parameters, textual_parameter, true);
		//$(e.target).attr('disabled', false);

		if($("#checkin")) {
			guest_reload = true;
			$("#checkin").click();
		}

        $.post('/ajax/writeStoreGuestSession', { match_id: match }).done(function(response) {
            window.setTimeout(function () {
				location.reload() 
			}, 1000);
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
        });

        // location.reload();
    }); 
    
	$(document).on('click', '.checkout', function(e) {
		e.preventDefault();
        match    = $(this).attr("match");
        user_id  = $(".personUncheck"+match).val();
        $('#race_id_checkin_'+match).dialog('close');
       
		$("#checkoutConfirm").dialog({
			modal: true,
			width: 401,
			resizable: false,
			draggable: false
			});
		$('.close').on('click',function(){
		
			$('#checkoutConfirm').dialog('close');
		});

		$(document).on('click', '.checkout-me', function() {
			changeCheckin(match, user_id, 0, "uncheck");
			$("#modernCheckoutModal").fadeOut();
		
		});

		$("#modernCheckoutModal").fadeIn();
        $("#check-out-modal").show();
        
        
        //changeCheckin(match, user_id, 0, "uncheck");
        
    });
	
	var wWidth = $('body').width();
	if(wWidth > 601){
		var dWidth = 601;
	}else{
		var dWidth = wWidth * 0.9;
	}
	
	
	$( ".checkinPopup" ).dialog({
		modal: true,
		width: dWidth,
		autoOpen: false,
		resizable: false,
		draggable: false
	});

   	$(document).on('click', '.checkoutButton', function(e) {
		e.preventDefault();
		var popup = $( "#"+e.target.id.replace('button', 'checkin') );
		// if user has childs there is a popup for choosing which player to checkin. 
		if ($.trim(popup.html()) != "") {
		
			// show popup
			
			popup.dialog( "open" );
		} else {
			// if there is no popup, then user does not have childs. lets check him out. ADD show confirmation popup
			var match = $(this).data('match_id');
			var user_id = $(this).data('user_id');
			$('.chechout-me').attr('data-match_id',match);
			$('.chechout-me').attr('data-user_id',user_id);
			
				$("#checkoutConfirm").dialog({
			    	modal: true,
					width: dWidth,
					resizable: false,
					draggable: false
			     });
		       		$('.close').on('click',function(){
		       		
		       			$('#checkoutConfirm').dialog('close');
		       		});

		       		$(document).on('click', '.checkout-me', function() {
		       			changeCheckin(match, user_id, 0, "uncheck");
						$("#modernCheckoutModal").fadeOut();
		       		});
			
		}
   });

   $(document).on('change', '#select-checkin', function(e) {
   		var optionSelected = $("option:selected", this);
    	var valueSelected = this.value;
   		var match = $('#select-checkin').attr('data_id');
   		
   		var main_user = $(this).children(":selected").attr("id");
   	if(main_user > 0){
   		$('#showcalpopup'+match).attr('href', '/ajax/userCheckinForm/main/'+match+'/'+valueSelected+'/'+main_user);
   	}else{
   		$('#showcalpopup'+match).attr('href', '/ajax/userCheckinForm/main/'+match+'/'+valueSelected);
   	}
   	
   });

   	$(document).on('click', '.checkinButton', function(e) {
            message_errors = [];

            e.preventDefault();
            $(".checkinPopup").dialog('destroy').remove();
            //var match_id = $( e.target ).data("match_id");
            var match_id = $(this).attr('data-match_id');
            
            //var stop = $( e.target ).data("stop");
            var stop = $(this).attr('data-stop');
            
            $('.display-uidialog').empty();
            
            //if($('#race_id_checkin_'+match_id+'').length == 0){
                if (!$( this ).hasClass("direct")) {
                    $('.display-uidialog').html('<div style="display: none;" id="race_id_checkin_'+match_id+'" class="checkinPopup"></div>');
                }
                
                if($( "#race_id_checkin_"+match_id )) {
                    $('.display-uidialog').html('<div style="display: none;" id="race_id_checkin_'+match_id+'" class="checkinPopup"></div>');
                }

                var popup = $( "#race_id_checkin_"+match_id );
                var close_pop = $('.checkinPopup ');
                popup.dialog({
                    autoOpen: false,
                    modal: true,
                    width: dWidth,
                    autoOpen: false,
                    resizable: false,
                    draggable: false,
                    zIndex: 100002,
                    close : function(event, ui) {
                        $(".checkinPopup").dialog('destroy').remove();
                    }
                });
                //get dialog 
                datas = {};
                datas.match_id = match_id;
                datas.stop = stop;
                
                
                // if user has childs there is a popup for choosing which player to checkin. 
                if (!$( this ).hasClass("load-ajax")) {
                    // show popup
                    if (modernCheckinEnabled()) {
                        datas.checkin_layout = 'modern';
                    }

                    $.post(base_url+"ajax/get_popup/"+match_id, datas, function(data) {
                        popup.html(data);

                        // Card layout of the participant chooser (_childs-checkin.php)
                        if (popup.find('.ckm-chooser').length) {
                            popup.dialog('option', 'dialogClass', 'ckm-chooser-dialog');
                            popup.find('.ckm-choice select').each((index, select) => ckmCustomSelect(select));
                        }

                        popup.dialog( "open" );
                    },'html');

                } else {
					
                    // if there is no popup, then user does not have childs. lets show him the checkin form.
                    $.get( $(this).attr('href'), modernCheckinEnabled() ? { checkin_layout: 'modern' } : {}, function( data ) {
                        console.log("🚀 ~ file: calendar_addon.php:1181 ~ $.get ~ data:", data)
                        if(data.includes('competitor_global_limit_error')) {
                            console.log("🚀 ~ file: calendar_addon.php:1183 ~ $.get ~ data.includes('competitor_global_limit_error'):", data.includes('competitor_global_limit_error'))
                            const error = JSON.parse(data);
                            $(".checkinPopup").dialog('destroy').remove();
                            noty({text: error.message, type: "error"});
                            return;
                        }
                        
                        showCheckinForm(popup, data);

						$('.ui-dialog').css('z-index', 100009);
						$('.ui-widget-overlay').css('z-index', 100008);

                        validateBasicForm();
                        console.log("🚀 ~ file: calendar_addon.php:1192 ~ $.get ~ popup.dialog(open):", popup.dialog("open"))
                    });	

                    /*popup.load($(e.target).attr('href'), function() {
                        popup.dialog("open");
                    });*/
                }
            //}

   });
   
   	$(document).on('change', '#check_club', function() {
		if ($("#check_club").val() == -2)
			$("#check_club_other").css('display', 'inline');
		else
			$("#check_club_other").css('display', 'none');
	});
    
    
     $(".ajax-func").fancybox({
		fitToView	: false,
		autoSize	: true,
        minWidth    : 220,
        minHeight    : 520,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
	
	//initCalendarHover();
	//initCalendarDescription();
	
	//$( "#calendar" ).accordion();
  
    
    
    
     

    $('.register-user').click(function () {

        if (/\/invite_checkin/i.test(window.location)) {
            
            var match_id = $('.invite-checking-button').data('match_id');

            $.ajax({
                url: base_url + 'ajax/writeRegisterRedirectToInviteCheckin/',
                async: false,
                data: { match_id: match_id },
                type: 'GET',
                success: function (data) {
                }
            });

        }

    })

	var checkoutModal = document.getElementById("modernCheckoutModal");
	var checkoutModalCloseBtn = document.getElementById("check-out-modal-close");

	if (checkoutModal && checkoutModalCloseBtn) {
		checkoutModalCloseBtn.onclick = function () {
			$("#modernCheckoutModal").fadeOut();
		}

		window.onclick = function (event) {
			if (event.target === checkoutModal) {
				$("#modernCheckoutModal").fadeOut();
			}
		}
	}

	$(document).on('input', '#check_licence', function() {
		checkDailyLicenceVisibility();
    });
})

function validateAfterLicenceChange() {
    setTimeout(validateBasicForm, 1300);
}

function addToMyCalendar(id,match,click){
	var send = {};
	send.user_id = id;
	send.match_id = match;
	
	if($(click).attr('data-action') == 'add'){
		//add to my calendar
		if (confirm("Dodaj tekmo v svoj koledar ?")) {
            //procced
            send.action = 'add';
            $.post( "/ajax/addRaceToMyCalendar", send,function( data ) {
                $(click).removeClass('my-calendar-btn');
                $(click).removeClass('grey');
                $(click).attr('data-action','remove');
                $(click).addClass('my-calendar-btn-green');
                $(click).html('<i class="fa fa-check"></i> Moj koledar');
                
                $('#event_'+match).addClass('my-calendar-yes');
            });
        } else {
           return false;
        }
	}else if($(click).attr('data-action') == 'remove'){
		//remove from my calendar
		if (confirm("Odstrani tekmo iz koledarja ?")) {
			send.action = 'remove';
			 $.post( "/ajax/addRaceToMyCalendar", send,function( data ) {
              	$(click).removeClass('my-calendar-btn-green');
               
                $(click).attr('data-action','add');
                $(click).addClass('my-calendar-btn');
                $(click).addClass('grey');
                $(click).html('<i class="fa fa-plus"></i> Moj koledar');
                $('#event_'+match).removeClass('my-calendar-yes');
            });
		}else{
			return false;
		}
	}	
}

$(document).on('click', ".guest-checkin", (e) => {
    // $('#checkin-like-quest').css('display', 'initial');
    $('#checkin-like-quest').data('match_id', $(e.target).data('match_id'));
});

$(document).on('click', '.checkinbtn', (e) => {
    const element  = $(e.target);

    if (element.hasClass('guest-checkin') && $(element).data('is_relay') == 1) $('#checkin-like-quest').css('display', 'none');
    else {
        
        if( !element.hasClass('guest-checkin') && window.location.href.includes("calendar") ) {
            $('#checkin-like-quest').css('display', 'none');
        }
        else $('#checkin-like-quest').css('display', 'block');
        
    }
});

function createQuestCheckinRedirectQuestion(match_id) {
    $('.display-uidialog').html(`
    <div style="display: none;" id="new_guest_dialog">
        <p id="guest_action_info">Boste zaključili prijavo?</p>
        <div id="guest_action_buttons">
            <button class="guest_action_button guest_action_redirect">Da</button>
            <button class="guest_action_button guest_action_add_more">Ne</button>
        </div>
    </div>
    `);

    var popupNew = $( "#new_guest_dialog" );
    
    popupNew.dialog({
        autoOpen: false, // Keep the dialog closed initially
        modal: true,     // Make the dialog modal (prevents interaction with the rest of the page)
        width: 400,
        height: 250
    });

    popupNew.dialog("open");

    $(".guest_action_redirect").click(function () {
        popupNew.dialog("close");

        var protocol = window.location.protocol;
        var hostname = window.location.hostname;

        window.location.href = protocol + '//www.' + hostname + '/payments/proforma/all/'+match_id;
    });

    $(".guest_action_add_more").click(function () {
        popupNew.dialog("close");
        createNewQuestCheckin(match_id);
    });
}

const createCheckinPopup = (match_id) => {

    var wWidth = $('body').width();
	if(wWidth > 601){
		var dWidth = 601;
	}else{
		var dWidth = wWidth * 0.9;
	}

    var popup = $( "#race_id_checkin_"+match_id );
    var close_pop = $('.checkinPopup ');
    popup.dialog({
        autoOpen: false,
        modal: true,
        width: dWidth,
        autoOpen: false,
        resizable: false,
        draggable: false,
        zIndex: 100002,
        close : function(event, ui) {
            $(".checkinPopup").dialog('destroy').remove();
            
                    }
    });

    return popup;
}


const getRegisterUserCheckinForm = (match_id, popup) => {
    message_errors = [];

    $.ajax({
        url: `${base_url}ajax/getRegisterUserCheckinForm/main/${match_id}/-1`,
        type: 'GET',
        data: modernCheckinEnabled() ? { checkin_layout: 'modern' } : {},
        async: true,
        success: (data) => {

            showCheckinForm(popup, data);
            $("#login-popupbox").dialog("close");
            setTimeout(() => {
                window.scrollTo({
                    top: 20,
                    left: 0,
                    behavior: 'smooth'
                });           
            }, 200);

            $('.ui-dialog').css('top', '40px');

            const registerUserFormTitle = 'Checkin more people';
            
            $('.register-user-form-title').html(registerUserFormTitle);

			if($("#createRegisterUserCheckinForm")) {
                $($("#createRegisterUserCheckinForm").prop("elements")).each(function(){
                    const events = $(this).is('select, :checkbox') ? 'change' : 'blur';
                    $(this).on(events, () => validateBasicForm());
                });
            }
        }
    });
}
var visible_pop_up_lines;
const getGuestCheckinForm = (match_id, popup) => {
    message_errors = [];

    $.ajax({
        url: `${base_url}ajax/getGuestUserCheckinForm/main/${match_id}/-1`,
        type: 'GET',
        data: modernCheckinEnabled() ? { checkin_layout: 'modern' } : {},
        async: true,
        success: (data) => {

            showCheckinForm(popup, data);
            $("#login-popupbox").dialog("close");
            setTimeout(() => {
                window.scrollTo({
                    top: document.querySelector(`#race_id_checkin_${match_id}`).offsetTop,
                    left: 0,
                    behavior: 'smooth'
                });           
            }, 200);

            $('.ui-dialog').css('top', '40px');
            
            let userNumber = +$('#number_of_checkings').val() + 1;

                            var number_of_checkings = 0;
                const guestUserFormTitle = number_of_checkings < 1 ? `Podatki o udeležencu` : `Tekmovalec ${userNumber}`
            
            
            visible_pop_up_lines = $('.popup-line-param:visible');
            //$(visible_pop_up_lines).addClass("disable_guest_params")
            
            $('.guest-user-form-title').html(guestUserFormTitle)
            
            // Ukoliko postoji forma za unos korisnika dodati dodatnu proveru pri validaciji, da validira i polja forme da li su ok, pa tek onda da se salje i odblokira dugme
            if($("#createGuestUserForm")) {
                const revalidateGuestForm = () => validateBasicForm();

                $($("#createGuestUserForm").prop("elements")).each(function(){
                    const events = $(this).is('select, :checkbox') ? 'change' : 'blur';
                    $(this).on(events, revalidateGuestForm);
                });
            }
        }
    });
}

$(document).on('click', '#checkin-like-quest', (e) => {
    const element  = $(e.target);
    const match_id = element.data('match_id');
    
    $('.display-uidialog').html('<div style="display: none;" id="race_id_checkin_'+match_id+'" class="checkinPopup"></div>');

    const popup = createCheckinPopup(match_id);

    getGuestCheckinForm(match_id, popup);

    $(document).on('click', '#btnCreateGuestUser', () => validateCreateGuestUserForm($("#createGuestUserForm")));
    
});


function createNewQuestCheckin(match_id) {
    $('.display-uidialog').html('<div style="display: none;" id="race_id_checkin_'+match_id+'" class="checkinPopup"></div>');

    const popup = createCheckinPopup(match_id);

    getGuestCheckinForm(match_id, popup);

    $(document).on('click', '#btnCreateGuestUser', () => validateCreateGuestUserForm($("#createGuestUserForm")));
}

const validateEmail = (email) => {
	email = email.trim();
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

const storeGuestUser = (form_data) => {
    $.ajax({
        url: `${base_url}ajax/storeGuestUser/`,
        type: 'POST',
        async : false,
        data: form_data,
        dataType: 'json',
        success: (data) => {
            //console.log("🚀 ~ file: calendar_addon.php:1285 ~ storeGuestUser ~ data:", data)
        }
    });
}

const getGuestUserFormData = () => {
    const userFormData = {}
    $("#createGuestUserForm").serialize().split('&').forEach((element) => {
        const elementParts = element.split('=');
        userFormData[elementParts[0]] = elementParts[1];
    });

    return userFormData;
}

const getRegisterUserFormData = () => {
    const userFormData = {}
    $("#createRegisterUserCheckinForm").serialize().split('&').forEach((element) => {
        const elementParts = element.split('=');
        userFormData[elementParts[0]] = elementParts[1];
    });

    return userFormData;
}

var create_user_errors = [];
const validateCreateGuestUserForm = (form) => {
    let result = true;

    create_user_errors = [];

    // form.elements also holds the consents that the two-panel popup moves out of the <form> (form="…" attribute)
    $($(form).prop("elements")).filter(".req").each(function(index, element) {
        result &= validateGuestUserFormElement(element);
    });

    removeError('create_guest_user');
    if ( create_user_errors.length > 0 ) {
        var create_user_error_message = create_user_errors.join(", ");
        addError('create_guest_user', "Vnesite vrednosti za te parametre: " + create_user_error_message);
    }

    return result;
}

const validateGuestUserFormElement = (element) => {
    if ($.trim($(element).val()) == '' || $.trim($(element).val()) == 'x') {
        if ( $(element).is('[data-guest_ch_name]') ) {
            create_user_errors.push( $(element).data('guest_ch_name') );
            setFieldError(element, "Vnesite vrednost za parameter: " + $(element).data('guest_ch_name'));
        }
        $(element).attr('style', 'border:solid 1px red;').addClass('is-invalid');
        return false;
    }

    const elementName = $(element).attr('name');
    removeError( $(element).data('guest_ch_name') );
    if ((elementName == 'guest_user_email') && (!validateEmail($(element).val()))) {
        $(element).attr('style', 'border:solid 1px red;').addClass('is-invalid');
        addError($(element).data('guest_ch_name'), "Napaka, e-mail naslov ni pravilnega formata");
        setFieldError(element, "Napaka, e-mail naslov ni pravilnega formata");
        return false;
    }

    // if(elementName == 'terms') {
    //     console.log("Validacija terms-a: ")
    // }

    removeError( $(element).data('guest_terms') );
    if ((elementName == 'terms') && !$(element).is(":checked")) {
        $('.terms-text').attr('style', 'color: red;');
        $(element).closest('.popup-line').addClass('is-invalid');
        addError($(element).data('guest_terms'), "Please accept guest creation terms");
        setFieldError(element, "Please accept guest creation terms");
        return false;
    }

    $(element).attr('style', '').removeClass('is-invalid');
    $(element).closest('.popup-line').removeClass('is-invalid');
    $(`#${$(element).attr('id')}_error_message`).html('');
    clearFieldError(element);

    return true;
}

const validateCreateRegisterUserForm = (form) => {
    let result = true;

    create_user_errors = [];

    // form.elements also holds the consents that the two-panel popup moves out of the <form> (form="…" attribute)
    $($(form).prop("elements")).filter(".req").each(function(index, element) {
        result &= validateRegisterUserFormElement(element);
    });

    removeError('create_register_user');
    if ( create_user_errors.length > 0 ) {
        var create_user_error_message = create_user_errors.join(", ");
        addError('create_register_user', "Vnesite vrednosti za te parametre: " + create_user_error_message);
    }

    return result;
}

const validateRegisterUserFormElement = (element) => {
    if ($.trim($(element).val()) == '' || $.trim($(element).val()) == 'x') {
        if ( $(element).is('[data-register_ch_name]') ) {
            create_user_errors.push( $(element).data('register_ch_name') );
            setFieldError(element, "Vnesite vrednost za parameter: " + $(element).data('register_ch_name'));
        }
        $(element).attr('style', 'border:solid 1px red;').addClass('is-invalid');
        return false;
    }

    const elementName = $(element).attr('name');
    removeError( $(element).data('register_ch_name') );
    if ((elementName == 'register_user_email') && (!validateEmail($(element).val()))) {
        $(element).attr('style', 'border:solid 1px red;').addClass('is-invalid');
        addError($(element).data('register_ch_name'), "Napaka, e-mail naslov ni pravilnega formata");
        setFieldError(element, "Napaka, e-mail naslov ni pravilnega formata");
        return false;
    }

    // if(elementName == 'terms') {
    //     console.log("Validacija terms-a: ")
    // }

    removeError( $(element).data('register_user_terms') );
    if ((elementName == 'terms') && !$(element).is(":checked")) {
        $('.terms-text').attr('style', 'color: red;');
        $(element).closest('.popup-line').addClass('is-invalid');
        addError($(element).data('register_user_terms'), "Please accept user creation terms");
        setFieldError(element, "Please accept user creation terms");
        return false;
    }

    $(element).attr('style', '').removeClass('is-invalid');
    $(element).closest('.popup-line').removeClass('is-invalid');
    $(`#${$(element).attr('id')}_error_message`).html('');
    clearFieldError(element);

    return true;
}

// Potrebno je napraviti deo gde ce se validirati na osnovu datuma da se izlistaju kategorije koje su dostupne

$(document).on('change', '#guest_user_year, #register_user_year', function() {
    showUserCategories();
	showDailyLicencePrice();
})

$(document).on('change', '#guest_user_gender, #register_user_gender', function() {
    showUserCategories()
})

const showUserCategories = () => {
	$("#check_category").val('x')

    if ( $("#guest_user_year").length > 0 ) {
        var user_gender = $("#guest_user_gender").val().substr(0,1);
        var user_age = (+(new Date).getFullYear()) - (+$("#guest_user_year").val())
    }
    else if ( $("#register_user_year").length > 0 ) {
        var user_gender = $("#register_user_gender").val().substr(0,1);
        var user_age = (+(new Date).getFullYear()) - (+$("#register_user_year").val())
    }

	// Age adjustment for the current match and year (hidden .age-adjustment inputs)
	const matchIdFromSelect = (($("#check_category").attr('class') || '').match(/match_c_select(\d+)/) || [])[1];
	const currentYear = (new Date).getFullYear();
	$('.age-adjustment').each((index, element) => {
		if ($(element).data('match_id') == matchIdFromSelect && $(element).data('year') == currentYear) {
			user_age += (+$(element).val());
		}
	});

    // Ovde dohvatiti sve opcije kategorija
    $("#check_category option").each((index, element) => {
        const categoryMinAge = $(element).data('min_age');
        const categoryGender = $(element).data('gender');
        const categoryMaxAge = $(element).data('max_age');
        const categoryIsActive = $(element).data('is_active');

        if ((user_age >= categoryMinAge) && (user_age <= categoryMaxAge) && (!categoryGender || categoryGender == 'u' || categoryGender == user_gender) && (categoryIsActive == 1 || categoryIsActive === '')) {
            $(element).css('display', 'initial');
        }else{
            $(element).css('display', 'none');
        }
    });

	// If there is only one category, select it automatically
	var $select = $('#check_category');

	var $validOptions = $select.find('option').filter(function () {
		return $(this).css('display') !== 'none' && $(this).val() !== 'x';
	});

	if ($validOptions.length === 1) {
		$select.val($validOptions.val()).trigger('change');
	}
}

function daysInMonth(month, year) {
    if (!month) return 31;
    var y = year ? parseInt(year, 10) : new Date().getFullYear();
    return new Date(y, parseInt(month, 10), 0).getDate();
}

function updateDayOptions(prefix) {
    var $day = $('[name="' + prefix + '_day"]');
    var $month = $('[name="' + prefix + '_month"]');
    var $year = $('#' + prefix + '_year');

    if ($day.length == 0) return;

    var month = $month.val();
    var year = $year.val();
    var currentDay = $day.val();
    var maxDays = daysInMonth(month, year);

    var options = '<option value="">dd</option>';
    for (var i = 1; i <= maxDays; i++) {
        var padded = i < 10 ? '0' + i : '' + i;
        options += '<option value="' + padded + '">' + padded + '</option>';
    }

    $day.html(options);

    if (currentDay !== '' && parseInt(currentDay, 10) <= maxDays) {
        $day.val(currentDay);
    }
}

$(document).on('change', '[name="guest_user_month"], #guest_user_year', function() {
    updateDayOptions('guest_user');
});

$(document).on('change', '[name="register_user_month"], #register_user_year', function() {
    updateDayOptions('register_user');
});

function checkinGuestUser(match, parameters, parameter_type, redirect, button_element = null){
	var redirect = redirect || true;
	//duatlon type
	if($("#duatlon_type").length > 0){
		var duatlon_type = $("#duatlon_type").val();
	}else{
		var duatlon_type = null;
	}
	
	if($("#stafeta_id").length > 0){
		var stafeta_id = $("#stafeta_id").val();
	}else{
		var stafeta_id = null;
	}

	let donation = 0;
	let is_donation = 0;

	if(getDonation()) {
		donation = getDonation().value;
		is_donation = 1;
	}
	
    const bought_daily_licence = getBuyDailyLicenceValue();

	var form_data = {
        match,
        club: $("#check_club").val(),
        club_other: $("#check_club_other").val(),
        category: $("#check_category").val(),
        licence: $("#check_licence").val(),
        licence2: $("#check_licence2").val(),
        licence_valid: $("#licence_valid").val(),
        parent: $("#mainUser").val(),
        donation,
        is_donation,
        parameters: parameters,
        param_type: parameter_type,
        duatlon_t: duatlon_type,
        stafeta: parseInt(stafeta_id),
        payment_item_id: $("input[name=payment_item_id]").val(),
        accept_general_terms: getCheckboxValue('input[type=checkbox][name=accept_general_terms]'),
		accept_using_images: getCheckboxValue('input[type=checkbox][name=accept_using_images]'),
		bought_daily_licence,
        discount_parameter: $("input[type=hidden][name=discount_parameter]").val(),
        ajax: '1',
        discount_code: $('input[type=text][name=discount_code]').val(),
        custom_consents: getCustomConsent(),
		invite_checking_form: parseInt($("#invite_checkin_form").val())
    };
	
	var admin_id = $('#checked_by').val();
    
	if(typeof  admin_id == 'undefined'){
		console.log('bll');
	}else{
		form_data.admin_id = admin_id;
	}
    
	var txt_p = Array();
	$('.textual_parameter').each(function() {
		var txt_value = $(this).val();
		var txt_parent = $(this).attr('id');
		var txt_parameter = txt_value+"|"+txt_parent;
		txt_p.push(txt_parameter);
	});
	form_data.txt_parameter = txt_p;

    form_data.guest_user = getGuestUserFormData();
	
	var redirect_to = '';
	
    console.log("🚀 ~ file: calendar_addon.php:1680 ~ checkinGuestUser ~ form_data:", form_data)
	
	$.ajax({
        url: base_url + 'ajax/storeGuestUserChecking',
        type: 'POST',
        async: false,
        data: form_data,
        dataType: "text",
        success: function (data) {

			const result = JSON.parse(data)
            try {
                if (result.used_100_discount && result.used_100_discount == true) {
                    noty({text: result.message, type: "success"});
                    window.setTimeout(function () { location.replace("/calendar/") }, 1500);
                    return;
                }
            } catch (e) {}

			if(result.status == false) {
				noty({text: result.message, type: "error"});
                $(button_element).attr('disabled', false);
                if (result.guest_already_checked_in == true) return;
			}
            // Ovde ispitati da li je gost prijava u pitanju, ako jeste i ako je kliknuto na prijavi i dodaj takmicara tada mu prikazati poruku da je uspesno ulogovan i otvoriti novu formu za unos
            const isCheckinAndAddMoreGuestUsersElement = $("input[type=hidden][name=checkin-check-more-users]");
			
			console.log("🚀 ~ checkinGuestUser ~ isCheckinAndAddMoreGuestUsersElement:", isCheckinAndAddMoreGuestUsersElement)
			console.log("🚀 ~ checkinGuestUser ~ isCheckinAndAddMoreGuestUsersElement.val():", isCheckinAndAddMoreGuestUsersElement.val())
            if(isCheckinAndAddMoreGuestUsersElement && (isCheckinAndAddMoreGuestUsersElement.val() == 1)) {
                $("input[type=hidden][name=checkin-check-more-users]").val(0);
				$(".checkin-and-add-more-users").attr('disabled', false);
                const popup = $(`#race_id_checkin_${form_data.match}`);
                //getGuestCheckinForm(form_data.match, popup);
                noty({text: 'Uspešna prijava na tekmo', type: "success"});
            }else{
                if(result.number_of_checkings && result.number_of_checkings > 1) {
					if (guest_reload == false) window.location.href = `/payments/proforma/all/${result.match_id}`;
                }else{
                    if (guest_reload == false) window.location.href = `/payments/payments_type/${result.match_id}/${result.checking_id}`;
                }
            }
        }
    });
}
function checkinRegisterUser(match, parameters, parameter_type, redirect, club){
    var redirect = redirect || true;
	//duatlon type
	if($("#duatlon_type").length > 0){
		var duatlon_type = $("#duatlon_type").val();
	}else{
		var duatlon_type = null;
	}
	
	if($("#stafeta_id").length > 0){
		var stafeta_id = $("#stafeta_id").val();
	}else{
		var stafeta_id = null;
	}

	let donation = 0;
	let is_donation = 0;

	if(getDonation()) {
		donation = getDonation().value;
		is_donation = 1;
	}
	
	var form_data = {
        match,
        club: $("#check_club").val(),
        club_other: $("#check_club_other").val(),
        category: $("#check_category").val(),
        licence: $("#check_licence").val(),
        licence2: $("#check_licence2").val(),
        licence_valid: $("#licence_valid").val(),
        parent: $("#mainUser").val(),
        donation,
        is_donation,
        parameters: parameters,
        param_type: parameter_type,
        duatlon_t: duatlon_type,
        stafeta: parseInt(stafeta_id),
        payment_item_id: $("input[name=payment_item_id]").val(),
        discount_parameter: $("input[type=hidden][name=discount_parameter]").val(),
        ajax: '1',
        discount_code: $('input[type=text][name=discount_code]').val(),
    };
	
	var admin_id = $('#checked_by').val();
    
	if(typeof  admin_id == 'undefined'){
		console.log('bll');
	}else{
		form_data.admin_id = admin_id;
	}
    
	var txt_p = Array();
	$('.textual_parameter').each(function() {
		var txt_value = $(this).val();
		var txt_parent = $(this).attr('id');
		var txt_parameter = txt_value+"|"+txt_parent;
		txt_p.push(txt_parameter);
	});
	form_data.txt_parameter = txt_p;

    form_data.register_user = getRegisterUserFormData();
	
	var redirect_to = '';
	
    console.log("🚀 ~ file: calendar_addon.php:1680 ~ checkinRegisterUser ~ form_data:", form_data)
	
	child_id = null;
	$.ajax({
        url: base_url + 'ajax/storeRegisterUserChecking',
        type: 'POST',
        async: false,
        data: form_data,
        dataType: "text",
        success: function (data) {
			const result = JSON.parse(data)
			if(result.status == false) noty({text: result.message, type: "error"});
            
            else if (result.status == true) {
                child_id = result.child_id;
            }
        }
    });

    return child_id;
}
$(document).on('click', '.btn-buy-camp', (e) => {
    e.preventDefault();
    const match_id = $(e.target).data('match_id');
    console.log("🚀 ~ file: calendar_addon.php:1525 ~ $ ~ match_id:", match_id)
    $.ajax({
        url: `${base_url}ajax/getBuyCampForm/${match_id}`,
        type: 'POST',
        dataType: "json",
        success: (response) => {
            if(response.status) {
                $("#buy-camp-dialog").dialog({
                    modal: true,
                    width: 401,
                    resizable: false,
                    draggable: false,
                    close: function(event, ui) {
                        $('#buy-camp-dialog').html('');
                    }
                });

                $('#buy-camp-dialog').html(response.html);
                return;
            }

            noty({text: response.message, type: "error"});
        }
    });
});

// Called by the licence check inside the checkin forms; the submit button has no disabled state, so this only refreshes the validation
const validateCheckin = () => validateBasicForm();

$(document).ready(function() {
	$(document).on('change', '#guest_user_gender', function() {
        var parameter_pop_ups = $('.popup-line-param');
        var parameters = $('.parameter');
        var selected_gender = $(this).val();

        $('.popup-line-param').each(function () {
            var gender = $(this).data('gender');
            var child = $(this).find('.parameter').first();

            if (gender != selected_gender && gender != null && gender != 'unisex') {
                $(this).addClass("disable_guest_params");
                child.attr('disabled', 'true');
            }
            else {
                $(this).removeClass("disable_guest_params");
                child.removeAttr('disabled');
            }
        });
    });
});

function toggleDailyLicencePerCategory() {
    let dailyLicenceRequirement = $('#check_category option:selected').data('licence_requirement');

    if (dailyLicenceRequirement == 1) {
        $('#buy-daily-licence').hide();
        $('#guest-daily-licence-wrapper').hide();
    } else {
        $('#buy-daily-licence').show();
        $('#guest-daily-licence-wrapper').show();
    }

	validateBasicForm();
}

var hide_daily_licence = false;
function checkDailyLicenceVisibility() {

	var licence_value = $("#check_licence").val();

	if ( $('#check_category').length ) {
		var selected_category_licence = null;
		let dailyLicenceRequirement = $('#check_category option:selected').data('licence_requirement');
		if (dailyLicenceRequirement == 1) {
			selected_category_licence = 1;
		} else {
			selected_category_licence = null;
		}
	}

	if (licence_value == "") {
		$('#daily_licence_null_value').attr('disabled', true).attr('hidden', true);
	}
	else {
		$('#daily_licence_null_value').removeAttr('disabled').removeAttr('hidden');
	}

	if (selected_category_licence == 1 || hide_daily_licence == true) {
        $('#buy-daily-licence').addClass('d-none-m');
        $('#guest-daily-licence-wrapper').addClass('d-none-m');
	}
	else {
        $('#buy-daily-licence').removeClass('d-none-m');
        $('#guest-daily-licence-wrapper').removeClass('d-none-m');
	}

	validateBasicForm();
}
function showDailyLicencePrice() {
    const dailyLicenceHolder = document.querySelector("#buy-daily-licence");

    if( dailyLicenceHolder && !dailyLicenceHolder.classList.contains('d-none-m') ) {

		var is_register_form = $('#is_register_form').length;

		if (is_register_form) {
			var user_birthdate = $('[name="register_user_year"]').val() + '-' + $('[name="register_user_month"]').val() + '-' + $('[name="register_user_day"]').val();
		}
		else {
			var user_birthdate = $("#guest_user_year").val() + '-' + $('[name="guest_user_month"]').val() + '-' + $('[name="guest_user_day"]').val();
		}

		$.ajax({
			url: '/ajax/getDailyLicencePrice',
			method: 'GET',
			data: {
				user_birthdate: user_birthdate,
			},
			dataType: 'json',
			success: function(response) {
				$("#daily_licence_buy_label").text(response.label);
				$("#daily_licence_price").text(response.price);
			},
			error: function(xhr, status, error) {
			}
		});
	}

}