By Creating an Account, you agree to our Term of use and Privacy Policy
Choose a sign-in method to continue
<script>
document.addEventListener('DOMContentLoaded', function() {
const customButton = document.getElementById('brxe-upgota');
const targetPaneId = 'whatsapp_otp';
const targetPane = document.getElementById(targetPaneId);
if (!customButton || !targetPane) return;
customButton.addEventListener('click', function(e) {
e.preventDefault();
document.querySelectorAll('.awp-tab.active').forEach(tab => tab.classList.remove('active'));
customButton.classList.add('active');
const flipContainer = document.getElementById('brxe-mcfmrp');
if (flipContainer) {
flipContainer.classList.remove('flip-active');}
document.querySelectorAll('.awp-tab-pane').forEach(pane => pane.classList.remove('active'));
targetPane.classList.add('active');
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const customButton = document.getElementById('brxe-upgota');
if (!customButton) return;
setTimeout(() => {
const allPluginTabs = document.querySelectorAll('.awp-tab');
allPluginTabs.forEach(tab => {
if (tab.getAttribute('data-tab') !== 'whatsapp_otp' && tab.getAttribute('data-tab')) {
tab.addEventListener('click', function() {
const flipContainer = document.getElementById('brxe-mcfmrp');
if (flipContainer) {
}
if (customButton.classList.contains('active')) {
customButton.classList.remove('active');
console.log('Custom button state reset by other tab click.');
}
});
}
});
}, 500);
});
</script>
/* === 3D Flip Container CSS Setup === */
/*
#brxe-mcfmrp {
height: 630px;
width: 450px;
perspective: 1000px;
position: relative;
display: block !important;
}
#brxe-b805ac,
#brxe-otnbks {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
transition: transform 0.8s ease-in-out;
top: 0;
left: 0;
}
#brxe-b805ac {
transform: rotateY(0deg);
}
#brxe-otnbks {
transform: rotateY(180deg);
}
#brxe-mcfmrp.flipped #brxe-b805ac {
transform: rotateY(-180deg);
}
#brxe-mcfmrp.flipped #brxe-otnbks {
transform: rotateY(0deg);
}
/*for tabs switching animation*/
.awp-tab-list {
display: inline-block;
position: relative;
background: black;
border-radius: 28px;
list-style: none;
margin: 0;
padding: 0px 10px !important;
min-height:34px !important;
}
.awp-tab {
transition: all 0.3s ease;
display: inline-block;
position: relative;
padding: 0.4em 0.9em;
cursor: pointer;
color: #fff !important;
font-size: 14px;
z-index: 2;
border: none !important;
background: transparent !important;
box-shadow: none !important;
text-decoration: none !important;
}
.awp-tabs {
display: flex;
justify-content: flex-end;
}
.awp-tab.active {
color: black !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
font-weight: 600 !important;
}
.awp-pill-highlight {
content: '';
transform: translate(0, -50%);
transition: all 0.3s ease !important;
position: absolute;
top: 50%;
left: 10px;
height: 22px;
width: 100px;
background: #fff;
border-radius: 22px;
z-index: 1;
display: block;
}
/*tabs position*/
.awp-form-group:nth-child(4) {
order: 3;
}
.awp-otp-login-form .awp-tabs {
order: 2;
}
#awp-otp-login-form-whatsapp{
display: flex
;
flex-direction: column;
}
div#awp_whatsapp_group {
margin-bottom: -20px;
} *//* === Custom Login/Signup Form Flip Logic === */
function setupFormFlipping() {
const flipContainer = document.getElementById('brxe-mcfmrp');
if (!flipContainer) return;
const loginToggle = document.querySelector('.flip-to-login');
if (loginToggle) {
loginToggle.addEventListener('click', function(e) {
e.preventDefault();
flipContainer.classList.add('flipped');
}); }
const signupToggle = document.querySelector('.flip-to-signup');
if (signupToggle) {
signupToggle.addEventListener('click', function(e) {
e.preventDefault();
flipContainer.classList.remove('flipped');
}); }}
document.addEventListener('DOMContentLoaded', setupFormFlipping);
// --- WAWP: Move tabs below form fields and above login button ---
(function () {
'use strict';
function placeTabs() {
var wrapper = document.querySelector('.awp-otp-login-form');
if (!wrapper) return;
var tabs = wrapper.querySelector('.awp-tabs');
if (!tabs) return;
var activePane = wrapper.querySelector('.awp-tab-pane.active') || wrapper.querySelector('.awp-tab-pane');
if (!activePane) return;
var form = activePane.querySelector('form') || activePane;
if (!form) return;
var btnGroup = null;
var groups = form.querySelectorAll('.awp-form-group');
for (var i = 0; i < groups.length; i++) {
if (groups[i].querySelector('button, input[type="submit"], input[type="button"]')) {
btnGroup = groups[i];
break;
}
}
try {
if (btnGroup) {
if (tabs.parentNode !== form || tabs.nextSibling !== btnGroup) {
form.insertBefore(tabs, btnGroup);
if (window.updateTabHighlightWithAnimation) {
setTimeout(window.updateTabHighlightWithAnimation, 200);
}
}
} else {
if (tabs.parentNode !== form || tabs.nextSibling !== null) {
form.appendChild(tabs);
if (window.updateTabHighlightWithAnimation) {
setTimeout(window.updateTabHighlightWithAnimation, 200);
}
}
}
} catch (e) {
// Silent error handling
}
}
document.addEventListener('DOMContentLoaded', function () {
placeTabs();
});
setTimeout(placeTabs, 600);
var root = document.body;
var mo = new MutationObserver(function (mutations) {
for (var m = 0; m < mutations.length; m++) {
var mm = mutations[m];
if (mm.addedNodes.length || mm.type === 'attributes') {
clearTimeout(window.__awp_tabs_timer);
window.__awp_tabs_timer = setTimeout(placeTabs, 80);
}
}
});
mo.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
document.addEventListener('click', function (e) {
var el = e.target;
if (!el) return;
if (el.closest && el.closest('.awp-tab-list')) {
setTimeout(placeTabs, 60);
}
});
window.addEventListener('load', function () {
setTimeout(placeTabs, 300);
});
})();
// --- Tab Highlight Animation ---
jQuery(document).ready(function($) {
'use strict';
function positionHighlight(withAnimation, retryCount) {
retryCount = retryCount || 0;
// CHECK: Agar WhatsApp button active hai to highlighter hide karo
var $whatsappBtn = $('#brxe-upgota.active, a[data-tab="whatsapp_otp"].active');
if ($whatsappBtn.length) {
var $highlight = $('.awp-pill-highlight');
if ($highlight.length) {
$highlight.css({
'opacity': '0',
'visibility': 'hidden'
});
}
return false;
}
var $activeTab = $('.awp-tab.active');
var $highlight = $('.awp-pill-highlight');
var $tabList = $('.awp-tab-list');
if (!$activeTab.length || !$tabList.length) {
return false;
}
if (!$highlight.length) {
$tabList.prepend('<span class="awp-pill-highlight"></span>');
$highlight = $('.awp-pill-highlight');
}
var firstTab = $('.awp-tab').first();
var tabWidth = $activeTab.outerWidth();
var tabPosition = $activeTab.position();
// Agar width 0 hai aur retry limit nahi pahunchi
if ((!tabWidth || tabWidth === 0) && retryCount < 8) {
setTimeout(function() {
positionHighlight(withAnimation, retryCount + 1);
}, 80);
return false;
}
if (!tabWidth || tabWidth === 0) {
return false;
}
var leftPosition = tabPosition.left;
var isFirstTab = $activeTab.is(firstTab);
if (isFirstTab) {
leftPosition = 10;
}
// Animation control
if (!withAnimation) {
$highlight.css('transition', 'none');
} else {
$highlight.css('transition', 'all 0.3s ease');
}
$highlight.css({
'width': tabWidth + 'px',
'left': leftPosition + 'px',
'opacity': '1',
'visibility': 'visible'
});
// Re-enable animation
if (!withAnimation) {
setTimeout(function() {
$highlight.css('transition', 'all 0.3s ease');
}, 100);
}
return true;
}
// Global function - WITH ANIMATION (for placeTabs)
window.updateTabHighlightWithAnimation = function() {
setTimeout(function() {
positionHighlight(true, 0);
}, 50);
};
// Page load - NO animation
setTimeout(function() {
positionHighlight(false);
}, 100);
setTimeout(function() {
positionHighlight(false);
}, 300);
setTimeout(function() {
positionHighlight(false);
}, 500);
$(window).on('load', function() {
setTimeout(function() {
positionHighlight(false);
}, 100);
});
// Tab click - WITH smooth animation
$(document).on('click', '.awp-tab', function(e) {
e.preventDefault();
$('.awp-tab').removeClass('active');
$(this).addClass('active');
setTimeout(function() {
positionHighlight(true, 0);
}, 50);
});
// WhatsApp button click detection
$(document).on('click', '#brxe-upgota, a[data-tab="whatsapp_otp"]', function() {
setTimeout(function() {
positionHighlight(false, 0);
}, 50);
});
// Monitor for WhatsApp tab activation (via class changes)
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
var $target = $(mutation.target);
if ($target.attr('id') === 'brxe-upgota' || $target.attr('data-tab') === 'whatsapp_otp') {
if ($target.hasClass('active')) {
setTimeout(function() {
positionHighlight(false, 0);
}, 50);
}
}
}
});
});
// Observe WhatsApp button for class changes
var whatsappBtn = document.getElementById('brxe-upgota') || document.querySelector('a[data-tab="whatsapp_otp"]');
if (whatsappBtn) {
observer.observe(whatsappBtn, { attributes: true });
}
// Resize
$(window).on('resize', function() {
positionHighlight(true);
});
});Qty: 1
Order subtotal
Your cart contains 0 items
