Payment_Reconciliation/static/js/village.js

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.");
        }

    });
}