-
-
- ![]({$actualKnife["image_url"]})
";
- ?>
+
+
-
- ";
- echo "
";
- echo "Knife type
"; - echo "{$actualKnife["paint_name"]}
"; - echo "
+
+
+
+
+ CS2 Weapon Paints
+Connect your Steam account to customize your weapon loadout
+ +
+
+
+
-
-
-
-
+
-
+
+
+
- $default) { ?>
- CS2 Weapon Paints
-
-
- 
";
- } else {
- echo "![]({$default["image_url"]})
";
+
-
-
-
-
-
-
-
-
-
- ";
- echo "
";
- echo "{$skins[$defindex][$selectedSkins[$defindex]['weapon_paint_id']]["paint_name"]}
"; - echo "";
- echo "
";
- echo "{$default["paint_name"]}
"; - echo "
-
-
-
+ },
-
+ searchWeapons(query) {
+ const searchTerm = query.toLowerCase().trim();
+
+ if (!searchTerm) {
+ document.querySelectorAll('.nav-category').forEach(category => category.style.display = 'block');
+ document.querySelectorAll('.weapon-list').forEach(list => list.classList.remove('expanded'));
+ document.querySelectorAll('.category-header').forEach(header => {
+ header.classList.remove('active');
+ header.querySelector('.nav-arrow').textContent = '▶';
+ });
+ return;
+ }
+
+ document.querySelectorAll('.nav-category').forEach(category => {
+ const categoryName = category.querySelector('.nav-text').textContent.toLowerCase();
+ const weaponItems = category.querySelectorAll('.weapon-item');
+ let hasMatches = categoryName.includes(searchTerm);
+
+ weaponItems.forEach(item => {
+ const weaponName = item.querySelector('.weapon-name').textContent.toLowerCase();
+ const matches = weaponName.includes(searchTerm);
+ item.style.display = matches ? 'flex' : 'none';
+ if (matches) hasMatches = true;
+ });
+
+ category.style.display = hasMatches ? 'block' : 'none';
+ if (hasMatches) {
+ const weaponList = category.querySelector('.weapon-list');
+ const header = category.querySelector('.category-header');
+ weaponList.classList.add('expanded');
+ header.classList.add('active');
+ header.querySelector('.nav-arrow').textContent = '▼';
+ }
+ });
+ },
+
+ toggleWeaponSkins(weaponId) {
+ const weaponItem = event.target.closest('.weapon-item');
+ const skinGrid = weaponItem.parentNode.querySelector('.weapon-skins-grid');
+
+ if (!skinsData[weaponId]) return;
+
+ if (skinGrid.classList.contains('expanded')) {
+ skinGrid.classList.remove('expanded');
+ weaponItem.classList.remove('expanded');
+ return;
+ }
+
+ // Collapse others
+ document.querySelectorAll('.weapon-skins-grid').forEach(grid => grid.classList.remove('expanded'));
+ document.querySelectorAll('.weapon-item').forEach(item => item.classList.remove('expanded'));
+
+ this.populateWeaponSkins(weaponId, skinGrid);
+ skinGrid.classList.add('expanded');
+ weaponItem.classList.add('expanded');
+ },
+
+ toggleKnifeSkins(knifeType) {
+ const weaponItem = event.target.closest('.weapon-item');
+ const skinGrid = weaponItem.parentNode.querySelector('.weapon-skins-grid');
+
+ if (skinGrid.classList.contains('expanded')) {
+ skinGrid.classList.remove('expanded');
+ weaponItem.classList.remove('expanded');
+ return;
+ }
+
+ // Collapse others
+ document.querySelectorAll('.weapon-skins-grid').forEach(grid => grid.classList.remove('expanded'));
+ document.querySelectorAll('.weapon-item').forEach(item => item.classList.remove('expanded'));
+
+ this.populateKnifeTypeSkins(knifeType, skinGrid);
+ skinGrid.classList.add('expanded');
+ weaponItem.classList.add('expanded');
+ },
+
+ populateWeaponSkins(weaponId, skinGrid) {
+ const skinsContainer = document.createElement('div');
+ skinsContainer.className = 'skins-container';
+
+ skinGrid.innerHTML = '';
+
+ Object.entries(skinsData[weaponId]).forEach(([paintId, skin]) => {
+ const skinOption = document.createElement('div');
+ skinOption.className = 'skin-option';
+
+ if (selectedSkinsData[weaponId] && selectedSkinsData[weaponId].weapon_paint_id == paintId) {
+ skinOption.classList.add('active');
+ }
+
+ skinOption.onclick = () => this.equipSkin(weaponId, paintId);
+
+ skinOption.innerHTML = `
+ ${skin.paint_name.replace(/.*\| /, '')}
+ `;
+
+ skinsContainer.appendChild(skinOption);
+ });
+
+ skinGrid.appendChild(skinsContainer);
+ },
+
+ populateKnifeTypeSkins(knifeType, skinGrid) {
+ const skinsContainer = document.createElement('div');
+ skinsContainer.className = 'skins-container';
+
+ skinGrid.innerHTML = '';
+
+ // ALWAYS show the basic knife option first
+ const knife = knivesData[knifeType];
+ if (knife) {
+ const basicKnifeOption = document.createElement('div');
+ basicKnifeOption.className = 'skin-option';
+
+ // Check if basic knife is currently selected (no knife skins equipped for this type)
+ if (!selectedSkinsData[knifeType]) {
+ basicKnifeOption.classList.add('active');
+ }
+
+ basicKnifeOption.onclick = () => this.equipKnife(knifeType);
+
+ basicKnifeOption.innerHTML = `
+ Default
+ `;
+
+ skinsContainer.appendChild(basicKnifeOption);
+ }
+
+ // Then show knife skins if available
+ if (skinsData[knifeType]) {
+ Object.entries(skinsData[knifeType]).forEach(([paintId, skin]) => {
+ // Skip the default skin (paint ID 0) since we already show it as "Default" option above
+ if (paintId == '0') {
+ return;
+ }
+
+ const skinOption = document.createElement('div');
+ skinOption.className = 'skin-option';
+
+ // Check if this skin is currently equipped
+ if (selectedSkinsData[knifeType] && selectedSkinsData[knifeType].weapon_paint_id == paintId) {
+ skinOption.classList.add('active');
+ }
+
+ skinOption.onclick = () => this.equipSkin(knifeType, paintId);
+
+ skinOption.innerHTML = `
+ ${skin.paint_name.replace(/.*\| /, '')}
+ `;
+
+ skinsContainer.appendChild(skinOption);
+ });
+ }
+
+ skinGrid.appendChild(skinsContainer);
+ },
+
+ equipSkin(weaponId, paintId) {
+ this.submitForm(`${weaponId}-${paintId}`, { wear: '0.00', seed: '0' });
+ },
+
+ equipKnife(knifeId) {
+ this.submitForm(`knife-${knifeId}`);
+ },
+
+ submitForm(forma, additionalData = {}) {
+ const form = document.createElement('form');
+ form.method = 'POST';
+ form.style.display = 'none';
+
+ const formaInput = document.createElement('input');
+ formaInput.name = 'forma';
+ formaInput.value = forma;
+ form.appendChild(formaInput);
+
+ Object.entries(additionalData).forEach(([name, value]) => {
+ const input = document.createElement('input');
+ input.name = name;
+ input.value = value;
+ form.appendChild(input);
+ });
+
+ document.body.appendChild(form);
+ form.submit();
+ },
+
+ openCustomizeModal(type, weaponId) {
+ const modal = document.getElementById('customizeModal');
+ const title = document.getElementById('modalTitle');
+ const weaponIdInput = document.getElementById('customizeWeaponId');
+ const wearSelect = document.getElementById('wearSelect');
+ const wearInput = document.getElementById('wearInput');
+ const seedInput = document.getElementById('seedInput');
+
+ if (type === 'knife') {
+ title.textContent = 'Customize Knife';
+ weaponIdInput.value = 'knife-0';
+ } else {
+ const weaponName = weaponsData[weaponId] ? weaponsData[weaponId].weapon_name.replace('weapon_', '').toUpperCase() : 'Weapon';
+ title.textContent = `Customize ${weaponName}`;
+ weaponIdInput.value = `${weaponId}-${selectedSkinsData[weaponId]?.weapon_paint_id || 0}`;
+
+ if (selectedSkinsData[weaponId]) {
+ const wear = parseFloat(selectedSkinsData[weaponId].weapon_wear);
+ wearInput.value = selectedSkinsData[weaponId].weapon_wear;
+ seedInput.value = selectedSkinsData[weaponId].weapon_seed;
+
+ // Set wear select
+ if (wear <= 0.00) wearSelect.value = "0.00";
+ else if (wear <= 0.07) wearSelect.value = "0.07";
+ else if (wear <= 0.15) wearSelect.value = "0.15";
+ else if (wear <= 0.38) wearSelect.value = "0.38";
+ else wearSelect.value = "0.45";
+ }
+ }
+
+ modal.classList.remove('hidden');
+ },
+
+ closeCustomizeModal() {
+ document.getElementById('customizeModal').classList.add('hidden');
+ },
+
+ updateWearValue(selectedValue) {
+ document.getElementById('wearInput').value = selectedValue;
+ }
+ };
+
+ // Global functions for onclick handlers
+ const toggleCategory = (category) => WeaponApp.toggleCategory(category);
+ const searchWeapons = (query) => WeaponApp.searchWeapons(query);
+ const toggleWeaponSkins = (weaponId) => WeaponApp.toggleWeaponSkins(weaponId);
+ const toggleKnifeSkins = (knifeType) => WeaponApp.toggleKnifeSkins(knifeType);
+ const openCustomizeModal = (type, weaponId) => WeaponApp.openCustomizeModal(type, weaponId);
+ const closeCustomizeModal = () => WeaponApp.closeCustomizeModal();
+ const updateWearValue = (value) => WeaponApp.updateWearValue(value);
+
+ // Initialize app
+ WeaponApp.init();
+
+
+
+
+