invisio v2.0

<?php

include('header.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

<body class="top-navigation">
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg px-0">
            <div class="wrapper-content animated fadeInRight">
                <div class=" container px-0">
                    
                    <div class="row">
                        <div id="Loading">
                            <div class="spiner-example">
                                <div class="sk-spinner sk-spinner-wave">
                                    <div class="sk-rect1"></div>
                                    <div class="sk-rect2"></div>
                                    <div class="sk-rect3"></div>
                                    <div class="sk-rect4"></div>
                                    <div class="sk-rect5"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-12 mb-3" id="show_list">
                        </div>
                    </div>

</div>
            </div>
        </div>
    </div>

<?php include('footer.php'); ?>

eventClick: function(event) {
                    const dateStr = new Date(event.start);
                    // const dateStr = birthday.getDay();
                    console.log(dateStr);
                    // alert(dateStr);

//รับค่าจาก path link
                    const queryString = window.location.search;
                    const urlParams = new URLSearchParams(queryString);
                    var house_id = urlParams.get('id');
                    $.ajax({
                        type: "post",
                        url: "modalimage.php",
                        data: {
                            house_id: house_id,
                            dateStr: dateStr

},
                        dataType: "html",
                        success: function(response) {
                            $("#modal").modal('show');
                            $("#show_modal").html(response);
                        }
                    });

},
                dayClick: function(date) {
                    const dateStr = new Date(date);
                    // const dateStr = birthday.getDay();
                    // console.log(dateStr);
                    // alert(dateStr);

},
                        dataType: "html",
                        success: function(response) {
                            $("#modal").modal('show');
                            $("#show_modal").html(response);
                        }
                    });
                },
                navLinks: true,
                dayMaxEvents: true,
                displayEventTime: true,
                selectable: true,
                // weekNumbers: true,
                defaultDate: '<?php echo date("Y-m-d"); ?>',
                lang: 'th',
                buttonIcons: false, // show the prev/next text
                weekNumbers: false,
                editable: true,
                eventLimit: true, // allow "more" link when too many events
                events: "ajax/calender.php?id=" + house_id,
                displayEventTime: false,

});
        }
    </script>
</body>

</html>