Subversion Repositories SmartDukaan

// Show Scratch Offers

$(document).on('click', '.scratch-offers', function () {

    doGetAjaxRequestHandler(`${context}/store/offer/showScratchOffers`, function (response) {

        $('#main-content').html(response);

    });

});

// Offer image input

$(document).on('click', '.add-offer-image', function () {

    const newEntry = `

        <div class="offer-image-entry">

            <input type="file" class="form-control offer-image-file" accept="image/*" required>

            <input type="hidden" class="offer-image-id" name="offerImageIds[]">

        </div>`;

    $('.offer-images-container').append(newEntry);

});

// Handle offer image upload

$(document).on('input', '.offer-image-file', function () {

    const $input = $(this);

    const $hiddenInput = $input.siblings('.offer-image-id');

    const files = Array.from($input[0].files);

    if (!files.length) {

        alert('Please select images');

        return;

    }

    console.log("files", files);

    // Process all files

    const uploadPromises = files.map(file => {

        return new Promise((resolve, reject) => {

            uploadDocument(file, (documentId) => {

                if (documentId) {

                    resolve(documentId);

                } else {

                    reject(`Upload failed for ${file.name}`);

                }

            });

        });

    });

    Promise.all(uploadPromises)

        .then(newDocIds => {

            // Get existing IDs and append new ones

            const existingIds = $hiddenInput.val()

                ? $hiddenInput.val().split(',')

                : [];

            const allIds = [...existingIds, ...newDocIds];

            $hiddenInput.val(allIds.join(','));

            console.log('Uploaded IDs:', allIds);

        })

        .catch(error => {

            console.error(error);

            alert(`Error: ${error}. Some files might not have uploaded.`);

            $input.val(''); // Clear input on error

        });

});

// Unified gift handling for both create/edit modals

$(document).on('click', '.add-gift', function () {

    // Get current gift index

    const index = $('.gift-row').length;

    const giftRow = $('tr.gift-row:first').clone();

    giftRow.find('input, select, textarea').val('');

    giftRow.find('.default-gift-radio').prop('checked', false);

    giftRow.find('.multiselect-container').remove();

    giftRow.find('button.multiselect').remove();

    giftRow.append('<td class="align-middle">\n' +

        '                <button type="button" class="btn btn-sm btn-danger remove-gift">' +

        '                    <i class="fa fa-times"></i>' +

        '                </button>' +

        '            </td>');

    console.log(giftRow);

    // Append new row to table body

    $(this).closest('table').find('tbody').append(giftRow);

    initMultiselect(giftRow.find('select[name="productCategory"]'), 'Categories');

    initMultiselect(giftRow.find('.partnerInfo'), 'Partner');

});

// Remove gift row

$(document).on('click', '.remove-gift', function () {

    $(this).closest('tr').remove();

});

// Handle gift thumbnail uploads

$(document).on('input', '.gift-thumbnail-file', function () {

    const file = this.files[0];

    const $hiddenInput = $(this).siblings('.gift-thumbnail-id');

    if (file && confirm('Confirm gift thumbnail upload?')) {

        uploadDocument(file, function (documentId) {

            if (documentId) {

                $hiddenInput.val(documentId);

            } else {

                alert('Thumbnail upload failed. Please try again.');

                $(this).val('');

            }

        });

    } else {

        $(this).val('');

    }

});

// Submit offer handler

