زيارة التفاعل في مواقع التواصل

شراء متابعين ومشاهدات احصل على متابعين حقيقيين ومتفاعلين بأسعار تنافسية

1. اختر المنصة Instagram Facebook YouTube Twitter Telegram TikTok Pinterest Snapchat

2. اختر الخدمة والكمية قم باختيار الخدمة: -- اختر نوع الخدمة -- متابعين مشاهدات لايكات تعليقات مشاركات

قم بتحديد الكمية المطلوبة: مثال: أدخل 1000 لطلب 1000 خدمة، 500 لطلب 500 خدمة. (الحد الأدنى 100)

تفاصيل السعر الكمية: 0 السعر الدولاري: $ 0.00 السعر بالدرهم المغربي: 0.00 درهم السعر بالجنيه المصري: 0.00 جنيه

3. معلومات الدفع 1. قم باختيار الدولة: -- اختر دولتك -- المغرب مصر باقي دول العالم

2. يرجى تحديد وسيلة الدفع المناسبة من القائمة التي ستظهر أدناه بعد اختيار دولتك.

اختر طريقة الدفع:

4. معلومات العميل الاسم الكامل:

البريد الإلكتروني:

رقم الهاتف (اختياري):

رابط الحساب/المنشور:

التالي السابق

:root { --primary-color: #3498db; --secondary-color: #2ecc71; --text-color: #34495e; --light-gray: #ecf0f1; --border-color: #e0e0e0; --background-color: #f8f9fa; }

body { font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.social-followers-container { max-width: 750px; margin: 30px auto; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); font-family: inherit; }

#pageTitle { color: var(--primary-color); text-align: center; margin-bottom: 20px; font-size: 2.2rem; padding: 18px; border: 3px solid var(--primary-color); border-radius: 10px; background-color: #f0f8ff; }

.social-followers-container p:first-of-type { text-align: center; color: #7f8c8d; margin-bottom: 35px; font-size: 1.1rem; }

.platform-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; margin-top: 25px; }

.platform { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px 15px; border: 2px solid var(--border-color); border-radius: 12px; cursor: pointer; transition: all 0.3s ease; background-color: var(--background-color); min-height: 150px; }

.platform:hover { border-color: var(--primary-color); background-color: #e9f5fd; transform: translateY(-5px); box-shadow: 0 4px 10px rgba(52, 152, 219, 0.2); }

.platform.selected { border-color: var(--secondary-color); background-color: #e6f9ee; box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3); transform: translateY(-2px); }

.platform img { width: 60px; height: 60px; margin-bottom: 15px; object-fit: contain; }

.platform span { font-size: 1rem; font-weight: 600; color: var(--text-color); text-align: center; }

.form-step { margin-top: 35px; padding: 30px; border: 1px solid #dcdcdc; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.07); }

.form-step h3 { color: var(--primary-color); margin-top: 0; margin-bottom: 25px; font-size: 1.6rem; border-bottom: 2px solid var(--light-gray); padding-bottom: 12px; display: flex; align-items: center; } .form-step h3::before { content: '🔹'; margin-right: 10px; font-size: 1.2rem; }

.form-group { margin-bottom: 25px; }

.form-group label { display: block; margin-bottom: 10px; font-weight: 600; color: var(--text-color); font-size: 1rem; }

.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="number"], .form-group input[type="url"], .form-group select { width: 100%; padding: 14px 18px; border: 2px solid var(--border-color); border-radius: 10px; font-size: 1rem; transition: all 0.3s ease; background-color: var(--background-color); box-sizing: border-box; } .form-group input:focus, .form-group select:focus { border-color: var(--primary-color); outline: none; background-color: #fff; box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.15); } .form-group small { display: block; margin-top: 8px; font-size: 0.9rem; color: #666; }

.price-display-box { margin-top: 35px; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border: 1px solid var(--border-color); }

.price-header { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); padding: 18px 25px; display: flex; align-items: center; color: white; }

.price-header img { width: 32px; height: 32px; margin-right: 12px; filter: brightness(0) invert(1); }

.price-header h4 { margin: 0; font-size: 1.3rem; font-weight: 600; }

.price-details { padding: 25px; background-color: #fff; }

.price-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #eee; }

.price-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.price-row span:first-child { color: #555; font-weight: 500; font-size: 0.95rem; }

.price-amount { font-weight: 700; color: var(--text-color); font-size: 1.05rem; } .price-amount span { font-size: inherit; }

.navigation-buttons { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-top: 35px; }

.navigation-buttons button { padding: 14px 30px; border: none; border-radius: 10px; cursor: pointer; font-size: 1.05rem; font-weight: 600; transition: all 0.3s ease; min-width: 120px; }

#prevBtn { background-color: #e74c3c; color: white; }

#prevBtn:hover { background-color: #c0392b; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3); }

#nextBtn { background-color: var(--secondary-color); color: white; }

#nextBtn:hover { background-color: #27ae60; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(46, 204, 113, 0.3); }

.form-group select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: .8em; padding-right: 2.5rem; }

@media (max-width: 768px) { .social-followers-container { padding: 20px; margin: 15px; } .platform-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; } .platform { padding: 20px 10px; min-height: 120px; } .platform img { width: 50px; height: 50px; } #pageTitle { font-size: 1.8rem; padding: 12px; } .social-followers-container p:first-of-type { font-size: 1rem; } .form-step { padding: 20px; } .form-step h3 { font-size: 1.4rem; } .navigation-buttons button { padding: 12px 20px; font-size: 1rem; } }

@media (max-width: 480px) { .platform-grid { grid-template-columns: repeat(2, 1fr); } .platform img { width: 45px; height: 45px; } #pageTitle { font-size: 1.6rem; } }

/* ---===> هذا هو الكود المضاف لحل المشكلة <===--- */ #serviceType, #quantity, #country, #phone, #paymentMethodSelect, #accountLink { background-color: transparent !important; }

let currentStep = 1; let selectedPlatform = '';

const pricesPer1000 = { followers: 6, views: 3, likes: 3, comments: 3, shares: 3 }; const madRate = 10; const egpRate = 47;

const TELEGRAM_BOT_TOKEN = "7558242625:AAFd5eneQ3Ar4QlY36w7ePgGoreFoOYlWnU"; const TELEGRAM_CHAT_ID = "-1002525322731";

function selectPlatform(element) { document.querySelectorAll('.platform').forEach(platform => { platform.classList.remove('selected'); }); element.classList.add('selected'); selectedPlatform = element.getAttribute('data-platform'); }

function nextStep() { if (currentStep === 1 && !selectedPlatform) { alert('الرجاء اختيار منصة أولاً.'); return; }

if (currentStep === 2) { const serviceType = document.getElementById('serviceType').value; const quantityInput = parseInt(document.getElementById('quantity').value); if (!serviceType) { alert('الرجاء اختيار نوع الخدمة.'); return; } if (isNaN(quantityInput) || quantityInput < 100) { alert('الرجاء إدخال كمية صحيحة (الحد الأدنى 100).'); return; } }

if (currentStep === 3) { const country = document.getElementById('country').value; if (!country) { alert('الرجاء اختيار الدولة.'); return; } const paymentMethod = document.getElementById('paymentMethodSelect').value; if (!paymentMethod) { alert('الرجاء اختيار طريقة الدفع.'); return; } } if (currentStep === 4) { submitOrder(); // submitOrder is now potentially async, but nextStep doesn't need to await it return; }

document.getElementById(`step${currentStep}`).style.display = 'none'; currentStep++; document.getElementById(`step${currentStep}`).style.display = 'block';

if (currentStep === 3) { document.getElementById('paymentMethodsContainer').style.display = 'none'; document.getElementById('paymentInstructionStatic').style.display = 'block'; }

if (currentStep === 4) { document.getElementById('nextBtn').textContent = 'إكمال الطلب'; updateAccountLinkLabel(); } else { document.getElementById('nextBtn').textContent = 'التالي'; } document.getElementById('prevBtn').style.display = 'inline-block'; }

function prevStep() { document.getElementById(`step${currentStep}`).style.display = 'none'; currentStep--; document.getElementById(`step${currentStep}`).style.display = 'block';

function calculatePrice() { const serviceType = document.getElementById('serviceType').value; const quantityInput = parseInt(document.getElementById('quantity').value) || 0;

document.getElementById('actualQuantityDisplay').textContent = quantityInput.toLocaleString();

if (!serviceType || quantityInput < 100) { document.getElementById('price').textContent = '0.00'; document.getElementById('equivalentPriceMAD').textContent = '0.00'; document.getElementById('equivalentPriceEGP').textContent = '0.00'; return; }

const pricePerThousandItems = pricesPer1000[serviceType]; if (pricePerThousandItems === undefined) { console.error("نوع خدمة غير معروف:", serviceType); return; }

const totalPriceUSD = (quantityInput / 1000) * pricePerThousandItems;

document.getElementById('price').textContent = totalPriceUSD.toFixed(2); document.getElementById('equivalentPriceMAD').textContent = (totalPriceUSD * madRate).toFixed(2); document.getElementById('equivalentPriceEGP').textContent = (totalPriceUSD * egpRate).toFixed(2); }

function updatePaymentMethods() { const country = document.getElementById('country').value; const paymentMethodSelect = document.getElementById('paymentMethodSelect'); const paymentMethodsContainer = document.getElementById('paymentMethodsContainer'); paymentMethodSelect.innerHTML = '';

const defaultOption = document.createElement('option'); defaultOption.value = ""; defaultOption.textContent = "-- اختر طريقة الدفع --"; defaultOption.disabled = true; defaultOption.selected = true; paymentMethodSelect.appendChild(defaultOption);

if (!country) { paymentMethodsContainer.style.display = 'none'; return; } paymentMethodsContainer.style.display = 'block';

let options = [];

if (country === 'morocco') { options = [ { value: 'CIH Bank', text: 'CIH Bank' }, { value: 'Barid Bank', text: 'Barid Bank' }, { value: 'Attijariwafa Bank', text: 'Attijariwafa Bank' }, { value: 'Lbankalik', text: 'Lbankalik' }, { value: 'Barid Cash', text: 'Barid Cash' }, { value: 'Barid Pay', text: 'Barid Pay' }, { value: 'CashPlus', text: 'CashPlus' }, { value: 'Jibi', text: 'Jibi' }, { value: 'Binance', text: 'Binance' }, { value: 'Payeer', text: 'Payeer' }, { value: 'Payoneer', text: 'Payoneer' } ]; } else if (country === 'egypt') { options = [ { value: 'Vodafone Cash', text: 'Vodafone Cash' }, { value: 'Orange Cash', text: 'Orange Cash' }, { value: 'Etisalat Cash', text: 'اتصالات كاش' }, { value: 'We Pay', text: 'We Pay (وي باي)' }, { value: 'Binance', text: 'Binance' }, { value: 'Payeer', text: 'Payeer' }, { value: 'Payoneer', text: 'Payoneer' } ]; } else { options = [ { value: 'Binance', text: 'Binance' }, { value: 'Payeer', text: 'Payeer' }, { value: 'Payoneer', text: 'Payoneer' } ]; }

options.forEach(opt => { const optionElement = document.createElement('option'); optionElement.value = opt.value; optionElement.textContent = opt.text; paymentMethodSelect.appendChild(optionElement); }); }

function updateAccountLinkLabel() { const serviceType = document.getElementById('serviceType').value; const labelElement = document.getElementById('accountLinkLabel'); const inputElement = document.getElementById('accountLink');

if (!labelElement || !inputElement) return;

if (serviceType === 'followers') { labelElement.textContent = 'رابط بروفايل الحساب:'; inputElement.placeholder = 'مثال: https://www.instagram.com/username'; } else if (['views', 'likes', 'comments', 'shares'].includes(serviceType)) { labelElement.textContent = 'رابط المنشور/الفيديو:'; inputElement.placeholder = 'مثال: https://www.instagram.com/p/XXXXXXXXXX/'; } else { labelElement.textContent = 'رابط الحساب/المنشور المطلوب:'; inputElement.placeholder = 'أدخل الرابط المطلوب هنا'; } }

async function sendToTelegram(message) { if (!TELEGRAM_BOT_TOKEN || TELEGRAM_BOT_TOKEN === "YOUR_TELEGRAM_BOT_TOKEN" || !TELEGRAM_CHAT_ID || TELEGRAM_CHAT_ID === "YOUR_TELEGRAM_CHAT_ID") { console.warn("Telegram Bot Token or Chat ID not configured. Skipping message send."); return; } const url = `https://api.telegram.org/bot${TELEGRAM_BOT_TOKEN}/sendMessage`; const params = { chat_id: TELEGRAM_CHAT_ID, text: message, parse_mode: 'HTML' };

try { const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(params) }); const data = await response.json(); if (data.ok) { console.log('Message sent to Telegram successfully!'); } else { console.error('Failed to send message to Telegram:', data); } } catch (error) { console.error('Error sending message to Telegram:', error); } }

// MODIFICATION START: Make submitOrder an async function async function submitOrder() { // MODIFICATION END const name = document.getElementById('name').value; const email = document.getElementById('email').value; const phone = document.getElementById('phone').value; const accountLink = document.getElementById('accountLink').value; const countryValue = document.getElementById('country').value; const countryText = document.getElementById('country').options[document.getElementById('country').selectedIndex].text; const serviceValue = document.getElementById('serviceType').value; const serviceTypeText = document.getElementById('serviceType').options[document.getElementById('serviceType').selectedIndex].text; const quantity = parseInt(document.getElementById('quantity').value); const priceUSD = document.getElementById('price').textContent; const priceMAD = document.getElementById('equivalentPriceMAD').textContent; const priceEGP = document.getElementById('equivalentPriceEGP').textContent; const paymentMethod = document.getElementById('paymentMethodSelect').value;

if (!name || !email || !accountLink || !serviceValue || quantity < 100 || !paymentMethod || !countryValue) { alert('الرجاء ملء جميع الحقول المطلوبة بشكل صحيح والتأكد من اختيار الدولة وطريقة الدفع.'); return; }

const generatedOrderNumber = '#' + new Date().getTime().toString().slice(-7) + Math.floor(10 + Math.random() * 90);

const orderDataForTelegramAndStorage = { orderNumber: generatedOrderNumber, platform: selectedPlatform, serviceType: serviceValue, serviceTypeText: serviceTypeText, quantity: quantity, priceUSD: priceUSD, priceMAD: priceMAD, priceEGP: priceEGP, name: name, email: email, phone: phone || "لم يتم إدخاله", accountLink: accountLink, country: countryValue, countryText: countryText, paymentMethod: paymentMethod, timestamp: new Date().toLocaleString('ar-EG', { timeZone: 'Africa/Cairo', hour12: true, dateStyle: 'full', timeStyle: 'medium' }) };

// MODIFICATION START: Await the sendToTelegram function // Disable button to prevent multiple submissions const nextButton = document.getElementById('nextBtn'); const prevButton = document.getElementById('prevBtn'); if (nextButton) nextButton.disabled = true; if (prevButton) prevButton.disabled = true; if (nextButton) nextButton.textContent = 'جاري الإرسال...';

try { await sendToTelegram(telegramMessage); console.log("Telegram message sending process initiated and awaited."); } catch (error) { console.error("Error during awaited Telegram sending in submitOrder:", error); // Optionally, re-enable buttons and show an error message to the user // For now, we proceed to redirection as per original logic } // MODIFICATION END

localStorage.setItem('currentOrderDetails', JSON.stringify(orderDataForTelegramAndStorage));

let redirectUrl = 'https://www.arbahblog.com/p/smm-confirmation.html';

const queryParams = new URLSearchParams(); queryParams.append('orderNumber', orderDataForTelegramAndStorage.orderNumber); queryParams.append('platform', orderDataForTelegramAndStorage.platform); queryParams.append('service', orderDataForTelegramAndStorage.serviceType); queryParams.append('quantity', orderDataForTelegramAndStorage.quantity); queryParams.append('priceUSD', orderDataForTelegramAndStorage.priceUSD); queryParams.append('priceMAD', orderDataForTelegramAndStorage.priceMAD); queryParams.append('priceEGP', orderDataForTelegramAndStorage.priceEGP); queryParams.append('country', orderDataForTelegramAndStorage.country); // Redirect after attempting to send to Telegram window.location.href = redirectUrl + '?' + queryParams.toString(); }

window.onload = function() { calculatePrice(); document.getElementById('prevBtn').style.display = 'none'; updateAccountLinkLabel();

if (currentStep === 3) { document.getElementById('paymentInstructionStatic').style.display = 'block'; document.getElementById('paymentMethodsContainer').style.display = 'none'; } };