var city_url = 'https://www.wal.co.id/en/page/get-cities/';
var error_fields = [];
var onSubmit = function(token) {
var has_error = false;
var err_index = 0;
error_fields = []
$('#frmInquiry *[required]').each(function(i) {
var input = $('#frmInquiry *[required]').eq(i);
if(input.val() == '') {
has_error = true;
input.addClass('is-invalid');
if(err_index == 0) {
input[0].focus();
input[0].select();
$('html,body').animate({scrollTop: (input.offset().top - $('div.header').outerHeight() - 100) + 'px' }, 300);
}
err_index++;
}
});
if(!has_error) {
var form = $('#frmInquiry');
var data = form.serialize();
var action = form.attr('action');
data += '&ajax=1';
/*
var iloading = $('.iloading');
if(iloading.is(':visible')) return false;
var btntop = parseInt($('#submitform').offset().top + ($('#submitform').outerHeight() - 20)/2);
var btnleft = parseInt($('#submitform').offset().left + $('#submitform').outerWidth() + 2);
iloading.show().css('top', btntop+'px').css('left', btnleft+'px');
*/
$.post(action, data, function(response) {
/*iloading.hide();*/
if(response.success) {
/*
$('#frmContact input[type=text], #frmContact input[type=email], #frmContact textarea').val('');
grecaptcha.reset();
$('#msg-title').html('Success!');
$('#msg').html(response.msg);
$('#popupModal').modal('show');
var target_top = $('#frmContact').offset().top - $('#header').outerHeight() + 10;
$('html,body').animate({scrollTop: target_top + 'px'}, 300);
*/
window.location = response.href;
}
else {
$('#msg-title').html(response.title);
$('#msg').html(response.msg);
$('#popupModal').modal('show');
if(error_fields.length > 0) {
for(i = 0; i < error_fields.length; i++) {
$('#' + error_fields[i]).addClass('is-invalid');
if(i == 0) {
document.getElementById(error_fields[i]).focus();
$('html,body').animate({scrollTop: ($('#' + error_fields[i]).offset().top + $('#header').outerHeight() - 50) + 'px' }, 300);
}
}
}
grecaptcha.reset();
}
}, 'json');
}
else {
grecaptcha.reset();
}
};var onloadCallback = function() {
grecaptcha.render('g-recaptcha', {
'sitekey' : '6LcncKQZAAAAAEwEM3OXaKMa60Og6NbYj14G-Gf1'
});
};
$(function() {
$('#frmInquiry').submit(function(event) {
event.preventDefault();
onSubmit();
});
$('#frmInquiry input, #frmInquiry textarea').keyup(function(event) {
$(this).removeClass('is-invalid');
});
$('.dropdown ul a').click(function(event) {
event.preventDefault();
var new_val = $(this).attr('data-value');
var button = $(this).parents('.dropdown').find('button');
button.html($(this).text());
var rel = $(this).parents('.dropdown').attr('rel');
$('#' + rel).val($(this).attr('data-value'));
if(rel == 'province_id') {
$('#city_id').val('');
$('div.dropdown[rel=city_id]').find('button').html('Select City');
$('div.dropdown[rel=city_id]').find('ul').empty();
$.post(city_url, { province_id: new_val, ajax: 1}, function(response) {
if(response.rows) {
for(i = 0; i < response.rows.length; i++) {
var city = response.rows[i];
$('div.dropdown[rel=city_id]').find('ul').append('' + city.city_name + '');
}
$('div.dropdown[rel=city_id]').find('ul').find('a').click(function(event) {
event.preventDefault();
var new_val = $(this).attr('data-value');
var button = $(this).parents('.dropdown').find('button');
button.html($(this).text());
var rel = $(this).parents('.dropdown').attr('rel');
$('#' + rel).val($(this).attr('data-value'));
});
}
}, 'json');
}
});
$('button.btnconfirmdelete').click(function(event) {
var modal_id = $(this).parents('.modal').attr('id');
var pid = $(this).parents('.modal').attr('rel');
var target_to_remove = $(this).parents('.items');
$('#' + modal_id).modal('hide');
$.post('https://www.wal.co.id/en/page/delete-inquiry/', { product_id: pid, ajax:1 }, function(response) {
if(response.success) {
if(response.item_count > 0) {
target_to_remove.fadeOut('fast', function() {
target_to_remove.remove();
});
}
else {
window.location.reload();
}
}
}, 'json');
});
});