// window.onload = function () {
//     document.getElementById('Village_Name').focus();
// };
 
// $(document).ready(function () {

//     // STATE → DISTRICT
//     $('#state_Id').change(function () {

//         var stateId = $(this).val();

//         if (stateId) {

//             $.ajax({
//                 url: '/get_districts/' + stateId,
//                 type: 'GET',

//                 success: function (data) {

//                     var districtDropdown = $('#district_Id');

//                     districtDropdown.empty();
//                     districtDropdown.append('<option value="" disabled selected>Select District</option>');

//                     data.forEach(function (district) {

//                         districtDropdown.append(
//                             '<option value="' + district.id + '">' + district.name + '</option>'
//                         );

//                     });

//                     districtDropdown.prop('disabled', false);

//                 }

//             });

//         }

//     });


//     // DISTRICT → BLOCK
//     $('#district_Id').change(function () {

//         var districtId = $(this).val();

//         if (districtId) {

//             $.ajax({
//                 url: '/get_blocks/' + districtId,
//                 type: 'GET',

//                 success: function (data) {

//                     var blockDropdown = $('#block_Id');

//                     blockDropdown.empty();
//                     blockDropdown.append('<option value="" disabled selected>Select Block</option>');

//                     data.forEach(function (block) {

//                         blockDropdown.append(
//                             '<option value="' + block.id + '">' + block.name + '</option>'
//                         );

//                     });

//                     blockDropdown.prop('disabled', false);

//                 }

//             });

//         }

//     });


//     // VILLAGE NAME VALIDATION
//     $('#Village_Name').on('input', function () {

//         var villageName = $(this).val();
//         var validPattern = /^[A-Za-z ]*$/;

//         if (!validPattern.test(villageName)) {

//             $('#villageMessage')
//                 .text('Only letters and spaces are allowed!')
//                 .css('color', 'red');

//             $('#submitVillage').prop('disabled', true);

//         } else {

//             $('#villageMessage').text('');
//             $('#submitVillage').prop('disabled', false);

//         }

//     });


//     // CHECK DUPLICATE VILLAGE
//     $('#Village_Name, #block_Id').on('change keyup', function () {

//         var blockId = $('#block_Id').val();
//         var villageName = $('#Village_Name').val().trim();

//         if (blockId && villageName) {

//             $.ajax({

//                 url: '/check_village',
//                 type: 'POST',

//                 data: {
//                     block_Id: blockId,
//                     Village_Name: villageName
//                 },

//                 success: function (response) {

//                     if (response.status === 'exists') {

//                         $('#villageMessage')
//                             .text(response.message)
//                             .css('color', 'red');

//                         $('#submitVillage').prop('disabled', true);

//                     } else {

//                         $('#villageMessage')
//                             .text(response.message)
//                             .css('color', 'green');

//                         $('#submitVillage').prop('disabled', false);

//                     }

//                 },

//                 error: function () {

//                     $('#villageMessage')
//                         .text('Error checking village name')
//                         .css('color', 'red');

//                     $('#submitVillage').prop('disabled', true);

//                 }

//             });

//         }

//     });


//     // ADD VILLAGE
//     $('#villageForm').submit(function (event) {

//         event.preventDefault();

//         $.ajax({

//             url: '/add_village',
//             type: 'POST',
//             data: $(this).serialize(),

//             success: function (response) {

//                 if (response.status === 'success') {

//                     alert('Village added successfully!');
//                     location.reload();

//                 } else {

//                     alert('Error adding village. Please try again.');

//                 }

//             },

//             error: function () {

//                 alert('An error occurred. Please try again.');

//             }

//         });

//     });

// });

window.onload = function () {
    document.getElementById('Village_Name').focus();
};
 
