<?php
// ============================================================
// 360 Accountants - Public Registration Form
// Deploy to: https://360accountants.lk/register/company_form.php
// Place province.json, district.json, city.json, gndivision.json
// in the same /register/ directory
// ============================================================

// ─── DATABASE CONFIG (same DB as portal) ──────────────────
$dbHost = 'localhost';
$dbName = 'u930464637_360portal';
$dbUser = 'u930464637_360accoun';
$dbPass = 'Pk8@[nM#n[';

$dsn = "mysql:host={$dbHost};dbname={$dbName};charset=utf8mb4";
$options = [
    PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
    PDO::ATTR_EMULATE_PREPARES   => false,
];

try {
    $pdo = new PDO($dsn, $dbUser, $dbPass, $options);
} catch (PDOException $e) {
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        header('Content-Type: application/json');
        echo json_encode(['success' => false, 'error' => 'Database connection failed']);
        exit;
    }
    die('Service temporarily unavailable. Please try again later.');
}

// ─── HANDLE AJAX POST REQUESTS ────────────────────────────
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    header('Content-Type: application/json');
    header('Access-Control-Allow-Origin: *');

    $action = $_POST['action'] ?? '';

    try {
        switch ($action) {
            case 'validate_code':
                $code = trim($_POST['code'] ?? '');
                if (strlen($code) !== 10) {
                    echo json_encode(['success' => false, 'error' => 'Invalid code']);
                    exit;
                }
                $stmt = $pdo->prepare("
                    SELECT fl.id, fl.group_id, g.group_name
                    FROM `360_por_com_form_links` fl
                    JOIN `360_por_com_groups` g ON g.id = fl.group_id
                    WHERE fl.link_code = ? AND fl.is_active = 1
                ");
                $stmt->execute([$code]);
                $link = $stmt->fetch();
                if (!$link) {
                    echo json_encode(['success' => false, 'error' => 'Invalid or expired link']);
                    exit;
                }
                echo json_encode(['success' => true, 'group_name' => $link['group_name']]);
                break;

            case 'submit':
                $code = trim($_POST['code'] ?? '');
                $participantCount = (int)($_POST['participant_count'] ?? 0);

                if (strlen($code) !== 10 || $participantCount < 1) {
                    echo json_encode(['success' => false, 'error' => 'Invalid data']);
                    exit;
                }

                // Validate link
                $stmt = $pdo->prepare("SELECT id, group_id FROM `360_por_com_form_links` WHERE link_code = ? AND is_active = 1");
                $stmt->execute([$code]);
                $link = $stmt->fetch();
                if (!$link) {
                    echo json_encode(['success' => false, 'error' => 'Invalid or expired link']);
                    exit;
                }

                $pdo->beginTransaction();

                // Update group company details if submitted
                $compName1 = trim($_POST['company_proposed_name_1'] ?? '');
                $compName2 = trim($_POST['company_proposed_name_2'] ?? '');
                $compName3 = trim($_POST['company_proposed_name_3'] ?? '');
                $bizAct    = trim($_POST['company_business_activity'] ?? '');
                $addr1     = trim($_POST['company_address_line_1'] ?? '');
                $addr2     = trim($_POST['company_address_line_2'] ?? '');
                $compPhone = trim($_POST['company_phone'] ?? '');
                $compEmail = trim($_POST['company_email'] ?? '');
                $prov      = trim($_POST['company_province'] ?? '');
                $dist      = trim($_POST['company_district'] ?? '');
                $ds        = trim($_POST['company_ds'] ?? '');
                $gn        = trim($_POST['company_gn'] ?? '');
                $capital   = (float)($_POST['company_stated_capital'] ?? 0);
                $shares    = (int)($_POST['company_total_shares'] ?? 0);

                if ($compName1 || $bizAct || $addr1 || $compPhone || $compEmail) {
                    $stmtUpdGroup = $pdo->prepare("UPDATE `360_por_com_groups` SET 
                        proposed_name_1 = COALESCE(NULLIF(?, ''), proposed_name_1),
                        proposed_name_2 = COALESCE(NULLIF(?, ''), proposed_name_2),
                        proposed_name_3 = COALESCE(NULLIF(?, ''), proposed_name_3),
                        business_activity = COALESCE(NULLIF(?, ''), business_activity),
                        address_line_1 = COALESCE(NULLIF(?, ''), address_line_1),
                        address_line_2 = COALESCE(NULLIF(?, ''), address_line_2),
                        province = COALESCE(NULLIF(?, ''), province),
                        district = COALESCE(NULLIF(?, ''), district),
                        ds_division = COALESCE(NULLIF(?, ''), ds_division),
                        gn_division = COALESCE(NULLIF(?, ''), gn_division),
                        company_phone = COALESCE(NULLIF(?, ''), company_phone),
                        company_email = COALESCE(NULLIF(?, ''), company_email),
                        stated_capital = COALESCE(NULLIF(?, 0), stated_capital),
                        total_shares = COALESCE(NULLIF(?, 0), total_shares)
                        WHERE id = ?");
                    $stmtUpdGroup->execute([$compName1, $compName2, $compName3, $bizAct, $addr1, $addr2, $prov, $dist, $ds, $gn, $compPhone, $compEmail, $capital, $shares, $link['group_id']]);
                }

                // Create submission
                $stmt = $pdo->prepare("INSERT INTO `360_por_com_submissions` (form_link_id, group_id) VALUES (?, ?)");
                $stmt->execute([$link['id'], $link['group_id']]);
                $submissionId = $pdo->lastInsertId();

                // Insert participants
                $stmt = $pdo->prepare("INSERT INTO `360_por_com_participants` (submission_id, title, full_name, occupation, nic_no, phone, email, postal_address, province, district, ds_division, gn_division) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");

                for ($i = 1; $i <= $participantCount; $i++) {
                    $stmt->execute([
                        $submissionId,
                        $_POST["title_{$i}"] ?? '',
                        $_POST["name_{$i}"] ?? '',
                        $_POST["occupation_{$i}"] ?? '',
                        $_POST["nic_{$i}"] ?? '',
                        $_POST["phone_{$i}"] ?? '',
                        $_POST["email_{$i}"] ?? '',
                        $_POST["address_{$i}"] ?? '',
                        $_POST["province_{$i}"] ?? '',
                        $_POST["district_{$i}"] ?? '',
                        $_POST["ds_division_{$i}"] ?? '',
                        $_POST["gn_division_{$i}"] ?? ''
                    ]);
                }

                $pdo->commit();
                echo json_encode(['success' => true, 'submission_id' => $submissionId]);
                break;

            default:
                echo json_encode(['success' => false, 'error' => 'Invalid action']);
        }
    } catch (PDOException $e) {
        if ($pdo->inTransaction()) $pdo->rollBack();
        echo json_encode(['success' => false, 'error' => 'Server error']);
    }
    exit;
}

// ─── HANDLE CORS PREFLIGHT ────────────────────────────────
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
    header('Access-Control-Allow-Headers: Content-Type');
    http_response_code(200);
    exit;
}

