function convertToSlug(str)
{
    str = str.replace(/^\s+|\s+$/g, ''); // trim
    str = str.toLowerCase();
    var from = "ÁÄÂÀÃÅČÇĆĎÉĚËÈÊẼĔȆĞÍÌÎÏİŇÑÓÖÒÔÕØŘŔŠŞŤÚŮÜÙÛÝŸŽáäâàãåčçćďéěëèêẽĕȇğíìîïıňñóöòôõøðřŕšşťúůüùûýÿžþÞĐđßÆa·/_,:;";
    var to   = "AAAAAACCCDEEEEEEEEGIIIIINNOOOOOORRSSTUUUUUYYZaaaaaacccdeeeeeeeegiiiiinnooooooorrsstuuuuuyyzbBDdBAa------";
    for (var i=0, l=from.length ; i<l ; i++) {
        str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
    }
    str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

    return str;
}

var price_weekday;
var price_week;
var price_week7;
var price_weekend;


$(document).ready(function () {

jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

    var nadpis = $('.k-b__title .sh-40').html();
    var popis  = $('.k-b__title .sh-18').html();
    
    var re = new RegExp(String.fromCharCode(160), "g");

//    $('.k-b__title .sh-40').attr('title',nadpis.replace(/(<([^>]+)>)/gi, "").replace(re, " "));
//    $('.k-b__title .sh-18').attr('title',popis.replace(/(<([^>]+)>)/gi, "").replace(re, " "));

    var dealer;
    var datumy;
    var mesto;
    var bike;
    var days;
    var day1;
    var day2;
    var day3;
    var datum;
    
    function getModel(bike) {
        if (bike.match(/Kymco/g)) return bike;
        if (bike.match(/vesn/g)) return bike;
        if (bike.match(/voz/g)) return bike;
        if (bike.match(/Kawasaki/g)) return bike;
        if (bike.match(/Kawasaki/g)) return bike;
        return bike;
//        return 'Kawasaki ' + bike;
    }

    $(document).on('click','.changeDealer',function() {
        $('.k-b__title .sh-40').html(nadpis);
        $('.k-b__title .sh-18').html(popis);
        $('#chooseBike').hide();
        window.scrollTo(0,0);
        $('#chooseDealer').show();
    });

    $('#chooseDealer input').on('click', function(e) {
        $(this).prop('checked', true);
        $('#chooseDealer input').not(this).prop('checked', false);
        e.stopPropagation();
    });

    $('#chooseDealer .k-card').on('click', function() {
        var input = $(this).closest('.k-card').find('input');
//        console.log('INPUT',input);
        $('#chooseDealer input').not(input).prop('checked', false);
        $(input).prop('checked', true);

        $('#chooseDealer input').not(this).prop('checked', false);
        $('#chooseDealer').hide();
        dealer = $(input).attr('data-dealer');
        datumy = $(input).attr('data-datumy');
        mesto = $(input).attr('data-mesto');
        days = $(input).attr('data-days');
        day1 = $(input).attr('data-day1');
        day2 = $(input).attr('data-day2');
        day3 = $(input).attr('data-day3');
        $('.k-b__title .sh-40').html('<small>' + mesto + '</small>' + dealer);
        $('.k-b__title .sh-18').html('<div>' + datumy + '</div><button type="button" class="btn mt-2 kw-btn kw-primary changeDealer">Zmeniť predajcu</button>');
        $('#chooseBike').show().removeClass('d-none');
        
        console.log('chooseDealer',dealer,mesto);

        $('#modalBooking span.dealerName').html(dealer);
        $('#modalBooking span.date1').html(day1.substring(0,6));
        $('#modalBooking span.date2').html(day2.substring(0,6));
        $('#modalBooking span.date3').html(day3.substring(0,6));
        $('.day3').hide();
        if (days==3) {
            $('.day3').show();
        }
        window.scrollTo(0,0);
    });
    
    var detail_booking, detail_oid, detail_dealer;

    $(document).on('click','#btnSubmit2Delete',function(e) {
        $('.overlay').show();
        $.ajax({
            url: '/api.php/deleteBooking',
            type: 'POST',
            data: {oid: detail_oid, id: detail_booking, dealer: detail_dealer},
        }).done(function(response){
            $.each(response.data, function(index,value) {
                $('#modalBookingAdmin input[name="' + index + '"]').val('');
            });
            $('.bookingDetail[data-oid="' + detail_oid + '"]').parent().remove();
            $('#modalBookingAdmin').modal('toggle');
            $('.overlay').hide();
        });
    });

    $(document).on('click','#btnSubmit2Booking',function(e) {
        $('.overlay').show();
        var form = $('#modalBookingAdmin form').serialize();
        $.ajax({
            url: '/api.php/updateBooking',
            type: 'POST',
            data: form,
        }).done(function(response){
//            $('#modalBookingAdmin').modal('toggle');
            location.reload(true);
            $('.bookingDetail[data-oid="' + detail_oid + '"]').html(response.data.firstname + ' ' + response.data.surname + ', ' + response.data.email);

        });
    });

    $(document).on('click','.bookingDetail',function(e) {
        $('.overlay').show();
        e.preventDefault();
        detail_booking = $(this).attr('data-id');
        detail_oid = $(this).attr('data-oid');
        detail_dealer = $(this).attr('data-dealer');
        $.ajax({
            url: '/api.php/checkBooking',
            type: 'POST',
            data: {oid: detail_oid, id: detail_booking, dealer: detail_dealer},
        }).done(function(response){
            $.each(response.data, function(index,value) {
                $('#modalBookingAdmin input[name="' + index + '"]').val(value);
            });
            $('#form2bike').val(response.data.bike);
            $('#form2slot').val(response.data.slot);
            $('#form2day').val(response.data.den);
            $('#modalBookingAdmin').modal('toggle');
            $('.overlay').hide();
        });
    });

    $(document).on('click','.filterBike',function() {
        var bike = $(this).attr('data-bike');
        $('.listBike').removeClass('d-flex').hide();
        $('.listBike[data-bike="' + bike + '"]').addClass('d-flex');
        $(".ui-accordion-content").show();
    });

    $('#chooseBike .k-card').on('click', function() {
        var input = $(this).closest('.k-card').find('input');
//        console.log('INPUT',input);
        $('#chooseBike input').not(input).prop('checked', false);
        $(input).prop('checked', true);

        bike = $(input).val();
        bike_name = $(this).attr('data-name');
        bike_full= $(this).attr('data-name-full');
        _bike = bike;
        if (bike_name) _bike = bike_name;
        if (bike_full) _bike = bike_full;

        ecv = $(this).attr('data-ecv');

//        console.log('CLICK',bike,_bike,bike_name,bike_full, ecv);

        price_weekday = $(this).attr('data-price-weekday');
        price_week = $(this).attr('data-price-week');
        price_day = $(this).attr('data-price-day');
        licence = $(this).attr('data-licence');

        vol = $(this).attr('data-vol');
        kw = $(this).attr('data-kw');
        ps = $(this).attr('data-ps');
        rev = $(this).attr('data-rev');
        infoText = $(this).attr('data-infotext');

        price_week7 = $(this).attr('data-price-week7');
        price_weekend = $(this).attr('data-price-weekend');
        price_deposit = $(this).attr('data-price-deposit');
        price_extra   = $(this).attr('data-price-extra');
        price_extras   = $(this).attr('data-price-extras');
        price   = $(this).attr('data-price');
        url   = $(this).attr('data-url');

        var extras;var extra=0;
//        if (licence) $("#
        $("#Extras").removeClass('d-none').hide();
        $("#Extras > div").html('');
        if (price_extras) {
            extras = JSON.parse(price_extras);
//            extraDiv = '<div class="row">';
            if (extras) {
                $("#Extras").removeClass('d-none').show();
                var extraDiv = ''; extra = 0;
                $.each(extras, function(index,value) {
//                    console.log(index,value);
                    checked = '';
//                    if (value==0) checked = 'checked';
                    cena = value;
                    _cena = value;
                    if (cena>1000) cena = cena-1000;
                    if (cena==='') {} else {
                        if (cena==0) cena = 'v cene';
                        if (_cena>0 && _cena<1000) cena+=' &euro; / deň';
                        if (_cena>1000) {
                            _cena-=1000;
                            cena+=' &euro; / prenájom';
                        }
                        extraDiv+='<div class="form-check mt-1 mb-2 mr-3 text-nowrap form-check-inline">';
                        extraDiv+='<input class="form-check-input" data-price="' + _cena + '" name="extra[]" type="checkbox" ' + checked + ' id="extra-' + index + '" value="' + index + '">';
                        extraDiv+='<label class="form-check-label" for="extra-' + index + '">' + Extras[index];
                        extraDiv+=' <span class="badge badge-success">' + cena + '</span></label>';
                        extraDiv+='</div>';
                        extra++;
                    }
                });
            }
//            extraDiv+='</div>';
            if (extra) $("#Extras > div").html(extraDiv);
            else $("#Extras").hide();
        }
        console.log('BIKE',bike, extras);
        $('.overlay').show();


        $('#modalBooking .bikeImg').attr('src','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADhCAQAAADYdUAgAAABoElEQVR42u3SQQ0AAAjEME45OnCLCV6klbAs0wXnYiyMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjYSwRMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsbCWMbCWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYi1cW2Fb2+qLoaVoAAAAASUVORK5CYII=');


        form_data = { dealer: dealer, bike: bike};

        $.ajax({
            url: '/api.php/checkDealer',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('#modalBooking').modal('toggle');
            $('.scheduler').show();
            $('.overlay').hide();
            $('.bookingForm').show();
            $('.bookingConfirm').hide();
            $('#formBike').val(bike);
            $('.scheduler .kwBook').addClass('toCheck').removeClass('kw-btn-check');
            var BOOKED = [];
            BOOKED[1] = [];
            BOOKED[2] = [];
            BOOKED[3] = [];
//            console.log('RESPONSE',response);
            $.each(response.data, function( index, value ) {
                BOOKED[value.day][value.slot] = 1;
            });
            $.each($('.scheduler .kwBook.toCheck'), function( index, value ) {
                var dday = $(this).attr('data-day');
                var dslot = $(this).attr('data-slot');
                $(this).attr('data-date',response.den[dday]);
                if (BOOKED[dday]) {
                    if (BOOKED[dday][dslot]==1) {
                        $(this).removeClass('toCheck').removeClass('kw-btn-free').addClass('kw-btn-busy').html('obsadené').prop('disabled', true);;
                    } else {
                        $(this).removeClass('toCheck').addClass('kw-btn-free').removeClass('kw-btn-busy').html('voľné').prop('disabled', false);;
                    }
                } else {
                    $(this).removeClass('toCheck').addClass('kw-btn-free').removeClass('kw-btn-busy').html('voľné').prop('disabled', false);;
                }
            });
            $('#modalBooking .bikeInfo').html('');
//            console.log(infoText);
            $('#modalBooking #bikeInfotext').html(infoText);
            $('#modalBooking .bikeName').html(getModel(_bike));
            bike2 = convertToSlug(bike);
            $('#modalBooking .bikeImg').attr('src','/img/moto/' + MotoURL + bike2 + '.png');

//            console.log('weekday',price_weekday);
//            console.log('engine',vol,kw,ps,rev);

        var bikeInfo = '';


        if (kw || ps || vol) {
            bikeInfo+='<span class="_engineInfo d-block" style="padding: 5px; font-size: 120%;">';
            if (vol) bikeInfo += '<br>Zdvihový objem: <b>' + vol + ' cm<sup>3</sup></b>';
            if (kw || ps) bikeInfo += '<br>Výkon: <b>' + kw + ' kW (' + ps + ' PS)';
            if (rev)  bikeInfo += ' pri ' + rev + ' ot./min';
            if (rev || kw || ps) bikeInfo += '</b>';
            bikeInfo+='</span>';
            bikeInfo = bikeInfo.replace('.00','');
        }
//        bikeInfo+='<div class="d-flex">';
        if (price) {
            bikeInfo += '<div class="my-2 bikePrice"><img src="/img/ico-price-c.png" width="30" alt="" /> <b>' + price + '</b>,- &euro;</div>';
        }
        if (url) {
            bikeInfo += '<a class="mb-3 kw-btn kw-btn--primary" href="' + url + '" target="_blank">Viac informácií</a>';
        }
        bikeInfo+='<div class="mb-3"></div>';


//alert('aa');

        if (price_day || price_weekday || price_weekend) {
            if (licence) {
                bikeInfo += '<span class="badge badge-success mx-1 py-1 px-2 mb-2">Vodičský preukaz: <b>' + licence + '</b></span>';
            }
            if (ecv.length<2) {
//                bikeInfo += '<span class="badge badge-warning mx-1 py-1 px-2 mb-2"><b>POZOR</b>: Prenájom len pre územie Slovenska!</span>';
            }
            if ((price_weekday && price_weekday>0) || (price_day && price_day>0)) {
                bikeInfo += '<div><p><b>Cena prenájmu:</b></p><ul>';
                if (price_day) bikeInfo += '<li>' + Math.abs(price_day) + ' &euro; / deň  (10:00 - 15:00 len Pon - Štv); limit 200 km';
                if (price_weekday>0) bikeInfo += '<li>' + Math.abs(price_weekday) + ' &euro; / deň  (10:00 - 09:00 len Pon - Štv); limit 250 km';
                if (price_week>0) bikeInfo += '<li>' + Math.abs(price_week) + ' &euro; / prac. týždeň  (Pon 10:00 - Pia 12:00); limit 500 km';
                if (price_weekend>0) bikeInfo += '<li>' + Math.abs(price_weekend) + ' &euro; / víkend (Pia 16:00 - Pon 09:00); limit 800 km';
                if (price_week7>0) bikeInfo += '<li>' + Math.abs(price_week7) + ' &euro; / týždeň (7 dní, Pon 10:00 - Pon 09:00); limit 1300 km';
                if (price_deposit>0) bikeInfo += '<li> Záloha: ' + Math.abs(price_deposit) + ' &euro;';
                if (price_extra>0) bikeInfo += '<li>Kilometre navyše: ' + Math.abs(price_extra) + ' &euro; / km'
                if (extras) {
                    extra_bikeInfo = '</ul>';
//                    extra_bikeInfo+='<div class="alert alert-info mx-1 py-1 px-2 mb-2">Pre iný variant vypožičania nás prosím kontaktujte na <a href="mailto:pozicovna@motosvet.sk">pozicovna@motosvet.sk</a></div>';
                    extra_bikeInfo+='<b>Doplnky za príplatok:</b><ul>';
                    extra=0;
                    console.log('EXTRAS',extras);
                    $.each(extras, function(index,value) {
                        if (value==='') {} else {
                            value = parseInt(value);
                            _value = value;
                            console.log('XX',index,value,_value);
                            if (value==0) value = 'v cene';
                            if (_value>1000) {
                                value = (value - 1000)+ " &euro; / prenájom";
                            }
                            if (_value>0 && _value<1000) value+= " &euro; / deň";
                            extra++;
                            extra_bikeInfo += '<li>' + Extras[index] + ': ' +  value + '';
                        }
                    });
                    if (extra) bikeInfo+=extra_bikeInfo;
                }
                bikeInfo+='</ul></div>';
                
//                bikeInfo+='<b>XXX:'+bike_name+'</b>';

                if (bike.match(/voz/) || bike_name.match(/Mule/)) {
                    bikeInfo = bikeInfo.replace('; limit 250 km','');
                    bikeInfo = bikeInfo.replace('; limit 300 km','');
                    bikeInfo = bikeInfo.replace('; limit 600 km','');
                    bikeInfo = bikeInfo.replace('; limit 900 km','');
                    bikeInfo = bikeInfo.replace('; limit 1500 km','');
                }

            }
            if (price_weekday<0) {
                bikeInfo += '<div class="alert alert-danger mt-3">K dispozícii už čoskoro</div>';
            }
            bikeInfo+='<div class="alert alert-info mx-1 py-1 px-2 mb-2">Pre iný variant vypožičania nás prosím kontaktujte na <a href="mailto:pozicovna@motosvet.sk">pozicovna@motosvet.sk</a></div>';

            if (ecv.length<2) {
                bikeInfo += '<div class="alert alert-warning mx-1 py-1 px-2 mb-2"><b>POZOR</b>: Prenájom platný len pre územie Slovenska!</span></div>';
            }
            

        }
        if (price_weekday>0 || price_day>0) {
            $('.bookingForm').show();
            if (price_weekday>0) {
                $(".formDate2").visible();
            } else {
                $(".formDate2").invisible();
            }
        } else {
            $('.bookingForm').hide();
        }
        
        

        $('#modalBooking .bikeInfo').html(bikeInfo);
//        console.log('bikeInfo...',bikeInfo);
        });

    });

    $('#chooseBike input').on('click', function(e) {
        $(this).prop('checked', true);
        $('#chooseBike input').not(this).prop('checked', false);
        e.stopPropagation();
    });

    $(document).on('click','.kwBook',function() {
        den = $(this).attr('data-day');
        datum = $(this).attr('data-date');
        slot = $(this).attr('data-slot');
        $('#formDate').val(datum + ' ' + slot);
        if (dealer && mesto) $('#formPlace').val(dealer + ', ' + mesto);
        if (bike) $('#formBike').val(bike);
        if (dealer) $('#inputDealer').val(dealer);
        $('#inputDen').val(den);
        $('#inputSlot').val(slot);
        $('.scheduler').hide();
        $('.bookingConfirm').hide();
        $('.bookingForm').show();
    });


    $(document).on('change','input.licence',function() {
        $('input.licence').removeClass('error');
        $('.licence-group').removeClass('is-invalid');
    });

    $(document).on('click','.licence-group btn',function() {
        var valid = $("#modalBooking form").valid();
        if ($('input.licence.error').length) {
            $('.licence-group').addClass('is-invalid');
        } else {
            $('.licence-group').removeClass('is-invalid');
        }
    });

    $(document).on('click','#btnSubmitBooking',function() {
        var valid = $("#modalBooking form").valid();
        form_data = $('#modalBooking form').serialize();
//        console.log('VALID',valid, form_data);
        $('.licence-group').removeClass('is-invalid');
        if (!valid) {
            if ($('input.licence.error').length) {
                $('.licence-group').addClass('is-invalid');
            } else {
            }
            return false;
        }
        var BTN = $(this);
        $('.overlay').show();

        $.ajax({
            url: '/api.php/Book',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
            if (response.success) {
                $('.bookingForm').hide();
                $('.bookingConfirm').show();
                $('div.bookingConfirm div.response').html('<div class="alert alert-success">' + response.message + '</div>');
            } else {
                $('.bookingConfirm').show();
                $('div.bookingConfirm div.response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
        });
        return false;
    });

    $(document).on('click','#btnSubmitBookingDealer',function() {
        var valid = $("#modalBooking form").valid();
        form_data = $('#modalBooking form').serialize();
        $('.licence-group').removeClass('is-invalid');
        if (!valid) {
            if ($('input.licence.error').length) {
                $('.licence-group').addClass('is-invalid');
            } else {
            }
            return false;
        }
        var BTN = $(this);
        $('.overlay').show();

//        console.log(form_data);return;

        $.ajax({
            url: '/booking-api.php/Book',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
            if (response.success) {
                $('.bookingForm').hide();
                $('.bookingConfirm').show();
                $('div.bookingConfirm div.response').html('<div class="alert alert-success">' + response.message + '</div>');
            } else {
                $('.bookingConfirm').show();
                $('div.bookingConfirm div.response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
        });
        return false;
    });


    $('.bookingForm').hide();
    $('.bookingConfirm').hide();

    $('.overlay').hide();

    $(document).on('click','.btn-group label',function() {
        $(this).parent().removeClass('is-invalid');
        $(this).find('input').attr('checked',true);
    });

    $(document).on('click','#btnSubmitBookingRaceDays',function() {
        var valid = $("#modalBooking form").valid();
        form_data = $('#modalBooking form').serialize();
//        console.log('VALID',valid, form_data);
        $('.race-group').removeClass('is-invalid');
        $('.bike-group').removeClass('is-invalid');
        if (!valid) {
            if ($('input.race.error').length) {
                $('.race-group').addClass('is-invalid');
            }
            if ($('input.bike.error').length) {
                $('.bike-group').addClass('is-invalid');
            }
            return false;
        }
        var BTN = $(this);
        $('.overlay').show();

        $.ajax({
            url: '/api.php/BookRaceDays',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
            $('.modal-footer').show();
            if (response.success) {
                $('.bookingForm').hide();
                $('.bookingConfirm').show();
                $('div.bookingForm div.response').html('');
                $('div.bookingConfirm div.response').html(response.html);
            } else {
                $('.bookingForm').show();
                $('.bookingConfirm').hide();
                if (response.hide) {
                    $('.modal-footer .bookingForm').hide();
                }
                $('.bookingForm div.response').html('<div class="alert alert-danger">' + response.message + '</div>');
//                alert(response.message);
            }
        });
        return false;
    });
    
    $(document).on('click','#btnBack2Form',function() {
                $('.bookingForm').show();
                $('.bookingConfirm').hide();
                $('.modal-footer').show();
    });
    $(document).on('click','.filterPlatba',function() {
        $('table tr').show();
        var platba2 = $(this).attr('data-filter');
        console.log('PLATBA',platba2);
        $('.riderplatba'+platba2).toggle();
    });
    $(document).on('click','.btnDeleteRider',function() {
        if (confirm("Naozaj chces vymazat?")) {
            var rider = $(this).attr('data-id');
            console.log('RIDER',rider);
            var TR = $(this).closest('tr');
            $.ajax({
                url: '/api.php/deleteRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                $(TR).hide('slow');
            });
        }
    });
    
    $('#modalNumbers').on('shown.bs.modal', function() {
        $.ajax({
            url: '/api.php/showNumbers',
            type: 'POST',
        }).done(function(response){
            $('#modalNumbers .modal-body div').html(response.message);
            $('.overlay').hide();
        });
    });

    $(document).on('click','.showNumbers',function() {
        $('.overlay').show();
    });
    
    $(document).on('hidden.bs.modal', '.modal', function () {
        $('.modal:visible').length && $(document.body).addClass('modal-open');
    });

    $(document).on('click','.numberInfo_free',function() {
        var No = $(this).text();
        $('input[name="race_number"]').val(No);
        $('#modalNumbers').modal('toggle');
        $('body.homepage').addClass('modal-open');
    });

    $(document).on('submit','#formLogin',function(event) {
        event.preventDefault();
        var formData = {
            email: $('#loginEmail').val(),
            password: $('#loginPassword').val(),
            action: $('#loginAction').val(),
        };
        console.log(formData);
        $.ajax({
            url: '/api.php/memberLogin',
            type: 'POST',
            data: formData
        }).done(function(response){
            if ($('#loginAction').val()=='reset' && response.id) {
                response.success = true;
            }
            if (response.success) {
                if ($('#loginAction').val()=='reset') {
                    $('#formLogin .response').html('<div class="alert alert-success">Odoslali sme vám email s ďalším postupom</div>');
                } else {
                    $('#formLogin .response').html('<div class="alert alert-success">' + response.message + '</div>');
                    $('#modalLogin').modal('toggle');
                    location.replace('/index.php');
                }
            } else {
                $('#formLogin .response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
            console.log(response);
        });
    });

    $(document).on('click','.editRider',function(event) {
        event.preventDefault();
        var rider = $(this).attr('data-id');
        let stateObj = { rider: rider }
        window.history.pushState({rider:rider}, "Rider " + rider, '/index.php/green-zone/rider/' + rider);
        $.ajax({
            url: '/api.php/loadRider',
            type: 'POST',
            data: {id: rider}
        }).done(function(response){
            $('table').hide();
            $.each(response.data, function(index,value) {
                if (index=='bike' || index=='race_group') {
                } else {
                    $('.riderForm input[name="' + index + '"]').val(value);
                }
            });
            console.log('RESPONSE RIDER',response.data.bike,response.data.race_group);

            $('.riderForm .kw-btn-check').removeClass('active');
            $('.riderForm .kw-btn-check input').attr('checked',false);
            $('#collapseForm').toggle('open');
//            $('.riderForm input[type="radio"]').attr('checked',false).closest('label').removeClass('active');

            $('.riderForm input.bike' + response.data.bike).attr('checked',true);
            $('.riderForm label.bike' + response.data.bike).addClass('active').trigger('click');

            $('.riderForm input.race_group' + response.data.race_group).attr('checked',true);
            $('.riderForm label.race_group' + response.data.race_group).addClass('active').trigger('click');

//            $('.riderForm input[name="race_group"][value="' + response.data.race_group + '"]').attr('checked',true).closest('label').addClass('active').trigger('click');
            return;
        });
    });

    $(document).on('click','.memberForm .makeRiders',function(event) {
        var DATA = [];
        $.each($(".memberForm .rider-group .active input"), function() {
            DATA.push($(this).attr('data-rider') + ';' + $(this).val());
        });
        console.log('makeRiders',DATA);
        $.ajax({
            url: '/api.php/ridersUpdateAll',
            type: 'POST',
            data: { data: DATA}
        }).done(function(response){
            location.reload();
        });
    });

    $(document).on('submit','.memberForm form',function(event) {
        event.preventDefault();
        var formData = $(this).serialize();
        console.log(formData);
        $('.overlay').show();
        $.ajax({
            url: '/api.php/memberUpdate',
            type: 'POST',
            data: formData
        }).done(function(response){
            $('.overlay').hide();
//            console.log('RESPONSE',response);
            if (response.success) {
                if ($('#loginAction').val()=='reset') {
                    $('.memberForm form .response').html('<div class="alert alert-success">Odoslali sme vám email s ďalším postupom</div>');
                } else {
                    $('.memberForm form .response').html('<div class="alert alert-success">' + response.message + '</div>');
                    location.replace('/index.php/green-zone');
                }
            } else {
                $('.memberForm form .response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
            console.log(response);
        });
    });

    $(document).on('click','.riderForm label.kw-btn-check',function(event) {
//        console.log('label clicked',$(this).attr('class'));
//        $(this).closest('.btn-group').find('input').attr('checked',false);
//        $(this).find('input').attr('checked',true);
    });

    $(document).on('submit','.riderForm form',function(event) {
        event.preventDefault();
        var formData = $(this).serialize();
        console.log(formData);

        var valid = $(".riderForm form").valid();

        $('.race-group').removeClass('is-invalid');
        $('.bike-group').removeClass('is-invalid');
        if (!valid) {
            if ($('input.race.error').length) {
                $('.race-group').addClass('is-invalid');
            }
            if ($('input.bike.error').length) {
                $('.bike-group').addClass('is-invalid');
            }
            return false;
        }

        $('.overlay').show();
        $.ajax({
            url: '/api.php/riderUpdate',
            type: 'POST',
            data: formData
        }).done(function(response){
            $('.overlay').hide();
//            console.log('RESPONSE',response);
            if (response.success) {
                if ($('#loginAction').val()=='reset') {
                    $('.riderForm form .response').html('<div class="alert alert-success">Odoslali sme vám email s ďalším postupom</div>');
                } else {
                    $('.riderForm form .response').html('<div class="alert alert-success">' + response.message + '</div>');
                    location.replace('/index.php/green-zone/rider');
                }
            } else {
                $('.riderForm form .response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
            console.log(response);
        });
    });


    $(document).on('submit','#formPassword',function(event) {
        event.preventDefault();
        var formData = {
            password: $('#passPassword').val(),
            password2: $('#passPassword').val(),
            uuid: $('#passUUID').val(),
            oid: $('#passOID').val(),
            token: $('#passToken').val(),
        };
        console.log(formData);
        $.ajax({
            url: '/api.php/memberPassword',
            type: 'POST',
            data: formData
        }).done(function(response){
            if (response.success) {
                $('#formPassword .response').html('<div class="alert alert-success">' + response.message + '</div>');
                $('#formPassword .toRemove').remove();
                $('#formPassword .toShow').removeClass('d-none').show();
            } else {
                $('#formPassword .response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
            console.log(response);
        });
    });
    
    $('#formPassword').validate({
        rules : {
            password : {
                minlength : 6
            },
            password_confirm : {
                minlength : 6,
                equalTo : "#passPassword"
            }
        }
    });

    $('#modalLogin').on('show.bs.modal',function() {
        $('#modalLogin .response').html('');
        $('#modalLogin #loginAction').val('login');
        $('#modalLogin .toRemove').removeClass('fade').show();
        $('#modalLogin .toShow').removeClass('d-none').hide();
    });

    $(document).on('click','#linkForget',function(event) {
        event.preventDefault();
        $('#modalLogin .toRemove').addClass('fade').hide();
        $('#modalLogin .toShow').removeClass('d-none').show();
        $('#modalLogin .response').html('');
        $('#modalLogin #loginAction').val('reset');
    });

    $(document).on('click','.btnSettings',function(e) {
        e.preventDefault();
        $('#modalEditSettings .modal-body').html('');
        $.ajax({
            url: '/api.php/editSettings',
            type: 'POST',
        }).done(function(response){
            $('#modalEditSettings .modal-body').html(response.html);
            $('#modalEditSettings').modal('toggle');
        });
    });

    $(document).on('click','.btnEditRider',function() {
            var rider = $(this).attr('data-id');
            $('#modalEditRider .modal-body').html('');
            $.ajax({
                url: '/api.php/editRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                $('#modalEditRider .modal-body').html(response.html);
                $('#modalEditRider').modal('toggle');
            });
    });
    $(document).on('click','.btnVybavenyRider',function() {
        if (confirm("Naozaj chces oznacit ako vybaveneho?")) {
            var rider = $(this).attr('data-id');
            console.log('RIDER',rider);
            var TR = $(this).closest('tr');
            $.ajax({
                url: '/api.php/vybavenyRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                $(TR).removeClass('ridervybaveneNIE').addClass('ridervybaveneANO');
            });
        }
    });
    $(document).on('click','.riderRow',function() {
//            $(".paymentOptions").hide();
    });
    $(document).on('click','.btnPayRider',function() {
            var rider = $(this).attr('data-id');
            $(".paymentOptions"+rider).show().removeClass('d-none');
    });
    $(document).on('click','.btnPaymentRider',function() {
        if (confirm("Naozaj chces oznacit ako zaplatene?")) {
            var rider = $(this).attr('data-id');
            var btn = $(this);
            console.log('RIDER',rider);
            var TR = $(this).closest('tr');
            $.ajax({
                url: '/api.php/paymentRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                if (response.success) {
                    $(TR).removeClass('riderplatbaNIE').addClass('riderplatbaANO');
                    $(btn).remove();
                }
            });
        }
    });
    $(document).on('click','.btnPressRider',function() {
        if (confirm("Naozaj chces oznacit ako novinara?")) {
            var rider = $(this).attr('data-id');
            var btn = $(this);
            console.log('RIDER',rider);
            var TR = $(this).closest('tr');
            $.ajax({
                url: '/api.php/pressRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                if (response.success) {
                    $(TR).removeClass('riderplatbaNIE').addClass('riderplatbaANO');
                    $(".paymentOptions").hide();
                }
            });
        }
    });
    $(document).on('click','.btnGuestRider',function() {
        if (confirm("Naozaj chces oznacit ako hosta/VIP?")) {
            var rider = $(this).attr('data-id');
            var btn = $(this);
            console.log('RIDER',rider);
            var TR = $(this).closest('tr');
            $.ajax({
                url: '/api.php/guestRider',
                type: 'POST',
                data: {rider: rider}
            }).done(function(response){
                if (response.success) {
                    $(TR).removeClass('riderplatbaNIE').addClass('riderplatbaANO');
                    $(".paymentOptions").hide();
                }
            });
        }
    });

    $(document).on('click','.filterSkupina',function() {
        var filter = $(this).attr('data-filter');
        console.log('FILTER',filter);
        $('table tr').show();
        if (filter=='A') $('.riderskupinaB,.riderskupinaC').toggle();
        if (filter=='B') $('.riderskupinaA,.riderskupinaC').toggle();
        if (filter=='C') $('.riderskupinaB,.riderskupinaA').toggle();
        $('table tr.riderplatbaNIE').hide();
    });

    $(document).on('click','a.Fakturacne',function(e) {
        $('.FakturacneWrap').removeClass('d-none');
        e.preventDefault();
        $(this).hide();
    });
    $(document).on('click','.btnUserData',function(e) {
        $('.memberForm input').attr('checked',false);
        $(this).each(function() {
          $.each(this.attributes, function() {
            // this.attributes is not a plain object, but an array
            // of attribute nodes, which contain both the name and value
            if(this.specified && this.name.match(/data-/)) {
                var name = this.name.substr(5);
                console.log(this.name, this.value, name);
                if (name=='bike' || name=='race_group') {
                    $('.memberForm input[name="' + name + '"][value="' + this.value + '"]').attr('checked',true).closest('label').addClass('active').trigger('click');
                } else {
                    $('.memberForm input[name="' + name + '"]').val(this.value);
                }
            }
          });
        });
        var top = $('.memberForm').offset().top - 150;
        if (top<0) top=0;
        $([document.documentElement, document.body]).animate({
            scrollTop: top
        },500);
    });

    $.fn.editable.defaults.mode = 'popup';
    $('.editable').editable();

    $(document).on('click','#btnSubmitEdit',function(e) {
        e.preventDefault();
        var valid = $("#modalEditRider form").valid();
        form_data = $('#modalEditRider form').serialize();
        if (!valid) { return false; }

        var BTN = $(this);
        $('.overlay').show();

        $.ajax({
            url: '/api.php/saveRider',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
        });
    });

    $(document).on('click','#btnSubmitSettings',function(e) {
        e.preventDefault();
        var valid = $("#modalEditSettings form").valid();
        form_data = $('#modalEditSettings form').serialize();
        if (!valid) { return false; }

        var BTN = $(this);
        $('.overlay').show();

        $.ajax({
            url: '/api.php/saveSettings',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
            $("#modalEditSettings").toggle('modal');
            $('.modal-backdrop.show').remove();
        });
    });


    $(document).on('click','#btnSubmitBooking2RaceDays',function() {
        var valid = $("#modalBooking form").valid();
        form_data = $('#modalBooking form').serialize();
//        console.log('VALID',valid, form_data);
        $('.race-group').removeClass('is-invalid');
        $('.bike-group').removeClass('is-invalid');
        if (!valid) {
            if ($('input.race.error').length) {
                $('.race-group').addClass('is-invalid');
                $('.bookingForm').show();
                $('.bookingConfirm').hide();
                $('.modal-footer').show();
            }
            if ($('input.bike.error').length) {
                $('.bike-group').addClass('is-invalid');
                $('.bookingForm').show();
                $('.bookingConfirm').hide();
                $('.modal-footer').show();
            }
            return false;
        }
        var BTN = $(this);
        $('.overlay').show();
        $.ajax({
            url: '/api.php/BookRaceDaysOK',
            type: 'POST',
            data: form_data
        }).done(function(response){
            $('.overlay').hide();
            if (response.success) {
                $('.bookingForm').hide();
                $('.bookingConfirm').show();
                $('.modal-footer').hide();
                $('div.bookingConfirm div.response').html(response.html);
            } else {
                $('.bookingConfirm').show();
                $('.modal-footer').show();
                $('div.bookingConfirm div.response').html('<div class="alert alert-danger">' + response.message + '</div>');
            }
        });
        return false;
    });

});



// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
    'use strict';
    window.addEventListener('load', function() {
      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      var forms = document.getElementsByClassName('needs-validation');
      // Loop over them and prevent submission
      var validation = Array.prototype.filter.call(forms, function(form) {
        form.addEventListener('submit', function(event) {
          if (form.checkValidity() === false) {
            event.preventDefault();
            event.stopPropagation();
          }
          form.classList.add('was-validated');
        }, false);
      });
    }, false);
})();



/*
(function() {
  'use strict';
  window.addEventListener('load', function() {
    // fetch all the forms we want to apply custom style
    var inputs = document.getElementsByClassName('form-control')

    // loop over each input and watch blur event
    var validation = Array.prototype.filter.call(inputs, function(input) {

      input.addEventListener('blur', function(event) {
        // reset
        input.classList.remove('is-invalid')
        input.classList.remove('is-valid')

        if (input.checkValidity() === false) {
            input.classList.add('is-invalid')
        }
        else {
            input.classList.add('is-valid')
        }
      }, false);
    });
  }, false);
})()
*/