$(document).on('click', '.submit-offer', function () {

    const form = $('#offerForm');

    // console.log("this is the form data" + form);

    const requiredFields = form.find('[required]');

    const offerImageIds = $('[name="offerImageIds[]"]').map((i, el) => el.value).get();

    if (offerImageIds.some(id => !id)) {

        alert('Please complete all image uploads.');

        return;

    }

    if (!validateRequiredFields(requiredFields)) {

        window.alert('Please fill all required fields');

        return;

    }

    const formData = {

        name: form.find('[name="name"]').val(),

        description: form.find('[name="description"]').val(),

        offerType: "Scratch Card",

        startDate: form.find('[name="start_date"]').val(),

        endDate: form.find('[name="end_date"]').val(),

        termsCondition: form.find('[name="termsCondition"]').val(),

        userLimit: form.find('[name="userLimit"]').val(),

        scratchValidity: form.find('[name="scratchValidity"]').val(),

        productCategory: form.find('[name="productCategory"]').val().toString(),

        paymentMethod: form.find('[name="paymentMethod"]').val().toString(),

        offerImage: form.find('[name="offerImageIds[]"]').map(function () {

            return $(this).val();

        }).get().join(','),

        active: form.find('[name="isActive"]').is(':checked'),

        classification: form.find(".classification").val().toString(),

        gifts: []

    };

    $('#offerModal').on('show.bs.modal', function () {

        // Reset form inputs

        $('#offerForm')[0].reset();

        // Remove all dynamically added gift rows except the first

        $('.gift-row:not(:first)').remove();

        // Clear the first gift row's inputs

        $('.gift-row:first').find('input, select, textarea').val('');

        // Clear offer images container

        $('.offer-images-container').html(`

        <div class="offer-image-entry">

            <input type="file" class="form-control offer-image-file" accept="image/*" required>

            <input type="hidden" class="offer-image-id" name="offerImageIds[]">

        </div>

    `);

        // Reinitialize multiselects

        initMultiselect('select[name="productCategory"]', 'Categories');

        initMultiselect('select[name="partnerInfo"]', 'Partner');

        initMultiselect('select[name="paymentMethod"]', 'Payment method');

        // Reset any file inputs in remaining gift rows

        $('.gift-thumbnail-file, .fofo-store-file').val('');

        $('.gift-thumbnail-id, .fofo-store-id').val('');

    });

    $('.dynamic-table tr.gift-row').each(function () {

        initMultiselect($(this).find('.product-category'), 'Categories');

        const row = $(this);

        console.log("Product categofy {}", row.find('.product-category').val());

        formData.gifts.push({

            id: row.find('[name="gifts[].id"]').val() || null,

            name: row.find('.gift-name').val(),

            minCartValue: row.find('.gift-min-cart').val(),

            maxCartValue: row.find('.gift-max-cart').val(),

            maxRedemptions: row.find('.gift-redemptions').val(),

            thumbnailUrl: row.find('.gift-thumbnail-id').val(),

            productCategory: row.find('.gift-product-category').val() ? row.find('.gift-product-category').val().toString() : "",

            fofoStore: row.find('.fofo-store-id').val() + row.find('.partnerInfo').val(),

            partnerInfo: row.find('.partnerInfo').val(),

            isDefault: row.find('.default-gift-radio').is(':checked')

        });

    });

    // Debug: Check collected data

    console.log("Submitting gift data:", formData.gifts);

    doAjaxRequestWithJsonHandler(

        `${context}/store/offer/createoffer`,

        "POST",

        JSON.stringify(formData),

        function (response) {

            if (response) {

                $('#offerModal').modal('hide');

                $('body').removeClass('modal-open');

                $('.modal-backdrop').remove();

                refreshOfferTable();

                alert('Offer created successfully!');

            } else {

                alert("Cannot create the offer, please Try Again");

            }

        }

    );

});

// Edit Form handler

$(document).on('click', '.edit-offer', function () {

    const id = $(this).val();

    doGetAjaxRequestHandler(`${context}/store/offer/editOffer/${id}`, function (response) {

        $('#edit-modal-content').html(response);

        $('#editOfferModal').modal('show');

    });

});

// Delete offer handler

$(document).on('click', '.delete-offer', function () {

    const id = $(this).val();

    console.log("this is the id" + id);

    if (confirm('Are you sure you want to delete this offer?')) {

        doDeleteAjaxRequestHandler(

            `${context}/store/offer/deleteOffer/${id}`,

            function (res) {

                if (res) {

                    alert('Offer deleted successfully!');

                    refreshOfferTable();

                } else {

                    alert('Can Not Delete ongoing Offer!');

                }

            });

    }

});

// Delete gift handler

$(document).on('click', '.delete-gift', function () {

    const id = $(this).val();

    console.log("this is the id" + id);

    if (confirm('Are you sure you want to delete this gift?')) {

        doDeleteAjaxRequestHandler(

            `${context}/store/gift/deleteGift/${id}`,

            function () {

                refreshOfferTable();

                $('#giftModal').modal('hide');

                $('body').removeClass('modal-open');

                $('.modal-backdrop').remove();

                alert('Gift deleted successfully!');

            }

        );

    }

});

// Get Gift by id

$(document).on('click', '.get-offerby-id', function () {

    const id = $(this).val();

    $('#loading-spinner').show();

    doGetAjaxRequestHandler(

        `${context}/store/giftsByOfferId/${id}`,

        function (response) {

            $('#gift-content').html(response);

            $('#giftModal').modal('show');

            $('#loading-spinner').hide();

        },

        function (error) {

            $('#loading-spinner').hide();

            console.error('API Error:', error);

            alert('Error loading gifts. Check the console for details.');

        }

    );

});

// Referesh Offer Table

function refreshOfferTable() {

    doGetAjaxRequestHandler(`${context}/store/offer/showScratchOffers`, function (response) {

        $('#main-content').html(response);

    });

}

// Update the update button handler

// Fixed Update button handler

