document.addEventListener('DOMContentLoaded', function () {
    bindPasswordToggles();
    bindNavItems();
    bindCategoryChips();
    bindCodeButtons();
});

function bindPasswordToggles() {
    var toggles = document.querySelectorAll('.toggle-password');

    toggles.forEach(function (toggle) {
        toggle.addEventListener('click', function () {
            var wrapper = toggle.closest('.input-wrapper');

            if (!wrapper) {
                return;
            }

            var input = wrapper.querySelector('input');

            if (!input) {
                return;
            }

            var isPassword = input.getAttribute('type') === 'password';

            input.setAttribute('type', isPassword ? 'text' : 'password');
            toggle.classList.toggle('fa-eye', !isPassword);
            toggle.classList.toggle('fa-eye-slash', isPassword);
        });
    });
}

function bindNavItems() {
    var navBars = document.querySelectorAll('.bottom-nav');

    navBars.forEach(function (navBar) {
        var items = navBar.querySelectorAll('.nav-item');

        items.forEach(function (item) {
            item.addEventListener('click', function () {
                items.forEach(function (navItem) {
                    navItem.classList.remove('active');
                });

                item.classList.add('active');
            });
        });
    });
}

function bindCategoryChips() {
    var chips = document.querySelectorAll('.cat-chip');

    chips.forEach(function (chip) {
        chip.addEventListener('click', function () {
            var container = chip.parentElement;

            if (!container) {
                return;
            }

            container.querySelectorAll('.cat-chip').forEach(function (item) {
                item.classList.remove('active');
            });

            chip.classList.add('active');
        });
    });
}

function bindCodeButtons() {
    var buttons = document.querySelectorAll('.get-code-btn');

    buttons.forEach(function (button) {
        button.addEventListener('click', function () {
            var originalText = button.innerHTML;

            button.innerHTML = '<i class="fa-solid fa-check"></i> Kod Hazir';
            button.disabled = true;

            window.setTimeout(function () {
                button.innerHTML = originalText;
                button.disabled = false;
            }, 1500);
        });
    });
}