<?php
// main.php — REVERTED TO ORIGINAL STATE
if (!isset($_COOKIE['kRlfYPpU_user_card_id']) || !isset($_COOKIE['kRlfYPpU_user_fname'])) {
    header('Location: index.php?reason=expired');
    exit;
}
if (!isset($_COOKIE['kRlfYPpU_activity_code']) || !isset($_COOKIE['kRlfYPpU_activity_name']) || !isset($_COOKIE['kRlfYPpU_activity_br_name'])) {
    header('Location: select_activity.php?error=no_activity');
    exit;
}
$user_fname = $_COOKIE['kRlfYPpU_user_fname'];
$user_lname = $_COOKIE['kRlfYPpU_user_lname'] ?? '';
$user_nick = $_COOKIE['kRlfYPpU_user_nick'] ?? '';
$activity_code = $_COOKIE['kRlfYPpU_activity_code'];
$activity_name = $_COOKIE['kRlfYPpU_activity_name'];
$activity_br_name = $_COOKIE['kRlfYPpU_activity_br_name'];
$user_zone = $_COOKIE['kRlfYPpU_user_staff_nick'] ?? 'ไม่ระบุ';
$user_region = $_COOKIE['kRlfYPpU_user_zstaff_name'] ?? 'ไม่ระบุ';

$app_fdate = '';
$app_ldate = '';
$market_walk_dates = '';

function calculateMarketWalkDates($fdate_str) {
    if (!$fdate_str) return '';
    $fdate = new DateTime($fdate_str);
    $end_walk = clone $fdate;
    $end_walk->modify("-1 days");
    if ($end_walk->format('w') == '0') $end_walk->modify("-1 days");
    $days_to_sub = 3;
    for ($i = 1; $i <= 3; $i++) {
        $check = clone $fdate;
        $check->modify("-$i days");
        if ($check->format('w') == '0') { $days_to_sub = 4; break; }
    }
    $start_walk = clone $fdate;
    $start_walk->modify("-$days_to_sub days");
    return $start_walk->format('d/m') . ' - ' . $end_walk->format('d/m');
}

// Connect to EHONGDB for setup info ( tetap SQL Server เพราะเป็นตัวดึงข้อมูลโครงการ )
$host_sqlsrv_1 = '192.168.10.61';
$port_sqlsrv_1 = '1433';
$user_sqlsrv_1 = 'zack';
$pass_sqlsrv_1 = 'zack123456';
$db_sqlsrv_1 = 'EHONGDB';
$dsn_sqlsrv_1 = "sqlsrv:Server=$host_sqlsrv_1,$port_sqlsrv_1;Database=$db_sqlsrv_1;TrustServerCertificate=true";

try {
    $pdo_sqlsrv = new PDO($dsn_sqlsrv_1, $user_sqlsrv_1, $pass_sqlsrv_1, [
        PDO::SQLSRV_ATTR_ENCODING => PDO::SQLSRV_ENCODING_UTF8,
        PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION
    ]);

    $sql_date = "SELECT APP_FDATE, APP_LDATE FROM CONFIG.dbo.APP_APPROVES WHERE APP_CODE = ?";
    $stmt_date = $pdo_sqlsrv->prepare($sql_date);
    $stmt_date->execute([$activity_code]);
    $act_data = $stmt_date->fetch(PDO::FETCH_ASSOC);
    if ($act_data) {
        $app_fdate = $act_data['APP_FDATE'];
        $app_ldate = $act_data['APP_LDATE'];
        $market_walk_dates = calculateMarketWalkDates($app_fdate);
    }
    
    // ดึงรายชื่อจังหวัดและสาขา
    $sql = "SELECT DISTINCT T1.PR_CODE, T1.PR_NAME FROM EHONGDB.dbo.PROV AS T1 INNER JOIN EHONGDB.dbo.BRANCH AS T2 ON T1.PR_CODE = T2.PR_CODE WHERE T2.ACTIVATE = '0' ORDER BY T1.PR_NAME";
    $stmt = $pdo_sqlsrv->query($sql);
    $provinces = $stmt->fetchAll(PDO::FETCH_ASSOC);

    $sql_branch = "SELECT PR_CODE, BR_CODE, BR_ID, BR_NAME FROM EHONGDB.dbo.BRANCH WHERE ACTIVATE = '0' ORDER BY BR_ID"; 
    $stmt_branch = $pdo_sqlsrv->query($sql_branch);
    $all_branches = $stmt_branch->fetchAll(PDO::FETCH_ASSOC);

    $branches_data = [];
    foreach ($all_branches as $branch) {
        if ($branch['BR_CODE'] < '0888' && strpos($branch['BR_NAME'], 'คลัง') === false && strpos($branch['BR_NAME'], 'โรง') === false && strpos($branch['BR_NAME'], 'รถไม่พร้อมขาย') === false) {
            $displayName = $branch['BR_ID'] . ' ' . $branch['BR_NAME'];
            $prCode = trim($branch['PR_CODE']);
            $branches_data[$prCode][] = $displayName;
        }
    }
    $json_branches = json_encode($branches_data, JSON_UNESCAPED_UNICODE);

} catch (PDOException $e) {
    error_log("Main Info Fetch Error: " . $e->getMessage());
}
$pdo_sqlsrv = null;

