var url_controller = baseUrl + '/login/';
var save_method, remember;
var id_use = 0;

$(document).ready(function () {
    if (localStorage.getItem('remember_me')) {
        $("[name=username]").val(localStorage.getItem('username'));
        $("[name=remember]").attr('checked', true);
        remember = true;
    }
});

$('.btn-tab-register').click(function (e) {
    e.preventDefault();
    empty_input();

    $('#tab-register').removeClass('d-none');
    $('#tab-login').addClass('d-none');
});

$('.btn-tab-login').click(function (e) {
    e.preventDefault();
    $('#tab-register').addClass('d-none');
    $('#tab-login').removeClass('d-none');
});

function remember_me() {
    if (remember) {
        localStorage.setItem('username', $("[name=username]").val());
        localStorage.setItem('remember_me', remember);
    } else {
    }
}

$('.btn-sign-in').click(function (e) {
    e.preventDefault();
    $('.form-group input').removeClass('is-invalid');
    $('.parsley-error-filled').text('');
    $('.invalid-feedback').empty();
    $('.text-message').html('');

    save_method = $(this).data('method');
    var formData = new FormData($('.form-login')[0]);

    var token = get_csrf();
    formData.append([csrfName], token);

    $.ajax({
        url: url_controller + 'do_login',
        type: "POST",
        data: formData,
        contentType: false,
        processData: false,
        dataType: "JSON",
        beforeSend: function () {
            showLoading()
        },
        complete: function (data) {
            hideLoading();
        },
        success: function (data) {
            if (data.status) {
                remember_me();
                localStorage.setItem('guest', false);
                location.href = baseUrl + '/home';
            } else {
                if (data.error_login != '') {
                    $('.text-message').html(data.error_login);
                }
                input_error(data);
            }
            update_csrf(data.token_csrf);
            showLoading();
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('.btn_save_group').button('reset');
            hideLoading();
        }
    });//end ajax
});

$('.btn-register').click(function (e) {
    e.preventDefault();
    $('.form-group input').removeClass('is-invalid');
    $('.parsley-error-filled').text('');
    $('.invalid-feedback').empty();
    $('.text-message').html('');

    save_method = $(this).data('method');
    var formData = new FormData();
    let name = $("#name").val();
    let phone_number = $("#phone_number").val();
    let email = $("#email").val();

    formData.append('name', name);
    formData.append('phone_number', phone_number);
    formData.append('email', email);

    var token = get_csrf();
    formData.append([csrfName], token);

    showLoading();

    $.ajax({
        url: url_controller + 'do_register',
        type: "POST",
        data: formData,
        contentType: false,
        processData: false,
        dataType: "JSON",
        beforeSend: function () {
            showLoading();
        },
        complete: function (data) {
            hideLoading();
        },
        success: function (data) {
            hideLoading();
            if (data.status) {
                remember_me();
                localStorage.setItem('guest', false);
                location.href = baseUrl + '/login';
            } else {
                if (data.error_login != '') {
                    $('.text-message').html(data.error_login);
                }
                input_error(data);
            }
            update_csrf(data.token_csrf);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('.btn_save_group').button('reset');
            hideLoading();
            notif_error('Terjadi kesalahan: ' + textStatus);
        }
    });//end ajax
});

$('#password-addon').click((e) => {
    var password = $("#password-input");
    if (password.attr("type") == "password") {
        password.attr("type", "text");
    } else {
        password.attr("type", "password")
    }
});

$(document).on("change", "[name=remember]", function () {
    remember = $(this).is(':checked');
    remember_me();
});

$("[name=status_married]").change(function (e) {
    e.preventDefault();
    let this_val = $(this).val();

    if (this_val == 1) {
        $("#partner").removeClass('d-none')
    } else {
        $("#partner").addClass('d-none')
    }
});

$("[name=local_citizen]").change(function (e) {
    e.preventDefault();
    let this_val = $(this).val();

    if (this_val == 2) {
        $("#citizen").parent().removeClass('d-none')
    } else {
        $("#citizen").parent().addClass('d-none')
    }
});

$("[name=member]").change(function (e) {
    e.preventDefault();
    let this_val = $(this).val();

    if (this_val == 2) {
        $(".form-isntantion").removeClass('d-none');
    } else {
        $("#other_institute").val('');
        $(".form-isntantion").addClass('d-none');
    }
});

$(".btn-sign-up").click(function (e) {
    e.preventDefault();

    $('.form_input')[0].reset();
    $("#prodi").val('').trigger('change');
    $(".form-isntantion").addClass('d-none');
    $("#citizen").parent().addClass('d-none')
    $("#religion").val('').trigger('change');
    $("#partner").addClass('d-none');
    $('.invalid-feedback').empty();
    $('.form-control').removeClass('is-invalid');
    $('select').removeClass('is-invalid');
    $('.invalid-feedback').removeClass('d-block');

    $("#login-content").addClass('d-none');
    $("#register-content").removeClass('d-none');
});

$(".btn-login").click(function (e) {
    e.preventDefault();
    $("#login-content").removeClass('d-none');
    $("#register-content").addClass('d-none');
});

$('.btn-save-sign-up').click(function (e) {
    e.preventDefault();
    showLoading();

    $('.invalid-feedback').empty();
    $('.form-control').removeClass('is-invalid');
    $('select').removeClass('is-invalid');
    $('.invalid-feedback').removeClass('d-block');

    var formData = new FormData($('.form_input')[0]);
    var url;

    formData.append('phone_number', phone_number.getRawValue())

    $.ajax({
        url: url_controller + 'save/?token=' + _token_user,
        type: 'POST',
        dataType: 'JSON',
        data: formData,
        contentType: false,
        processData: false,
        beforeSend: function () {
            showLoading();
        },
        success: function (data) {
            hideLoading();
            if (data.status) {
                notif_success(`<b>Sukses :</b> Data berhasil`);
                $("#login-content").removeClass('d-none');
                $("#register-content").addClass('d-none');
            } else {
                for (var i = 0; i < data.inputerror.length; i++) {
                    if ($('[name="' + data.inputerror[i] + '"]').parent().hasClass('input-group')) {
                        $('[name="' + data.inputerror[i] + '"]').addClass('is-invalid').parent().parent().children().eq(2).addClass('d-block').text(data.error_string[i]);
                    } else if ($('[name="' + data.inputerror[i] + '"]').parent().hasClass('form-check-inline')) {
                        $('[name="' + data.inputerror[i] + '"]').parent().parent().children().eq(4).addClass('d-block').text(data.error_string[i]);
                    } else {
                        $('[name="' + data.inputerror[i] + '"]').addClass('is-invalid');
                        $('[name="' + data.inputerror[i] + '"]').siblings(':last').text(data.error_string[i]);
                        $('[name="' + data.inputerror[i] + '"]').siblings(':last').addClass('d-block');
                    }
                }
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            hideLoading();
            notif_error('Terjadi kesalahan: ' + textStatus);
        }
    }); //end ajax
});