MMCT TEAM
Server IP : 2a02:4780:3:1493:0:3736:a38e:7  /  Your IP : 216.73.216.218
Web Server : LiteSpeed
System : Linux sg-nme-web1393.main-hosting.eu 4.18.0-553.77.1.lve.el8.x86_64 #1 SMP Wed Oct 8 14:21:00 UTC 2025 x86_64
User : u926327694 ( 926327694)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u926327694/domains/smsoft.in/public_html/smart/whatsapp-api/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u926327694/domains/smsoft.in/public_html/smart/whatsapp-api/index.php
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Edu Easy India Pvt Ltd | WhatsApp Panel</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
  <style>
    body {
      background: #f1f3f6;
      font-family: 'Inter', sans-serif;
      margin: 0;
      padding: 0;
    }

    .container {
      max-width: 520px;
      margin: 40px auto;
      background: #fff;
      padding: 30px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
      border-radius: 16px;
    }

    .header {
      text-align: center;
      margin-bottom: 20px;
    }

    .header img {
      width: 150px;
      margin-bottom: 10px;
    }

    .header h1 {
      font-size: 1.4rem;
      margin: 0;
      color: #333;
    }

    .subheading {
      color: #777;
      font-size: 0.9rem;
      margin-top: 5px;
    }

    .form-control {
      margin-bottom: 18px;
    }

    label {
      display: block;
      margin-bottom: 5px;
      font-weight: 600;
    }

    input, textarea, select {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ccc;
      font-size: 1rem;
      outline: none;
    }

    textarea {
      resize: vertical;
    }

    button {
      width: 100%;
      padding: 12px;
      background: #25D366;
      border: none;
      border-radius: 8px;
      color: #fff;
      font-size: 1rem;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    button:hover {
      background: #1ebe59;
    }

    .status {
      margin-top: 16px;
      text-align: center;
      padding: 10px;
      border-radius: 8px;
    }

    .status.success {
      background-color: #e6ffed;
      color: #2e7d32;
    }

    .status.error {
      background-color: #ffebee;
      color: #c62828;
    }

    .footer {
      margin-top: 40px;
      font-size: 0.85rem;
      color: #777;
      text-align: center;
    }

    .footer strong {
      color: #000;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <img src="../logo_full1.png" alt="Edu Easy Logo" />
      <h1>Edu Easy India Pvt Ltd</h1>
      <div class="subheading">WhatsApp Communication Panel</div>
    </div>

    <form method="POST" action="send.php">
      <div class="form-control">
        <label for="number">Recipient WhatsApp Number</label>
        <input type="text" name="number" id="number" placeholder="e.g. 919876543210" required>
      </div>

      <div class="form-control">
        <label for="template_name">Choose a Message Template</label>
        <select name="template_name" id="template" onchange="fillMessage()" required>
          <option value="">-- Select Template --</option>
          <option value="attendance">Attendance</option>
        </select>
      </div>

      <div class="form-control">
        <label for="message">Enter Placeholder (e.g. Student Name)</label>
        <textarea name="message" id="message" rows="3" placeholder="e.g. Student Name" required></textarea>
      </div>
      
      <div class="form-control">
  <label>Message Preview</label>
  <div id="messagePreview" style="
    background: #dcf8c6;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 0.95rem;
    color: #111;
  ">
    <em>Type a name above to see message preview...</em>
  </div>
</div>

      <button type="submit">Send via WhatsApp</button>
    </form>

    <?php if (isset($_GET['status'])):
      $isError = strpos($_GET['status'], 'Error') !== false;
    ?>
      <div class="status <?= $isError ? 'error' : 'success' ?>">
        <?= htmlspecialchars($_GET['status']) ?>
      </div>
    <?php endif; ?>

    <div class="footer">
      <p><strong>Edu Easy India Pvt Ltd</strong></p>
      <p>Basaweshwar Nagar, Bengaluru, Karnataka, India</p>
    </div>
  </div>

  <script>
    function fillMessage() {
      const template = document.getElementById("template").value;
      const message = document.getElementById("message");

      if (template === "ksou_exam_hall_ticket") {
        message.value = "Amrut Annigeri";
      } else {
        message.value = "";
      }
    }
  </script>
  <script>
  const messageBox = document.getElementById("message");
  const previewBox = document.getElementById("messagePreview");
  const templateSelect = document.getElementById("template");

  const templates = {
    "ksou_exam_hall_ticket": ""
  };

  function fillMessage() {
    const template = templateSelect.value;
    const placeholder = messageBox.value.trim();
    updatePreview(template, placeholder);
  }

  messageBox.addEventListener("input", () => {
    const template = templateSelect.value;
    const placeholder = messageBox.value.trim();
    updatePreview(template, placeholder);
  });

  function updatePreview(templateKey, placeholderValue) {
    if (!templateKey || !templates[templateKey]) {
      previewBox.innerHTML = "<em>Select a template to preview the message</em>";
      return;
    }

    const templateText = templates[templateKey];
    const finalMessage = templateText.replace("{{1}}", placeholderValue || "________");
    previewBox.textContent = finalMessage;
  }
</script>

</body>
</html>

MMCT - 2023