$(document).ready(function() {
    $(document).on("click", "#rezervace .date_cell, #rezervace .change", function (event) {
        var date = ($(this).attr('date')).split('-');
        return_rezervace_html(date[0], date[1], date[2]);
    });

    $(document).on("click", "#rezervace .rez_sport_box", function (event) {
        var date = ($(this).attr('date')).split('-');
        var sport = $(this).attr('sport');
        return_rezervace_html(date[0], date[1], date[2], sport);
    });

    $(document).on("click", "#rezervace .rez_usek_td", function (event) {
        $(this).toggleClass('rez_usek_td_vybrano');
        var datum_od = $(this).attr('date_od');
        var datum_do = $(this).attr('date_do');
        var sport = $(this).attr('sport');
        return_vybrane_html(datum_od, datum_do, sport, true);
    });

    $(document).on("click", "#rezervace .rez_smazat", function (event) {
        var datum_od = $(this).attr('date_od');
        var datum_do = $(this).attr('date_do');
        var sport = $(this).attr('sport');
        return_vybrane_html(datum_od, datum_do, sport);
    });

    function return_rezervace_html(rok, mesic, den, sport = '') {
        if (("#rezervace").length) {
            const url = new URL(location);
            url.searchParams.set("y", rok);
            url.searchParams.set("m", mesic);
            url.searchParams.set("d", den);

            // sport
            sport_ajax = '';
            if (sport) {
                url.searchParams.set("s", sport);
                sport_ajax = '&s='+sport;
            } else {
                var sport = url.searchParams.get("s");
                if (sport) {
                    sport_ajax = '&s='+sport;
                    url.searchParams.set("s", sport);
                }
            }
            history.pushState({}, "", url);

            $.ajax({
                url: '/shortcode/rezervace.php?ajax=1&d='+den+'&m='+mesic+'&y='+rok+sport_ajax,
                type: "get",
                data: "",
                dataType: 'html',
                beforeSend: function () {
                    $("#loader").show();
                },
                success: function (data) {
                    $("#rezervace").html(data);
                    $("#loader").hide();
                }
            });
        }
    }

    function return_vybrane_html(datum_od, datum_do, sport, rez_usek = false) {
        if (("#rez_vybrane").length) {
            $.ajax({
                url: '/shortcode/rezervace.php?vybrane=1',
                type: "post",
                data: {"datum_od": datum_od, "datum_do": datum_do, "sport": sport, "rez_usek":rez_usek},
                dataType: 'html',
                beforeSend: function () {
                    $("#loader").show();
                },
                success: function (data) {
                    if (rez_usek == false) {
                        location.reload();
                    } else {
                        $("#rez_vybrane").html(data);
                        $("#loader").hide();
                    }
                }
            });
        }
    }

    $(document).on("click", "#rezervace #rezervovat", function (event) {
        $("#popup_head_text").html('Rezervace');
        show_popup('popup-rezervace');
        $("#popup_front.popup-rezervace #popup_content").load("/shortcode/rezervace.php?popup=1");
    });

    $(document).on('submit', '.popup-rezervace form', function() {
        $("#loader").show();

        // data
        var data = new FormData();
        var form_data = $(".popup-rezervace #popup_content form").serializeArray();
        $.each(form_data, function (key, input) {
            data.append(input.name, input.value);
        });

        $.ajax({
            method: "POST",
            processData: false,
            contentType: false,
            data: data,
            url: "/shortcode/rezervace.php?rezervace=1",
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (data['error']) {
                    $(".popup-rezervace #popup_content .div_messages.message").hide();
                    $(".popup-rezervace #popup_content .div_messages.error").text(data['error']).show();
                } else {
                    $(".popup-rezervace #popup_content .div_messages.error").hide();
                    $(".popup-rezervace #popup_content .div_messages.message").text(data['message']).show();
                    $(".popup-rezervace #popup_content table.form_table").hide();
                    setTimeout(function(){window.location.reload();}, 2000);
                }
                $("#loader").hide();
            }
        });

        $("#loader").hide();
        return false;
    });
});