jQuery(document).ready(function($){
    
    $('.dw-checker-submit-button').on('click submit', function(e){
        e.preventDefault();
        var form = $('form.dw-checker-card');
        var result_div = $('div.dw-checker-card');
        var form_input = form.find('input');
        var form_button = form.find('button');
        var formData = form.serialize();
        var result_div = $('div.dw-checker-card');

        form_input.prop('disabled', true);
        form_button.prop('disabled', true);
        form_button.attr('data-text', form_button.text()).html('Searching...');

        $.ajax({
            type: 'post',
            url: checker_js.ajax_url+'?action=check_sheet_data&sheet_url='+$('#sheet_url').val(),
            data: formData,
            success: function (res) {
                console.log(res);
                form_input.prop('disabled', false);
                form_button.prop('disabled', false);
                form_button.html(form_button.attr('data-text')).removeAttr('data-text');
                form.hide();
                if(res.success){
                    $.each(res.data, function(index, member){
                        result_div.find('.dw-checker-result').append('<table class="dw-checker-result" data-index="'+index+'"><tbody></tbody></table>');
                        $.each(member, function(o, m){
                            result_div.find('table[data-index="'+index+'"] tbody').append(`
                                <tr>
                                    <th>`+o+`</th>
                                    <td>: `+m+`</td>
                                </tr>
                            `);
                        });
                    });
                }else{
                    result_div.find('.dw-checker-result').addClass('has-not-found-message').html(result_div.find('.dw-checker-result').data('not-found'));
                }
                result_div.show();
            }
        });
    });
    $('.dw-checker-back-button').on('click', function(e){
        e.preventDefault();
        var checker_id = $(this).data('checker');
        var form = $('#checker-'+checker_id).find('form.dw-checker-wrapper');
        var result_div = $('#checker-'+checker_id).find('div.dw-checker-wrapper');

        form.show();
        result_div.find('.dw-checker-result').removeClass('has-not-found-message').html('');
        result_div.hide();
    });
});