Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Buy USDT - Next Trade</title>
  <style>
    body { background: #000; color: #fff; font-family: Arial, sans-serif; margin: 0; padding: 0; }
    .form-container { background: #000; border-radius: 12px; padding: 24px; max-width: 600px; margin: 40px auto; }
    h2 { color: #fff; font-size: 1.75rem; text-align: center; margin-bottom: 16px; }
    .warning { color: #f4c830; font-size: 0.95rem; text-align: center; margin-bottom: 20px; }
    label { display: block; margin-top: 12px; font-weight: bold; }
    input, select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; margin-top:4px; background: #fff; color: #000; }
    select { background: #fff; color: #000; }
    input[type="checkbox"] { width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; }
    .summary { background: #fff; color: #000; border-radius: 6px; padding: 16px; margin: 16px 0; }
    .summary p { margin: 8px 0; }
    button, input[type="button"], input[type="submit"] { background: #f4c830; color: #000; font-weight: 600; border: none; border-radius: 6px; padding: 12px 20px; cursor: pointer; width: auto; display: inline-block; margin-top: 16px; }
    button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #333; color: #fff; }
    small.error { color: #d32f2f; display: block; margin-top: 4px; }
    small.compliance, small.disclaimer, small.terms-link { display: block; margin-top: 8px; font-size: 0.85rem; }
    small.compliance, small.disclaimer { color: #fff; }
    small.terms-link a { color: #f4c830; text-decoration: none; }
  </style>
  <script>
    const endpoint = 'https://script.google.com/macros/s/AKfycbwKMEh9DdUlt7S_qn1-lma0lz_TXYuNeS0-o1ljM8JxUrSgzfiijjecV4NXGgjhLiWkVQ/exec';
    function formatNumberInput(el) {
      let raw = el.value.replace(/\./g, '').replace(/,/g, '.');
      let num = parseFloat(raw);
      if (!isNaN(num)) el.value = num.toLocaleString('de-DE', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
    }
    function updateSummary() {
      const raw = document.getElementById('usdtRequested').value.replace(/\./g, '').replace(/,/g, '.');
      const usdt = parseFloat(raw);
      const currency = document.getElementById('currency').value;
      const summary = document.getElementById('summaryBox');
      if (!usdt || !currency) { summary.classList.add('hidden'); return; }
      const usdRaw = usdt * 1.04;
      document.getElementById('usdTotal').textContent = usdRaw.toLocaleString('de-DE', { style: 'currency', currency: 'USD' });
      if (currency === 'ARS') {
        document.getElementById('usdLine').style.display = 'none';
        const rate = parseFloat(localStorage.getItem('dolarMEP')) || 0;
        const arsRaw = usdt * rate * 1.06;
        document.getElementById('arsTotal').textContent = arsRaw.toLocaleString('de-DE', { style: 'currency', currency: 'ARS' });
        document.getElementById('exchangeNote').textContent = 'This amount is estimated based on a fluctuating market rate.';
        document.getElementById('arsLine').style.display = 'block';
      } else {
        document.getElementById('arsLine').style.display = 'none';
        document.getElementById('exchangeNote').textContent = '';
        document.getElementById('usdLine').style.display = 'block';
      }
      document.getElementById('bankInstructions').innerHTML = `<strong>To receive ${currency} details:</strong> <a href="https://t.me/nexttradecontact" target="_blank">Contact us via Telegram</a>.`;
      summary.classList.remove('hidden');
    }
    document.addEventListener('DOMContentLoaded', () => {
      const allowedCountries = ["Afghan","Albanian","Algerian","Andorran","Angolan","Antiguan","Argentine","Armenian","Australian","Austrian","Azerbaijani","Bahamian","Bahraini","Bangladeshi","Barbadian","Belarusian","Belgian","Belizean","Beninese","Bhutanese","Bolivian","Bosnian","Botswanan","Brazilian","British","Bruneian","Bulgarian","Burkinabe","Burmese","Burundian","Cabo Verdean","Cambodian","Cameroonian","Canadian","Central African","Chadian","Chilean","Chinese","Colombian","Comoran","Congolese","Costa Rican","Croatian","Cypriot","Czech","Danish","Djiboutian","Dominican","Dutch","Ecuadorian","Egyptian","El Salvadoran","Equatorial Guinean","Eritrean","Estonian","Eswatini","Ethiopian","Fijian","Finnish","French","Gabonese","Gambian","Georgian","German","Ghanaian","Greek","Grenadian","Guatemalan","Guinean","Guinea-Bissauan","Guyanese","Haitian","Honduran","Hungarian","Icelandic","Indian","Indonesian","Irish","Israeli","Italian","Ivorian","Jamaican","Japanese","Jordanian","Kazakh","Kenyan","Kiribati","Kuwaiti","Kyrgyz","Laotian","Latvian","Lebanese","Liberian","Libyan","Liechtensteiner","Lithuanian","Luxembourger","Macedonian","Malagasy","Malawian","Malaysian","Maldivian","Malian","Maltese","Marshallese","Mauritanian","Mauritian","Mexican","Micronesian","Moldovan","Monacan","Mongolian","Montenegrin","Moroccan","Mozambican","Namibian","Nauruan","Nepalese","New Zealander","Nicaraguan","Nigerien","Nigerian","Norwegian","Omani","Pakistani","Palauan","Palestinian","Panamanian","Papua New Guinean","Paraguayan","Peruvian","Philippine","Polish","Portuguese","Qatari","Romanian","Rwandan","Saint Kitts and Nevis","Saint Lucian","Saint Vincentian","Samoan","San Marinese","Sao Tomean","Saudi","Senegalese","Serbian","Seychellois","Sierra Leonean","Singaporean","Slovak","Slovenian","Solomon Islander","Somali","South African","South Korean","South Sudanese","Spanish","Sri Lankan","Sudanese","Surinamese","Swazi","Swedish","Swiss","Taiwanese","Tajik","Tanzanian","Thai","Timorese","Togolese","Tongan","Trinidadian","Tunisian","Turkish","Turkmen","Tuvaluan","Ugandan","Ukrainian","Uruguayan","Uzbek","Vanuatuan","Vatican","Vietnamese","Yemeni","Zambian","Zimbabwean"];
      const nationalitySelect = document.getElementById('nationality');
      allowedCountries.forEach(country => {
        const opt = document.createElement('option'); opt.value = country; opt.textContent = country;
        nationalitySelect.appendChild(opt);
      });
      fetch('https://dolarapi.com/v1/dolares/bolsa').then(r => r.json()).then(d => localStorage.setItem('dolarMEP', d.venta));
      const usdtInput = document.getElementById('usdtRequested');
      usdtInput.addEventListener('input', e => { formatNumberInput(e.target); updateSummary(); });
      document.getElementById('currency').addEventListener('change', updateSummary);
      document.getElementById('toStep2').addEventListener('click', () => { updateSummary(); document.getElementById('step2').classList.remove('hidden'); });
      document.getElementById('network').addEventListener('change', e => { document.getElementById('walletDiv').classList.toggle('hidden', !e.target.value); });
      document.getElementById('usdtForm').addEventListener('submit', async e => {
        e.preventDefault();
        // Disable submit to prevent duplicates
        const submitBtn = document.querySelector('input[type="submit"]');
        submitBtn.disabled = true;
        document.getElementById('emailError').classList.add('hidden'); document.getElementById('walletError').classList.add('hidden');
        if (!document.getElementById('email').validity.valid) { document.getElementById('emailError').classList.remove('hidden'); submitBtn.disabled = false; return; }
        if (!document.getElementById('network').value || !document.getElementById('walletAddress').value) { document.getElementById('walletError').classList.remove('hidden'); submitBtn.disabled = false; return; }
        if (!document.getElementById('confirm').checked || !document.getElementById('termsAccept').checked) { alert('Please confirm transfer and accept terms.'); submitBtn.disabled = false; return; }
        const fd = new FormData(document.getElementById('usdtForm'));
        const reader = new FileReader();
        reader.onload = async () => {
          fd.set('Comprobante', reader.result.split(',')[1]);
          const ip = (await fetch('https://api.ipify.org?format=json').then(r => r.json())).ip;
          fd.set('IP', ip);
          const params = new URLSearchParams(); for (let [k,v] of fd.entries()) params.append(k, v);
          try {
            const res = await fetch(endpoint, { method: 'POST', body: params });
            if (!res.ok) throw new Error();
            alert('Submission successful!');
            e.target.reset();
            document.getElementById('summaryBox').classList.add('hidden');
            document.getElementById('step2').classList.add('hidden');
          } catch {
            alert('Submission failed. Please try again later.');
          } finally {
            submitBtn.disabled = false;
          }
        };
        reader.readAsDataURL(document.getElementById('receipt').files[0]);
      });
    });
  </script>
</head>
<body>
  <div class="form-container">
    <h2>Buy USDT</h2>
    <p class="warning">Please enter all details correctly to avoid any issues.</p>
    <form id="usdtForm">
      <div id="step1">
        <label for="usdtRequested">USDT you want to receive:</label>
        <input type="text" id="usdtRequested" name="Cantidad" required>
        <label for="currency">Currency you'll use to transfer:</label>
        <select id="currency" name="Moneda de pago" required>
          <option value="">Select currency</option>
          <option value="ARS">ARS (local bank transfer)</option>
          <option value="USD">USD (wire/SWIFT)</option>
        </select>
        <div id="summaryBox" class="summary hidden">
          <p id="usdLine"><strong>Amount to transfer in USD:</strong> <span id="usdTotal"></span></p>
          <p id="arsLine"><strong>Estimated amount to transfer in ARS:</strong> <span id="arsTotal"></span></p>
          <p id="exchangeNote"></p>
          <p id="bankInstructions"></p>
        </div>
        <button type="button" id="toStep2">Continue</button>
      </div>
      <div id="step2" class="hidden">
        <label for="fullName">Full Name:</label>
        <input type="text" id="fullName" name="Name" required>
        <label for="document">ID or Passport number:</label>
        <input type="text" id="document" name="ID" required>
        <label for="nationality">Nationality:</label>
        <select id="nationality" name="Nationality" required></select>
        <small class="compliance">Due to compliance policies, certain high-risk or sanctioned jurisdictions are not supported.</small>
        <label for="email">Email:</label>
        <input type="email" id="email" name="Email" required>
        <small id="emailError" class="error hidden">Please enter a valid email address.</small>
        <label for="receipt">Upload transfer receipt (PDF or image):</label>
        <input type="file" id="receipt" name="Comprobante" accept="image/*,application/pdf" required>
        <label for="network">Select network:</label>
        <select id="network" name="Network" required>
          <option value="">Choose network</option>
          <option value="BEP20">BEP20</option>
          <option value="TRC20">TRC20</option>
        </select>
        <div id="walletDiv" class="hidden">
          <label for="walletAddress">Wallet address:</label>
          <input type="text" id="walletAddress" name="Address" required>
          <small id="walletError" class="error hidden">Please enter a valid wallet address.</small>
        </div>
        <small class="disclaimer">Any typo in the wallet address is not the responsibility of Next Trade Global Ltd.</small>
        <div style="margin-top:12px;">
          <input type="checkbox" id="confirm" name="confirm" required>
          <label for="confirm" style="display:inline; color:#fff;">I confirm this transfer is made voluntarily as part of a digital asset purchase.</label>
        </div>
        <div>
          <input type="checkbox" id="termsAccept" name="termsAccept" required>
          <label for="termsAccept" style="display:inline; color:#fff;">I accept the terms and conditions</label>
        </div>
        <small class="terms-link"><a href="/terms" target="_blank">Read terms and conditions</a></small>
        <input type="submit" value="Submit">
      </div>
    </form>
  </div>
</body>
</html>


Next Trade Global Limited

I want to create a website for my business. It should have a homepage with an introduction to the company, a private page for clients with password-protected access where they can watch a library of videos, and another page where advertisements from companies that pay to be featured on the site will be published. The design should be modern, with a dark background and a visual style that includes trading-style candlestick charts in green and red. Navigation should be clear and simple, with a top menu to access the different sections