<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script>
    const app = Vue.createApp({});

    new Vue({
        el: '#app',
    });

    $(document).ready(function () {
        $('#search-btn').click(function () {
            $('#search-btn').hide();
            $('#cancel-btn').show();
        });

        $('#cancel-btn').click(function () {
            $('#cancel-btn').hide();
            $('#search-btn').show();
        });
    });

    var table = document.getElementById('mytable');
    var newRow = table.insertRow();
    var cell1 = newRow.insertCell(0);
    var cell2 = newRow.insertCell(1);
    var cell3 = newRow.insertCell(2);
    var cell4 = newRow.insertCell(3);
    var cell5 = newRow.insertCell(4);
    var cell6 = newRow.insertCell(5);
    cell1.innerHTML = '車牌號碼';
    cell2.innerHTML = '預約樓層';
    cell3.innerHTML = '拜訪公司';
    cell4.innerHTML = '車輛類別';
    cell5.innerHTML = '車輛類型';
    cell6.innerHTML = '駕駛人公司';

    var selectElement = document.getElementById("mySelect");
    for (var i = 1; i <= 6; i++) {
        var option = document.createElement("option");
        option.text = "Option " + i;
        option.value = i;
        selectElement.appendChild(option);
    }

    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    var milliseconds = date.getMilliseconds();

    var leftElement = document.getElementById('leftElement');
    var middleElement = document.getElementById('middleElement');
    var rightElement = document.getElementById('rightElement');

    window.onload = function () {
        var leftHeight = leftElement.clientHeight;
        document.getElementById('middleElement').style.height = leftHeight + 'px';
        document.getElementById('rightElement').style.height = leftHeight + 'px';
    };

    document.getElementById('datetimeForm').addEventListener("submit", function(event) {
    event.preventDefault(); 
    var datetimeValue = document.getElementById("datetime").value;
    alert("Selected datetime: " + datetimeValue);
});

app.mount('#app');

</script>