$(document).ready(function () {

    // 🔥 RESTORE VIEW MODE AFTER RELOAD
    var viewMode = localStorage.getItem("viewMode");

    if (viewMode === "table") {
        $('#addForm').hide();
        $('#addTable').show();
    } else {
        $('#addForm').show();
        $('#addTable').hide();
    }


    // 🔥 BUTTON TOGGLE LOGIC

    $('#addButton').click(function () {
        $('#addForm').show();
        $('#addTable').hide();

        localStorage.setItem("viewMode", "form");
    });

    $('#displayButton').click(function () {
        $('#addForm').hide();
        $('#addTable').show();

        localStorage.setItem("viewMode", "table");
    });


    // STATE → DISTRICT
    $('#state_Id').change(function () {

        var stateId = $(this).val();

        if (stateId) {

            $.ajax({
                url: '/get_districts/' + stateId,
                type: 'GET',

                success: function (data) {

                    var districtDropdown = $('#district_Id');

                    districtDropdown.empty();
                    districtDropdown.append('<option value="" disabled selected>Select District</option>');

                    data.forEach(function (district) {

                        districtDropdown.append(
                            '<option value="' + district.id + '">' + district.name + '</option>'
                        );

                    });

                    districtDropdown.prop('disabled', false);

                }

            });

        }

    });


    // DISTRICT → BLOCK
    $('#district_Id').change(function () {

        var districtId = $(this).val();

        if (districtId) {

            $.ajax({
                url: '/get_blocks/' + districtId,
                type: 'GET',

                success: function (data) {

                    var blockDropdown = $('#block_Id');

                    blockDropdown.empty();
                    blockDropdown.append('<option value="" disabled selected>Select Block</option>');

                    data.forEach(function (block) {

                        blockDropdown.append(
                            '<option value="' + block.id + '">' + block.name + '</option>'
                        );

                    });

                    blockDropdown.prop('disabled', false);

                }

            });

        }

    });


    // VILLAGE NAME VALIDATION
    $('#Village_Name').on('input', function () {

        var villageName = $(this).val();
        var validPattern = /^[A-Za-z ]*$/;

        if (!validPattern.test(villageName)) {

            $('#villageMessage')
                .text('Only letters and spaces are allowed!')
                .css('color', 'red');

            $('#submitVillage').prop('disabled', true);

        } else {

            $('#villageMessage').text('');
            $('#submitVillage').prop('disabled', false);

        }

    });


    // CHECK DUPLICATE VILLAGE
    $('#Village_Name, #block_Id').on('change keyup', function () {

        var blockId = $('#block_Id').val();
        var villageName = $('#Village_Name').val().trim();

        if (blockId && villageName) {

            $.ajax({

                url: '/check_village',
                type: 'POST',

                data: {
                    block_Id: blockId,
                    Village_Name: villageName
                },

                success: function (response) {

                    if (response.status === 'exists') {

                        $('#villageMessage')
                            .text(response.message)
                            .css('color', 'red');

                        $('#submitVillage').prop('disabled', true);

                    } else {

                        $('#villageMessage')
                            .text(response.message)
                            .css('color', 'green');

                        $('#submitVillage').prop('disabled', false);

                    }

                },

                error: function () {

                    $('#villageMessage')
                        .text('Error checking village name')
                        .css('color', 'red');

                    $('#submitVillage').prop('disabled', true);

                }

            });

        }

    });


    // ADD VILLAGE
    $('#villageForm').submit(function (event) {

        event.preventDefault();

        $.ajax({

            url: '/add_village',
            type: 'POST',
            data: $(this).serialize(),

            success: function (response) {

                if (response.status === 'success') {

                    alert('Village added successfully!');
                    location.reload();

                } else {

                    alert(response.message || 'Error adding village. Please try again.');

                }

            },

            error: function () {

                alert('An error occurred. Please try again.');

            }

        });

    });

});


// 🔥 DELETE FUNCTION (UPDATED)
function deleteVillage(villageId) {

    if (!confirm("Are you sure you want to delete this village?")) {
        return;
    }

    // ✅ save that user is on table
    localStorage.setItem("viewMode", "table");

    $.ajax({
        url: '/delete_village/' + villageId,
        type: 'GET',

        success: function () {

            setTimeout(function () {

                alert("Village deleted successfully!");

                // reload but stay on table
                location.reload();

            }, 1000);

        },

        error: function () {
            alert("Error deleting village. Please try again.");
        }

    });
}