// ─── GET REQUEST: RENDER THE FORM ─────────────────────────
$grpid = trim($_GET['grpid'] ?? '');
$code  = trim($_GET['code'] ?? '');

// Server-side code/group validation for initial page load
$groupName = '';
$codeValid = false;
$errorMsg = '';

if (!empty($grpid)) {
    $stmt = $pdo->prepare("
        SELECT fl.id, fl.group_id, fl.link_code, g.group_name
        FROM `360_por_com_groups` g
        JOIN `360_por_com_form_links` fl ON fl.group_id = g.id
        WHERE g.group_name LIKE ? AND fl.is_active = 1
        ORDER BY fl.id DESC LIMIT 1
    ");
    $stmt->execute([$grpid . '%']);
    $link = $stmt->fetch();
    if ($link) {
        $codeValid = true;
        $code = $link['link_code'];
        $groupName = htmlspecialchars($link['group_name']);
    } else {
        $errorMsg = 'This group ID link (' . htmlspecialchars($grpid) . ') is invalid or not yet configured.';
    }
} else if (strlen($code) === 10) {
    $stmt = $pdo->prepare("
        SELECT fl.id, fl.group_id, g.group_name
        FROM `360_por_com_form_links` fl
        JOIN `360_por_com_groups` g ON g.id = fl.group_id
        WHERE fl.link_code = ? AND fl.is_active = 1
    ");
    $stmt->execute([$code]);
    $link = $stmt->fetch();
    if ($link) {
        $codeValid = true;
        $groupName = htmlspecialchars($link['group_name']);
    } else {
        $errorMsg = 'This form link is invalid or has expired. Please contact 360 Accountants for a new link.';
    }
} else {
    $errorMsg = 'No valid group ID or form code found in the URL.';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Register Your Company with 360 Accountants</title>
  <style>
    /* Ensure content fits screen width */
    html, body {
      overflow-x: hidden;
      max-width: 100%;
      box-sizing: border-box;
    }
    *, *:before, *:after { box-sizing: inherit; }

    /* Prevent zoom on input fields */
    input, select, textarea, button {
      font-size: 16px;
      -webkit-text-size-adjust: 100%;
    }

    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      background-color: #f4f4f9;
    }

    .container {
      max-width: 600px;
      margin: auto;
      background: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    h2 { color: #333; text-align: center; margin-top: 0; }
    h3 { text-align: center; color: #333; font-size: 18px; margin-bottom: 15px; }

    .task { display: none; }
    .task.active { display: block; }

    .progress-bar {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }

    .progress-bar div {
      width: 24px;
      height: 24px;
      background: #ccc;
      border-radius: 50%;
      text-align: center;
      line-height: 24px;
      color: #000;
      font-size: 12px;
      font-weight: bold;
    }

    .progress-bar div.active {
      background: #28a745;
      color: white;
    }

    .form-group { margin-bottom: 15px; }
    label { display: block; margin-bottom: 5px; font-weight: bold; font-size: 14px; }
    input, select, textarea {
      width: 100%;
      padding: 10px;
      margin-top: 5px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    textarea { min-height: 80px; resize: vertical; }

    button {
      width: 100%;
      padding: 12px;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      background: #2b2a2a;
      color: white;
      font-weight: bold;
    }
    button:hover { background: #1a1a1a; }

    .controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px;
      margin: 15px 0;
    }
    .controls button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      padding: 0;
      font-size: 20px;
      background: #2b2a2a;
      color: white;
    }
    .controls span { font-size: 22px; font-weight: bold; }

    .participant {
      border: 1px solid #ddd;
      padding: 15px;
      margin-bottom: 15px;
      border-radius: 8px;
      background: #fafafa;
    }
    .participant h4 { margin: 0 0 12px 0; color: #343a40; }

    .error-screen, .success-screen { text-align: center; padding: 40px 20px; }
    .error-screen i, .success-screen i { font-size: 50px; margin-bottom: 15px; }
    .error-screen i { color: #dc3545; }
    .success-screen i { color: #198754; }

    .group-badge {
      background: #2b2a2a;
      color: white;
      padding: 6px 16px;
      border-radius: 20px;
      display: inline-block;
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 14px;
    }

    .toggle-box {
      background: #eef2f7;
      border: 1px solid #cbd5e1;
      padding: 12px;
      border-radius: 6px;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    @media screen and (max-width: 480px) {
      body { padding: 10px; }
      .container { padding: 15px; }
      h2 { font-size: 18px; }
      h3 { font-size: 16px; }
      button { font-size: 14px; padding: 10px; }
    }
  </style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>

<?php if (!$codeValid): ?>
<!-- Error Screen -->
<div class="container">
  <div class="error-screen">
    <i class="fas fa-exclamation-circle"></i>
    <h3>Invalid Link</h3>
    <p><?= $errorMsg ?></p>
  </div>
</div>
<?php else: ?>

<!-- Success Screen (hidden initially) -->
<div class="container" id="successScreen" style="display:none">
  <div class="success-screen">
    <i class="fas fa-check-circle"></i>
    <h3>Submitted Successfully!</h3>
    <p>Your company registration request and participant bios have been submitted successfully. Our team will review them shortly!</p>
  </div>
</div>

<!-- Main Form -->
<div id="mainForm">
  <div class="container mb-3" style="margin-bottom: 15px;">
    <h2>Register Your Company with 360 Accountants</h2>
    <div style="text-align:center">
      <span class="group-badge"><i class="fas fa-building me-1"></i><?= $groupName ?></span>
    </div>
    <div class="progress-bar">
      <div class="active" data-task="1">1</div>
      <div data-task="2">2</div>
      <div data-task="3">3</div>
    </div>
  </div>

  <div class="container">
    <!-- Task 1: Company Details -->
    <div id="task1" class="task active">
      <h3><i class="fas fa-building text-primary me-2"></i>Your Company Details</h3>
      
      <div class="toggle-box">
        <span><i class="fas fa-info-circle text-primary me-1"></i>Fill Company Profile & Registered Address</span>
        <label style="margin:0; font-weight:normal; cursor:pointer;">
          <input type="checkbox" id="enableCompanyDetails" checked onchange="toggleCompanyFormFields()" style="width:auto; margin:0 5px 0 0;"> Enable
        </label>
      </div>

      <form id="companyForm">
        <div id="companyFormFields">
          <div class="form-group">
            <label>Address:</label>
            <input type="text" id="compAddress" name="address" placeholder="Address with No">
          </div>
          <div class="form-group">
            <label>Telephone Number:</label>
            <input type="text" id="compPhone" name="telephone" placeholder="077XXXXXXX">
          </div>
          <div class="form-group">
            <label>Email Address:</label>
            <input type="email" id="compEmail" name="email" placeholder="company@gmail.com">
          </div>
          <div class="form-group">
            <label>Business Activities:</label>
            <textarea id="compActivities" name="activities" placeholder="Explain about your Business"></textarea>
          </div>
          <div class="form-group">
            <label>Province:</label>
            <select id="compProvince" onchange="loadCompanyDistricts()"><option value="">Select Province</option></select>
          </div>
          <div class="form-group">
            <label>District:</label>
            <select id="compDistrict" onchange="loadCompanyCities()"><option value="">Select District</option></select>
          </div>
          <div class="form-group">
            <label>DS Division:</label>
            <select id="compCity" onchange="loadCompanyGNDivisions()"><option value="">Select DS Division</option></select>
          </div>
          <div class="form-group">
            <label>GN Division:</label>
            <select id="compGNDivision"><option value="">Select GN Division</option></select>
          </div>
          <div class="form-group">
            <label>Postal Code:</label>
            <input type="text" id="compPostalCode" name="postalCode" placeholder="Postal Code">
          </div>
        </div>
        <button type="button" onclick="showTask(2)">Continue <i class="fas fa-arrow-right ms-1"></i></button>
      </form>
    </div>

    <!-- Task 2: Selecting Number of Participants -->
    <div id="task2" class="task">
      <h3><i class="fas fa-users text-primary me-2"></i>How many Participant(s) will take part in your Business?</h3>
      <div class="form-group">
        <div class="controls">
          <button type="button" onclick="updateParticipants(-1)">-</button>
          <span id="participantCount">1</span>
          <button type="button" onclick="updateParticipants(1)">+</button>
        </div>
      </div>
      <div style="display:flex; gap:10px;">
        <button type="button" onclick="showTask(1)" style="background:#6c757d;">Back</button>
        <button type="button" onclick="showTask(3)">Continue to Bio <i class="fas fa-arrow-right ms-1"></i></button>
      </div>
    </div>

    <!-- Task 3: Entering Participant Details -->
    <div id="task3" class="task">
      <h3><i class="fas fa-id-card text-primary me-2"></i>Participants Bio Details</h3>
      <div id="participantsForm" class="participants-form"></div>
      <div style="display:flex; gap:10px;">
        <button type="button" onclick="showTask(2)" style="background:#6c757d;">Back</button>
        <button type="button" onclick="submitForm()" id="submitBtn">Submit Registration</button>
      </div>
    </div>
  </div>
</div>

<script>
const API_URL = '<?= htmlspecialchars($_SERVER['PHP_SELF']) ?>';
const linkCode = '<?= htmlspecialchars($code) ?>';

let currentTask = 1;
let participants = 1;
let provinceData = [];
let districtData = [];
let cityData = [];
let gnData = [];

document.addEventListener('DOMContentLoaded', async function(){
  try {
    [provinceData, districtData, cityData, gnData] = await Promise.all([
      fetch('province.json').then(r => r.json()),
      fetch('district.json').then(r => r.json()),
      fetch('city.json').then(r => r.json()),
      fetch('gndivision.json').then(r => r.json())
    ]);
  } catch(e) {
    console.warn('Could not load location JSON files:', e);
  }

  loadCompanyProvinces();
  renderParticipantsForm();
});

function toggleCompanyFormFields() {
  const enabled = document.getElementById('enableCompanyDetails').checked;
  document.getElementById('companyFormFields').style.display = enabled ? 'block' : 'none';
}

function updateProgressBar() {
  document.querySelectorAll('.progress-bar div').forEach((div, index) => {
    div.classList.toggle('active', index + 1 === currentTask);
  });
}

function showTask(taskNum) {
  document.querySelectorAll('.task').forEach(t => t.classList.remove('active'));
  document.getElementById(`task${taskNum}`).classList.add('active');
  currentTask = taskNum;
  updateProgressBar();

  if (taskNum === 3) {
    renderParticipantsForm();
  }
}

// ─── COMPANY LOCATION DROPDOWNS ─────────────────────
function loadCompanyProvinces() {
  const select = document.getElementById('compProvince');
  select.innerHTML = '<option value="">Select Province</option>';
  provinceData.forEach(p => {
    const opt = document.createElement('option');
    opt.value = p.province_code;
    opt.textContent = p.description_en;
    select.appendChild(opt);
  });
}

function loadCompanyDistricts() {
  const provCode = document.getElementById('compProvince').value;
  const select = document.getElementById('compDistrict');
  select.innerHTML = '<option value="">Select District</option>';
  districtData.filter(d => d.province_code == provCode).forEach(d => {
    const opt = document.createElement('option');
    opt.value = d.district_code;
    opt.textContent = d.description_en;
    select.appendChild(opt);
  });
  document.getElementById('compCity').innerHTML = '<option value="">Select DS Division</option>';
  document.getElementById('compGNDivision').innerHTML = '<option value="">Select GN Division</option>';
}

function loadCompanyCities() {
  const distCode = document.getElementById('compDistrict').value;
  const select = document.getElementById('compCity');
  select.innerHTML = '<option value="">Select DS Division</option>';
  cityData.filter(c => c.district_code == distCode).forEach(c => {
    const opt = document.createElement('option');
    opt.value = c.city_code;
    opt.textContent = c.description_en;
    select.appendChild(opt);
  });
  document.getElementById('compGNDivision').innerHTML = '<option value="">Select GN Division</option>';
}

function loadCompanyGNDivisions() {
  const cityCode = document.getElementById('compCity').value;
  const select = document.getElementById('compGNDivision');
  select.innerHTML = '<option value="">Select GN Division</option>';
  gnData.filter(g => g.city_code == cityCode).forEach(g => {
    const opt = document.createElement('option');
    opt.value = g.id;
    opt.textContent = g.description_en;
    select.appendChild(opt);
  });
}

// ─── PARTICIPANTS ──────────────────────────────────
function updateParticipants(change) {
  participants = Math.max(1, participants + change);
  document.getElementById('participantCount').textContent = participants;
  renderParticipantsForm();
}

function renderParticipantsForm() {
  const formDiv = document.getElementById('participantsForm');
  formDiv.innerHTML = '';
  for (let i = 1; i <= participants; i++) {
    const div = document.createElement('div');
    div.className = 'participant';
    div.innerHTML = `
      <h4>Participant ${i}</h4>
      <div class="form-group">
        <label>Title:</label>
        <select id="title_${i}">
          <option value="Mr.">Mr.</option>
          <option value="Mrs.">Mrs.</option>
          <option value="Miss">Miss</option>
          <option value="Rev.">Rev.</option>
        </select>
      </div>
      <div class="form-group">
        <label>Full Name: *</label>
        <input type="text" id="name_${i}" required>
      </div>
      <div class="form-group">
        <label>Occupation:</label>
        <input type="text" id="occupation_${i}">
      </div>
      <div class="form-group">
        <label>NIC No: *</label>
        <input type="text" id="nic_${i}" required>
      </div>
      <div class="form-group">
        <label>Telephone/Mobile Number: *</label>
        <input type="text" id="phone_${i}" required>
      </div>
      <div class="form-group">
        <label>Email Address:</label>
        <input type="email" id="email_${i}">
      </div>
      <div class="form-group">
        <label>Postal Address:</label>
        <input type="text" id="address_${i}">
      </div>
      <div class="form-group">
        <label>Province:</label>
        <select id="province_${i}" onchange="loadDistricts(${i})"><option value="">Select Province</option></select>
      </div>
      <div class="form-group">
        <label>District:</label>
        <select id="district_${i}" onchange="loadCities(${i})"><option value="">Select District</option></select>
      </div>
      <div class="form-group">
        <label>DS Division:</label>
        <select id="ds_${i}" onchange="loadGN(${i})"><option value="">Select DS Division</option></select>
      </div>
      <div class="form-group">
        <label>GN Division:</label>
        <select id="gn_${i}"><option value="">Select GN Division</option></select>
      </div>
    `;
    formDiv.appendChild(div);

    const provSelect = document.getElementById('province_' + i);
    provinceData.forEach(p => {
      const opt = document.createElement('option');
      opt.value = p.province_code;
      opt.textContent = p.description_en;
      provSelect.appendChild(opt);
    });
  }
}

function loadDistricts(i) {
  const provCode = document.getElementById('province_' + i).value;
  const distSelect = document.getElementById('district_' + i);
  distSelect.innerHTML = '<option value="">Select District</option>';
  districtData.filter(d => d.province_code == provCode).forEach(d => {
    const opt = document.createElement('option');
    opt.value = d.district_code;
    opt.textContent = d.description_en;
    distSelect.appendChild(opt);
  });
  document.getElementById('ds_' + i).innerHTML = '<option value="">Select DS Division</option>';
  document.getElementById('gn_' + i).innerHTML = '<option value="">Select GN Division</option>';
}

function loadCities(i) {
  const distCode = document.getElementById('district_' + i).value;
  const citySelect = document.getElementById('ds_' + i);
  citySelect.innerHTML = '<option value="">Select DS Division</option>';
  cityData.filter(c => c.district_code == distCode).forEach(c => {
    const opt = document.createElement('option');
    opt.value = c.city_code;
    opt.textContent = c.description_en;
    citySelect.appendChild(opt);
  });
  document.getElementById('gn_' + i).innerHTML = '<option value="">Select GN Division</option>';
}

function loadGN(i) {
  const cityCode = document.getElementById('ds_' + i).value;
  const gnSelect = document.getElementById('gn_' + i);
  gnSelect.innerHTML = '<option value="">Select GN Division</option>';
  gnData.filter(g => g.city_code == cityCode).forEach(g => {
    const opt = document.createElement('option');
    opt.value = g.id;
    opt.textContent = g.description_en;
    gnSelect.appendChild(opt);
  });
}

// ─── SUBMIT ────────────────────────────────────────
async function submitForm() {
  // Validate participants
  for (let i = 1; i <= participants; i++) {
    const name = document.getElementById('name_' + i).value.trim();
    const nic = document.getElementById('nic_' + i).value.trim();
    const phone = document.getElementById('phone_' + i).value.trim();
    if (!name || !nic || !phone) {
      alert('Please fill in Name, NIC, and Phone for Participant ' + i);
      showTask(3);
      return;
    }
  }

  const btn = document.getElementById('submitBtn');
  btn.disabled = true;
  btn.textContent = 'Submitting...';

  const fd = new FormData();
  fd.append('action', 'submit');
  fd.append('code', linkCode);
  fd.append('participant_count', participants);

  // Send Company Details if enabled
  if (document.getElementById('enableCompanyDetails').checked) {
    fd.append('company_address_line_1', document.getElementById('compAddress').value.trim());
    fd.append('company_phone', document.getElementById('compPhone').value.trim());
    fd.append('company_email', document.getElementById('compEmail').value.trim());
    fd.append('company_business_activity', document.getElementById('compActivities').value.trim());

    const provSel = document.getElementById('compProvince');
    const distSel = document.getElementById('compDistrict');
    const citySel = document.getElementById('compCity');
    const gnSel   = document.getElementById('compGNDivision');

    fd.append('company_province', provSel.selectedIndex > 0 ? provSel.options[provSel.selectedIndex].text : '');
    fd.append('company_district', distSel.selectedIndex > 0 ? distSel.options[distSel.selectedIndex].text : '');
    fd.append('company_ds', citySel.selectedIndex > 0 ? citySel.options[citySel.selectedIndex].text : '');
    fd.append('company_gn', gnSel.selectedIndex > 0 ? gnSel.options[gnSel.selectedIndex].text : '');
  }

  // Send Participant Details
  for (let i = 1; i <= participants; i++) {
    fd.append('title_' + i, document.getElementById('title_' + i).value);
    fd.append('name_' + i, document.getElementById('name_' + i).value.trim());
    fd.append('occupation_' + i, document.getElementById('occupation_' + i).value.trim());
    fd.append('nic_' + i, document.getElementById('nic_' + i).value.trim());
    fd.append('phone_' + i, document.getElementById('phone_' + i).value.trim());
    fd.append('email_' + i, document.getElementById('email_' + i).value.trim());
    fd.append('address_' + i, document.getElementById('address_' + i).value.trim());

    const provSelect = document.getElementById('province_' + i);
    const distSelect = document.getElementById('district_' + i);
    const dsSelect = document.getElementById('ds_' + i);
    const gnSelect = document.getElementById('gn_' + i);
    fd.append('province_' + i, provSelect.selectedIndex > 0 ? provSelect.options[provSelect.selectedIndex].text : '');
    fd.append('district_' + i, distSelect.selectedIndex > 0 ? distSelect.options[distSelect.selectedIndex].text : '');
    fd.append('ds_division_' + i, dsSelect.selectedIndex > 0 ? dsSelect.options[dsSelect.selectedIndex].text : '');
    fd.append('gn_division_' + i, gnSelect.selectedIndex > 0 ? gnSelect.options[gnSelect.selectedIndex].text : '');
  }

  try {
    const res = await fetch(API_URL, { method: 'POST', body: fd });
    const data = await res.json();
    if (data.success) {
      document.getElementById('mainForm').style.display = 'none';
      document.getElementById('successScreen').style.display = 'block';
    } else {
      alert(data.error || 'Submission failed. Please try again.');
      btn.disabled = false;
      btn.textContent = 'Submit Registration';
    }
  } catch(e) {
    alert('Could not connect to server. Please try again.');
    btn.disabled = false;
    btn.textContent = 'Submit Registration';
  }
}
</script>
<?php endif; ?>
</body>
</html>