require(['jquery','mage/translate'], function ($, $t) {

    $(document).on('click', '.button-whatsapp', function () {
        $(".field.telephone, .msj-new-container, .tertiary, .tertiary .action-login, .tertiary .action-login .send-login-link, .tertiary .action-login .back-login-link, .block-authentication .password-link-login").removeClass("hidden");
        $(".block-authentication .logo-img-col,.block-authentication .logo-img-col-dont-permission,.block-authentication .logo-img-col-dont-losebudget,.block-authentication .block-swissup-social-login,.block-authentication .block-title h2").addClass("hidden");
        $('.send-login-link .sto-label').text($t('Enter'));
        $('.send-login-link').attr('disabled', true);
        $('.action-login-with-code').css('opacity', '0.5');
        $('#telephone').attr("aria-valid", "false");
        $('#telephone').attr("aria-invalid", "false");
        $('.block-authentication #telephone').css({
            'border': "1px solid #AEAEAE"
        });
        $('.need-complete-email-error-whatsapp').addClass('hidden');
        $('.password-link-login').removeClass('mt-4');
    
    });

    $(document).on('click', '.button-email', function () {
        $(".block-authentication .field.email,.block-authentication .msj-new-container, .block-authentication .login-buttons").removeClass("hidden");
        $(".block-authentication .logo-img-col,.block-authentication .logo-img-col-dont-permission,.block-authentication .logo-img-col-dont-losebudget,.block-authentication .block-swissup-social-login,.block-authentication .block-title h2,.block-authentication .username-msg,.block-authentication .new-username-msg").addClass("hidden");
        $("#customer-email").val("");
        $("#customer-email").attr("aria-valid", "false");
        $("#customer-email").attr("aria-invalid", "false");
        $('.block-authentication #customer-email').css({
            'border': "1px solid #AEAEAE"
        });
        $('.need-complete-email-error').addClass('hidden');
        $('.password-link-login').removeClass('mt-4');
        $('.login-with-code .sto-label').text($t('Enter'));
        $('.login-with-code').attr('disabled', true);
        $('.action-login-with-code').css('opacity', '0.5');
       
    });

    $(document).on('click', '.btn-secondary-popup-login', function () {
        $(".block-authentication .logo-img-col,.block-authentication .block-swissup-social-login,.block-authentication .block-title h2, .block-authentication .block-title").removeClass("hidden");
        $(".block-authentication .field.email,.block-authentication .msj-new-container, .field.telephone, .msj-new-container, .tertiary, .tertiary .action-login, .tertiary .action-login .send-login-link, .msj-username-container, action-login secondary, .field.telephone .username-msg-whatsapp, .field.telephone .new-username-msg-whatsapp, .field.whatsapp-code, .block-authentication .login-buttons").addClass("hidden");
        $('#customer-email').prop('disabled', false);
        $('#telephone').prop('disabled', false);
        $("#customer-email").val("");
        $('#telephone').val("");
        $('.block-authentication .send-login-link').removeAttr('disabled');
        $('.login-with-code').removeAttr('disabled');
        $('.action-login-with-code').removeAttr('disabled');
    });

    $(document).on('click', '.back-login-link', function () {
        $(".block-authentication .logo-img-col,.block-authentication .block-swissup-social-login,.block-authentication .block-title h2, .block-authentication .block-title").removeClass("hidden");
        $(".block-authentication .field.email,.block-authentication .msj-new-container,.block-authentication .login-buttons, .field.telephone, .msj-new-container, .tertiary, .tertiary .action-login .send-login-link, action-login secondary, .msj-username-container, .field.telephone .username-msg-whatsapp, .field.telephone .new-username-msg-whatsapp, .field.whatsapp-code, .block-authentication .password-link-login").addClass("hidden");
        $('#customer-email').prop('disabled', false);
        $('#telephone').prop('disabled', false);
        $("#customer-email").val("");
        $('#telephone').val("");
    });

    $(document).on('click', '.send-login-link', function () {
        $('.btn-secondary-popup-login').removeClass("disabled");
        $('.login-with-code').removeClass("disabled");
        $('.action-login-with-code').css('opacity', '0.5');
    });
});