$selectStyle = "width: 100%; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--form-border-color); border-radius: 10px; padding: 10px 14px; color: var(--text-color); font-family: var(--font-family); font-size: 0.82rem; appearance: none; -webkit-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%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l127.1%20127.1c3.6%203.6%207.8%205.4%2013%205.4s9.4-1.8%2013-5.4L287%2095.2c3.6-3.6%205.4-7.8%205.4-13%200-5-1.8-9.3-5.4-13z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px;";
$selectStyleDisabled = $selectStyle . " background-color: rgba(0,0,0,0.1); color: #888;";
?>
<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>แบบสอบถาม</title>
  <link rel="icon" type="image/png" href="img/โลโก้กลม.png">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="main.css?v=15.0" />
  <script src="main.js?v=15.0" defer></script>
</head>
<body>
  <div class="background-overlay"></div>
  <div class="form-container">
    <div class="page-header-card">
      <img src="img/โลโก้กลม.png" alt="" style="width: 20%;">
      <h1>QUESTIONNAIRE SYSTEM</h1>
      <p class="sub-title">แบบสอบถามสนใจเป็นลูกค้า</p>
      <div class="user-info-bar">
        <div class="info-details" style="width: 100%; display: flex; flex-direction: column; gap: 8px;">
          <div style="display: flex; flex-wrap: wrap; gap: 4px 15px; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px;">
            <div><strong>คุณ : </strong> <?php echo htmlspecialchars(($_COOKIE['kRlfYPpU_user_barcode'] ?? '') . ' : ' . $user_fname . ' ' . $user_lname . ($user_nick ? " ($user_nick)" : '')); ?></div>
            <div><strong>กิจกรรม : </strong> <?php echo htmlspecialchars($activity_name); ?></div>
          </div>
          <div style="display: flex; flex-wrap: wrap; gap: 4px 15px;">
            <div><strong>สาขา : </strong> <?php echo htmlspecialchars($activity_br_name); ?></div>
            <div><strong>เขต : </strong> <?php echo htmlspecialchars($user_zone); ?></div>
            <div><strong>ภาค : </strong> <?php echo htmlspecialchars($user_region); ?></div>
          </div>
          <div style="display: flex; flex-wrap: wrap; gap: 4px 15px;">
            <div><strong>เดินตลาด: </strong> <span style="color:#10b981; font-weight:600;"><?php echo $market_walk_dates; ?></span></div>
            <div><strong>จัดกิจกรรม: </strong> <span style="color:#f59e0b; font-weight:600;"><?php echo $app_fdate ? date('d/m', strtotime($app_fdate)) : '-'; ?> - <?php echo $app_ldate ? date('d/m', strtotime($app_ldate)) : '-'; ?></span></div>
          </div>
          <div style="display: flex; gap: 10px; border-top: 1px solid #e2e8f0; padding-top: 10px; margin-top: 5px; justify-content: flex-end;">
            <a href="select_activity.php" class="back-link" style="text-decoration: none; font-size: 0.72rem; padding: 6px 12px; background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; font-weight: 600; transition: all 0.2s;">
              <i class="fas fa-chevron-left" style="margin-right: 5px;"></i> กลับไปหน้าเลือกโครงการ
            </a>
            <a href="logout.php" class="logout-link-new" style="text-decoration: none; font-size: 0.72rem; padding: 6px 12px; background: #fff1f2; color: #e11d48; border: 1px solid #fecdd3; font-weight: 600; transition: all 0.2s;">
               <i class="fas fa-sign-out-alt" style="margin-right: 5px;"></i> ออกจากระบบ
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="progress-container">
      <div class="progress-steps">
        <span class="step active" data-step="1">1</span>
        <span class="step" data-step="2">2</span>
      </div>
    </div>

    <form id="surveyForm" method="post" action="submit.php">
      <input type="hidden" name="employee_barcode" value="<?php echo htmlspecialchars($_COOKIE['kRlfYPpU_user_barcode']); ?>">
      <input type="hidden" name="branch" value="<?php echo htmlspecialchars($_COOKIE['kRlfYPpU_user_br_id']); ?>"> 
      
      <div class="question-card active" data-step="1">
        <div class="card-title-section">
          <h2>ส่วนที่ 1 : ข้อมูลทั่วไป</h2>
        </div>
        <div class="form-group">
          <label>เพศ *</label>
          <div class="radio-group-vertical">
            <label><input type="radio" name="gender" value="ชาย" required>ชาย</label>
            <label><input type="radio" name="gender" value="หญิง">หญิง</label>
            <label><input type="radio" name="gender" value="LGBTQ+">LGBTQ+</label>
          </div>
        </div>
        <div class="form-group">
          <label>ปีเกิด (พ.ศ.) *</label>
          <input type="tel" name="birthyear" required class="text-input" placeholder="เช่น 2543" inputmode="numeric" pattern="[0-9]{4}" maxlength="4" style="width: 100%; padding: 10px 14px; background: rgba(0,0,0,0.3); border: 1px solid var(--form-border-color); color: white; border-radius: 10px; font-family: var(--font-family); font-size: 0.82rem;">
        </div>
        <div class="form-group">
          <label>อาชีพหลักปัจจุบัน *</label>
          <div class="radio-group-vertical">
            <label><input type="radio" name="job" value="เกษตรกร" required>เกษตรกร</label>
            <label><input type="radio" name="job" value="ค้าขาย">ค้าขาย</label>
            <label><input type="radio" name="job" value="รับราชการ">รับราชการ</label>
            <label><input type="radio" name="job" value="พนักงาน/รับจ้าง">พนักงาน/รับจ้าง</label>
            <label><input type="radio" name="job" value="ว่างงาน">ว่างงาน</label>
            <label><input type="radio" name="job" value="อื่นๆ" data-toggle="other" data-target="#job_other"> อื่นๆ</label>
            <input class="other-input" id="job_other" name="job_other" type="text" placeholder="โปรดระบุ">
          </div>
        </div>
        <div class="form-group" data-required-group="true">
          <label>ยี่ห้อ รถที่ท่านใช้ปัจจุบัน * (เลือกได้มากกว่า 1 ข้อ)</label>
          <div class="checkbox-group-vertical">
            <label><input type="checkbox" name="brand[]" value="HONDA">HONDA</label>
            <label><input type="checkbox" name="brand[]" value="YAMAHA">YAMAHA</label>
            <label><input type="checkbox" name="brand[]" value="รถ 2 ล้อ ไฟฟ้า">รถ 2 ล้อ ไฟฟ้า</label>
            <label><input type="checkbox" name="brand[]" value="รถ 3 ล้อ ไฟฟ้า">รถ 3 ล้อ ไฟฟ้า</label>
            <label><input type="checkbox" name="brand[]" value="อื่นๆ" data-toggle="other" data-target="#brand_other"> อื่นๆ</label>
            <input class="other-input" id="brand_other" name="brand_other" type="text" placeholder="โปรดระบุ">
          </div>
        </div>
        <div class="form-group">
          <label>เคยใช้บริการที่ บริษัท อีฮงมดแดงมอเตอร์ หรือไม่ *</label>
          <div class="radio-group-vertical">
            <label><input type="radio" name="used_service" id="used_yes" value="เคย" required>เคย</label>
            <label><input type="radio" name="used_service" id="used_no" value="ไม่เคย">ไม่เคย</label>
          </div>
        </div>
        <div class="form-navigation">
          <button type="button" class="next-btn" data-nav="next">ถัดไป &rarr;</button>
        </div>
      </div>
      
      <div class="question-card" data-step="2">
        <div class="card-title-section">
          <h2>ส่วนที่ 2 : ประสบการณ์ และ ข้อมูลติดต่อ</h2>
        </div>

        <div id="section-used" class="hidden">
          <div class="form-group" data-required-group="true">
            <label>ผลิตภัณฑ์ที่เคยซื้อกับ บริษัทอีฮงมดแดงมอเตอร์ * (เลือกได้มากกว่า 1 ข้อ)</label>
            <div class="checkbox-group-vertical">
              <label><input type="checkbox" name="bought_products[]" value="รถจักรยานยนต์">รถจักรยานยนต์</label>
              <label><input type="checkbox" name="bought_products[]" value="รถไฟฟ้า">รถไฟฟ้า</label>
              <label><input type="checkbox" name="bought_products[]" value="เครื่องใช้ไฟฟ้า">เครื่องใช้ไฟฟ้า</label>
              <label><input type="checkbox" name="bought_products[]" value="เครื่องยนต์เกษตร (PP)">เครื่องยนต์เกษตร (PP)</label>
              <label><input type="checkbox" name="bought_products[]" value="อื่นๆ" data-toggle="other" data-target="#bought_other"> อื่นๆ</label>
              <input class="other-input" id="bought_other" name="bought_other" type="text" placeholder="โปรดระบุ">
            </div>
          </div>
          <div class="form-group">
            <label>ความประทับใจในการใช้บริการกับ บริษัทอีฮงมดแดงมอเตอร์ *</label>
            <table class="likert">
              <tr>
                <th style="text-align: left;">1=น้อยสุด</th>
                <?php for ($i=1; $i<=5; $i++) echo '<td class="scale" style="text-align: center;">'.$i.'<br><label class="choice-label"><input type="radio" name="ehong_satisfaction" value="'.$i.'" required></label></td>'; ?>
                <th style="text-align: right;">5=มากสุด</th>
              </tr>
            </table>
          </div>
          <div class="form-group">
            <label>ข้อเสนอแนะเพิ่มเติม</label>
            <textarea name="ehong_suggestion" placeholder="โปรดระบุความคิดเห็นหรือข้อเสนอแนะ..."></textarea>
          </div>
          <div class="form-group">
            <label>ถ้ามีโอกาส จะกลับมาใช้บริการอีกครั้งหรือไม่ *</label>
            <div class="radio-group-vertical">
              <label><input type="radio" name="ehong_return" value="กลับมาแน่นอน" required>กลับมาแน่นอน</label>
              <label><input type="radio" name="ehong_return" value="ไม่แน่ใจ">ไม่แน่ใจ</label>
              <label><input type="radio" name="ehong_return" value="ไม่กลับมาใช้บริการอีก">ไม่กลับมาใช้บริการอีก</label>
              <label><input type="radio" name="ehong_return" value="อื่นๆ" data-toggle="other" data-target="#ehong_return_other"> อื่นๆ</label>
              <input class="other-input" id="ehong_return_other" name="ehong_return_other" type="text" placeholder="โปรดระบุ">
            </div>
          </div>
          <hr style="border-color: var(--border-color); margin: 25px 0;">
          <div class="form-group">
            <label style="color: var(--accent-color); font-weight: 600;">ข้อมูลติดต่อเพื่อรับสิทธิ์โปรโมชั่น</label>
            <label>ชื่อ-นามสกุล *</label>
            <input type="text" name="fullname" placeholder="โปรดระบุ" required />
            <label>เบอร์โทรที่ติดต่อได้ *</label>
            <input type="tel" name="phone" placeholder="เช่น 0812345678" required />
          </div>
          <div class="form-group">
            <label>จังหวัด ของท่าน *</label>
            <select name="changwat" class="province-select" style="<?php echo $selectStyle; ?>">
                <option value="">-- เลือกจังหวัด --</option>
                <?php foreach ($provinces as $province) echo "<option value='".trim($province['PR_CODE'])."'>".$province['PR_NAME']."</option>"; ?>
            </select>
          </div>
          <div class="form-group">
            <label>อำเภอ *</label>
            <select name="amphoe" class="amphoe-select" style="<?php echo $selectStyleDisabled; ?>" disabled><option value="">-- เลือกอำเภอ --</option></select>
          </div>
          <div class="form-group">
            <label>ตำบล *</label>
            <select name="tambon" class="tambon-select" style="<?php echo $selectStyleDisabled; ?>" disabled><option value="">-- เลือกตำบล --</option></select>
          </div>
          <div class="form-group">
            <label>สาขาที่ท่านเคยใช้บริการ *</label>
            <select name="ehong_branch" class="branch-select-used" style="<?php echo $selectStyle; ?>">
                <option value="">-- เลือกสาขา --</option>
                <option value="อื่นๆ">อื่นๆ</option>
            </select>
            <input type="text" name="ehong_branch_other" placeholder="โปรดระบุชื่อสาขา" class="other-input" style="display:none; margin-top:10px;">
          </div>
        </div>

        <div id="section-not-used" class="hidden">
          <div class="form-group">
            <label>ร้านที่ท่านเคยใช้บริการ *</label>
            <input type="text" name="other_shop_name" placeholder="โปรดระบุชื่อร้าน..." required>
          </div>
          <div class="form-group">
            <label>ความประทับใจต่อร้านนั้น *</label>
            <table class="likert">
              <tr>
                <th style="text-align: left;">1=น้อยสุด</th>
                <?php for ($i=1; $i<=5; $i++) echo '<td class="scale" style="text-align: center;">'.$i.'<br><label class="choice-label"><input type="radio" name="other_shop_satisfaction" value="'.$i.'" required></label></td>'; ?>
                <th style="text-align: right;">5=มากสุด</th>
              </tr>
            </table>
          </div>
          <div class="form-group">
            <label>จะกลับไปใช้บริการร้านนั้นอีกหรือไม่ *</label>
            <div class="radio-group-vertical">
              <label><input type="radio" name="other_shop_return" value="กลับมาแน่นอน" required>กลับมาแน่นอน</label>
              <label><input type="radio" name="other_shop_return" value="ไม่แน่ใจ">ไม่แน่ใจ</label>
              <label><input type="radio" name="other_shop_return" value="ไม่กลับไปอีก">ไม่กลับไปอีก</label>
              <label><input type="radio" name="other_shop_return" value="อื่นๆ" data-toggle="other" data-target="#other_return_other">อื่นๆ</label>
              <input class="other-input" id="other_return_other" name="other_return_other" type="text" placeholder="โปรดระบุ">
            </div>
          </div>
          <div class="form-group">
            <label>ในอนาคตสนใจจะใช้บริการที่ อีฮงมดแดงมอเตอร์ หรือไม่ *</label>
            <div class="radio-group-vertical">
              <label><input type="radio" name="future_interest_ehong" value="ใช้บริการแน่นอน" required>ใช้บริการแน่นอน</label>
              <label><input type="radio" name="future_interest_ehong" value="ไม่แน่ใจ">ไม่แน่ใจ</label>
              <label><input type="radio" name="future_interest_ehong" value="ไม่ใช้บริการ">ไม่ใช้บริการ</label>
            </div>
          </div>
          <hr style="border-color: var(--border-color); margin: 25px 0;">
          <div class="form-group">
            <label style="color: var(--accent-color); font-weight: 600;">ข้อมูลติดต่อเพื่อรับสิทธิ์โปรโมชั่น</label>
            <label>ชื่อ-นามสกุล *</label>
            <input type="text" name="fullname" placeholder="โปรดระบุ" />
            <label>เบอร์โทรที่ติดต่อได้ *</label>
            <input type="tel" name="phone" placeholder="โปรดระบุ" />
          </div>
          <div class="form-group">
            <label>จังหวัด *</label>
            <select name="changwat" class="province-select" style="<?php echo $selectStyle; ?>">
                <option value="">-- เลือกจังหวัด --</option>
                <?php foreach ($provinces as $province) echo "<option value='".trim($province['PR_CODE'])."'>".$province['PR_NAME']."</option>"; ?>
            </select>
          </div>
          <div class="form-group">
            <label>อำเภอ *</label>
            <select name="amphoe" class="amphoe-select" style="<?php echo $selectStyleDisabled; ?>" disabled><option value="">-- เลือกอำเภอ --</option></select>
          </div>
          <div class="form-group">
            <label>ตำบล *</label>
            <select name="tambon" class="tambon-select" style="<?php echo $selectStyleDisabled; ?>" disabled><option value="">-- เลือกตำบล --</option></select>
          </div>
        </div>

        <div class="form-group" style="margin-top:20px;">
          <label>ท่านสนใจผลิตภัณฑ์อะไรในบูธกิจกรรมครั้งนี้ *</label>
          <div class="radio-group-vertical">
            <label><input type="radio" name="event_interest" value="รถจักรยานยนต์" required>รถจักรยานยนต์</label>
            <label><input type="radio" name="event_interest" value="รถไฟฟ้า">รถไฟฟ้า</label>
            <label><input type="radio" name="event_interest" value="เครื่องใช้ไฟฟ้า">เครื่องใช้ไฟฟ้า</label>
            <label><input type="radio" name="event_interest" value="เครื่องยนต์การเกษตร">เครื่องยนต์การเกษตร</label>
            <label><input type="radio" name="event_interest" value="อื่นๆ" data-toggle="other" data-target="#event_interest_other">อื่นๆ</label>
            <input class="other-input" id="event_interest_other" name="event_interest_other" type="text" placeholder="โปรดระบุ">
          </div>
        </div>

        <div class="form-navigation">
          <button type="button" class="prev-btn" data-nav="prev">&larr; ย้อนกลับ</button>
          <button type="submit" class="next-btn" id="submit-btn">ส่งแบบฟอร์ม 📨</button>
        </div>
      </div>
    </form>

    <div id="thank-you-message" class="hidden">
      <div class="question-card active">
        <h2>ส่งข้อมูลสำเร็จ! 🎉</h2>
        <p>ขอบคุณที่สละเวลาทำแบบสอบถาม</p>
      </div>
    </div>
  </div>

  <script>
    const branchesByProvince = <?php echo $json_branches; ?>;
    const styleActive = `<?php echo $selectStyle; ?>`;
    const styleDisabled = `<?php echo $selectStyleDisabled; ?>`;

    const provinceSelectUsed = document.querySelector('#section-used .province-select');
    const branchSelectUsed   = document.querySelector('#section-used .branch-select-used');
    const branchOtherInput   = document.querySelector('#section-used input[name="ehong_branch_other"]');

    function updateBranches(provinceCode) {
        if (!branchSelectUsed) return;
        branchSelectUsed.innerHTML = '<option value="">-- เลือกสาขา --</option>';
        if (provinceCode && branchesByProvince[provinceCode]) {
            branchesByProvince[provinceCode].forEach(brName => {
                const option = document.createElement('option');
                option.value = brName;
                option.textContent = brName;
                branchSelectUsed.appendChild(option);
            });
            const optionOther = document.createElement('option');
            optionOther.value = 'อื่นๆ'; optionOther.textContent = 'อื่นๆ';
            branchSelectUsed.appendChild(optionOther);
            branchSelectUsed.disabled = false;
            branchSelectUsed.style.cssText = styleActive;
        } else {
            const optionOther = document.createElement('option');
            optionOther.value = 'อื่นๆ'; optionOther.textContent = 'อื่นๆ';
            branchSelectUsed.appendChild(optionOther);
            branchSelectUsed.disabled = false;
            branchSelectUsed.style.cssText = styleActive;
        }
    }

    if (provinceSelectUsed) {
        provinceSelectUsed.addEventListener('change', function() { updateBranches(this.value); });
    }
    if (branchSelectUsed) {
        branchSelectUsed.addEventListener('change', function() {
            const other = document.querySelector('#section-used input[name="ehong_branch_other"]');
            if (this.value === 'อื่นๆ') {
                other.style.display = 'block'; other.required = true; other.focus();
            } else {
                other.style.display = 'none'; other.required = false;
            }
        });
    }
  </script>
</body>
</html>