<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?php echo setting('company_name') ?> | Send WhatsApp</title>
  <?= $this->include("admin/layout/partials/styles") ?>
  <style>
    .hero-card {
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0,0,0,.08);
      overflow: hidden;
      background: #fff;
    }
    .wa-title {
      font-weight: 700;
    }
    .form-control {
      border-radius: 8px;
      height: 44px;
    }
  </style>
  <meta name="csrf-token" content="<?= csrf_hash() ?>"/>
</head>
<body class="hold-transition layout-top-nav">
<div class="wrapper">
  <nav class="main-header navbar navbar-expand olx-header" style="background:#002f34;border-bottom:1px solid rgba(255,255,255,.08);">
    <div class="container">
      <a href="<?php echo url('/') ?>" class="navbar-brand olx-brand" style="color:#fff !important;font-weight:700;letter-spacing:.3px;">
        <?php echo setting('company_name') ?>
      </a>
    </div>
  </nav>
  <div class="content-wrapper">
    <section class="content">
      <div class="container py-4">
        <div class="row justify-content-center">
          <div class="col-md-8 col-lg-6">
            <div class="card hero-card">
              <div class="card-body">
                <div class="text-center mb-2">
                  <i class="fab fa-whatsapp" style="color:#25D366;font-size:28px;"></i>
                </div>
                <h3 class="text-center mb-3 wa-title">Send WhatsApp</h3>
                <form method="post" action="<?= url('whatsapp-test/send') ?>" autocomplete="off">
                  <?= csrf_field() ?>
                  <div class="form-group">
                    <input type="text" name="number" class="form-control" placeholder="Recipient Number (e.g., 919XXXXXXXXX)" required>
                  </div>
                  <div class="form-group">
                    <input type="text" name="message" class="form-control" placeholder="Hello! This is a test message" required value="Hello! This is a test message">
                  </div>
                  <div class="form-group">
                    <input type="text" name="footer" class="form-control" placeholder="Laksh News" value="Laksh News">
                  </div>
                  <div class="form-group mb-0">
                    <button type="submit" class="btn btn-success btn-block" style="font-weight:600;">Send WhatsApp</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
<?= $this->include("admin/layout/partials/scripts") ?>
</body>
</html>