$(document).on('click', '.update-offer', function () {

    const form = $('#editofferForm');

    const offerId = $(this).data('offer-id');

    // Debug: Log form existence and fields

    console.log('Form found:', form.length);

    console.log('Offer ID:', offerId);

    const formData = {

        id: form.find('[name="id"]').val(),

        name: form.find('[name="name"]').val(),

        description: form.find('[name="description"]').val(),

        offerType: "Scratch Card",

        startDate: form.find('[name="start_date"]').val(),

        endDate: form.find('[name="end_date"]').val(),

        termsCondition: form.find('[name="termsCondition"]').val(),

        userLimit: parseInt(form.find('[name="userLimit"]').val()) || 0,

        scratchValidity: parseInt(form.find('[name="scratchValidity"]').val()) || 0,

        productCategory: form.find('[name="productCategory"]').val() ? form.find('[name="productCategory"]').val().join(',') : '',

        paymentMethod: form.find('[name="paymentMethod"]').val() ? form.find('[name="paymentMethod"]').val().join(',') : '',

        classification: form.find('[name="classification"]').val() || '',

        gifts: []

    };

    // Debug: Log basic form data

    console.log('Basic form data collected:', formData);

    // Process gifts with better error handling

    // Simplified approach using class selectors

    $('#giftsContainer tbody tr.gift-row').each(function (index) {

        const row = $(this);

        // Use class-based selectors (more reliable)

        const giftId = row.find('input[name*="gifts"][name*="id"]').val();

        const giftName = row.find('.gift-name').val();

        const minCartValue = row.find('.gift-min-cart').val();

        const maxCartValue = row.find('.gift-max-cart').val();

        const maxRedemptions = row.find('.gift-redemptions').val();

        const thumbnailId = row.find('.gift-thumbnail-id').val();

        // Handle multiselects

        const productCategory = row.find('.gift-product-category').val() ?

            row.find('.gift-product-category').val().join(',') : '';

        const partnerInfo = row.find('.partnerInfo').val() ?

            row.find('.partnerInfo').val().join(',') : '';

        const fofoStoreHidden = row.find('.fofo-store-id').val() || '';

        const fofoStore = fofoStoreHidden + (partnerInfo ? (fofoStoreHidden ? ',' : '') + partnerInfo : '');

        console.log(`Gift ${index} data:`, {

            id: giftId,

            name: giftName,

            minCartValue,

            maxCartValue,

            maxRedemptions,

            productCategory,

            fofoStore

        });

        if (!giftName || !minCartValue || !maxCartValue || !maxRedemptions) {

            alert(`Gift ${index + 1} is missing required fields`);

            return false;

        }

        formData.gifts.push({

            id: giftId ? parseInt(giftId) : null,

            name: giftName,

            minCartValue: parseFloat(minCartValue),

            maxCartValue: parseFloat(maxCartValue),

            maxRedemptions: parseInt(maxRedemptions),

            thumbnailUrl: thumbnailId,

            productCategory: productCategory,

            fofoStore: fofoStore,

            partnerInfo: partnerInfo,

            isDefault: row.find('.default-gift-radio').is(':checked')

        });

    });

    // Validate main form data

    if (!formData.name || !formData.startDate || !formData.endDate) {

        alert('Please fill in all required fields');

        return;

    }

    // Submit the form

    doPutAjaxRequestWithJsonHandler(

        `${context}/store/offer/updateOffer/${parseInt(offerId)}`,

        JSON.stringify(formData),

        function (response) {

            console.log('Update response:', response);

            $('#editOfferModal').modal('hide');

            $('body').removeClass('modal-open');

            $('.modal-backdrop').remove();

            refreshOfferTable();

            alert('Offer updated successfully!');

        },

        function (error) {

            console.error('Update failed:', error);

            alert('Failed to update offer. Please try again.');

        }

    );

});

// Update Offer Status

$(document).on('change', '.switch-small input[name="isActive"]', function (e) {

    e.preventDefault();

    var $checkbox = $(this);

    var $switchContainer = $checkbox.closest('.switch-small');

    var offerId = $switchContainer.data('offer-id');

    var newStatus = $checkbox.is(':checked');

    var statusText = newStatus ? 'activate' : 'deactivate';

    if (!confirm('Are you sure you want to ' + statusText + ' this offer?')) {

        $checkbox.prop('checked', !newStatus);

        return;

    }

    var payload = {active: newStatus};

    doPutAjaxRequestWithJsonHandler(

        `${context}/store/offer/updateStatus/${offerId}`,

        JSON.stringify(payload),

        function (response) {

            alert('Offer status updated successfully!');

        },

        function (xhr, status, error) {

            alert('Error updating status: ' + error);

            $checkbox.prop('checked', !newStatus);

        }

    );

});

// Upload fofo-store  csv file

$(document).on('change', '.fofo-store-file', function () {

    const file = this.files[0];

    const row = $(this).closest('.gift-row');

    const hiddenInput = row.find('.fofo-store-id');

    if (file && file.name.endsWith('.csv')) {

        const reader = new FileReader();

        reader.onload = function (e) {

            const text = e.target.result;

            const lines = text.split('\n').filter(line => line.trim() !== '');

            const fofoIds = [];

            // Skip header row (assuming first line is header)

            for (let i = 1; i < lines.length; i++) {

                const columns = lines[i].split(',');

                if (columns[2]) {

                    fofoIds.push(columns[2].trim());

                }

            }

            hiddenInput.val(fofoIds.join(','));

        };

        reader.readAsText(file);

    } else {

        alert('Please upload a valid CSV file');

        hiddenInput.val('');

    }

});

function initMultiselect(selector, name) {

    $(selector).multiselect('destroy');

    $(selector).multiselect({

        includeSelectAllOption: true,

        maxHeight: 200,

        enableFiltering: true,

        nonSelectedText: 'Select ' + name,

        nSelectedText: name + ' selected',

        buttonWidth: '100%'

    });

}