Widget:Character.WeaponToggle

<script>

   (() => {
       // ---------- WEAPON TOGGLE SYSTEM ----------
       const applyWeaponState = (enabled) => {
           // Update global state in Skills widget
           if (typeof window.__setGlobalWeaponEnabled === 'function') {
               window.__setGlobalWeaponEnabled(enabled);
           }

           // Mark button as active/inactive
           document.querySelectorAll('.char-weapon-toggle').forEach(b => {
               b.classList.toggle('active', enabled);
           });

           // Save to localStorage
           try {
               localStorage.setItem('glaWeaponEnabled', enabled ? '1' : '0');
           } catch (e) { }

           // Re-click last active skill to refresh display
           const lastIcon = window.__lastActiveSkillIcon;
           if (lastIcon && typeof lastIcon.click === 'function') {
               document.body.dataset.suppressSkillPlay = '1';
               setTimeout(() => {
                   lastIcon.click();
                   setTimeout(() => delete document.body.dataset.suppressSkillPlay, 100);
               }, 10);
           }
       };

       // ---------- BOOT ----------
       const boot = () => {
           // Add button to translator (ao lado das bandeiras)
           const translator = document.querySelector('.char-translator');
           if (translator) {
               const btn = document.createElement('button');
               btn.className = 'char-flag char-weapon-toggle';
               btn.title = 'Equipar/Desequipar Armas';
               btn.setAttribute('aria-label', 'Equipar/Desequipar Armas');
               btn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                   <path d="M6.5 6.5l11 11"/>
                   <path d="M21 3l-6 6"/>
                   <path d="M21 3l-3.5 10.5"/>
                   <circle cx="4" cy="20" r="2"/>
               </svg>`;
               translator.appendChild(btn);
           }

           // Button click handler
           document.addEventListener('click', (ev) => {
               const btn = ev.target.closest('.char-weapon-toggle');
               if (!btn) return;
               ev.preventDefault();
               const currentState = btn.classList.contains('active');
               applyWeaponState(!currentState);
           });

           // Load initial state from localStorage
           let initialEnabled = false;
           try {
               const saved = localStorage.getItem('glaWeaponEnabled');
               if (saved === '1') initialEnabled = true;
           } catch (e) { }

           setTimeout(() => applyWeaponState(initialEnabled), 100);
       };

       if (document.readyState === 'loading') {
           document.addEventListener('DOMContentLoaded', boot);
       } else {
           boot();
       }
   })();

</script>

<style>

   .char-weapon-toggle svg {
       pointer-events: none;
       width: 18px;
       height: 18px;
   }

   /* ATIVO em DOURADO */
   .char-weapon-toggle.active {
       outline-color: #ffcc00 !important;
       background: rgba(255, 200, 0, 0.15) !important;
       border-color: rgba(255, 200, 0, 0.5) !important;
       color: #ffcc00 !important;
   }

   .char-weapon-toggle.active:hover {
       color: #ffd700 !important;
       border-color: rgba(255, 215, 0, 0.6) !important;
   }

   .char-weapon-toggle:not(.active) {
       color: rgba(255, 255, 255, 0.7);
   }

   .char-weapon-toggle:not(.active):hover {
       color: rgba(255, 200, 100, 0.9);
       border-color: rgba(255, 200, 100, .4);
   }

</style>