$(document).ready(function () {
    // Handle form submission
    $("#add-review-form").submit(function (event) {
        event.preventDefault();
        var formData = new FormData(this);
        $.ajax({
            url: mw.settings.api_url +"save_review",
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function (data) {
                    console.log(data.error);
               if(data.error){
                $(".review-form-block").append(`<div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>Ahh!!</strong> ${data.error   }
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>`);
               }else{
                $(".review-form-block").append(`<div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>Great!!</strong> Your review sumitted successfuly! We will review and publish your review 
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>`);
               }
                
                $("#add-review-form")[0].reset();
              

            },
            error: function (error) {x
                alert("Error submitting review");
            }
        });
    });

    // Image popup functionality
    $('.reivew-image-popup').on('click', function (e) {
        e.preventDefault();
        var img = $('<img/>').attr('src', $(this).attr('data-image'));
        var popup = $('<div class="image-popup-wrapper"/>').append(img);
        $('body').append(popup);
        popup.on('click', function () {
            $(this).remove();
        });
    });

    $('#add_new_testimonial_show_btn').on('click', function () {

        $('#review-form-block-wrapper').slideToggle(500);
        
    });
 
});