/**
 * delivery-auto.js
 * Модуль інтеграції з Delivery Auto API v4
 * Підключається до index.html через <script src="delivery-auto.js">
 */

window.DeliveryAuto = (() => {
  const BASE = 'api.php?action=';

  // ─── helpers ───────────────────────────────────────────
  async function apiPost(action, payload = {}) {
    const r = await fetch(BASE + action, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(payload)
    });
    return r.json();
  }
  async function apiGet(action, params = {}) {
    const qs = new URLSearchParams(params).toString();
    const r = await fetch(BASE + action + (qs ? '&' + qs : ''));
    return r.json();
  }

  function esc(s) {
    return String(s ?? '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
  }
  function toast(msg, type = 'info') {
    if (typeof window.toast === 'function') { window.toast(msg, type); return; }
    const c = document.getElementById('toast-container');
    if (!c) return;
    const t = document.createElement('div');
    t.className = `toast ${type}`; t.textContent = msg;
    c.appendChild(t);
    setTimeout(() => { t.style.opacity='0'; setTimeout(() => t.remove(), 300); }, 3200);
  }

  // ─── State ─────────────────────────────────────────────
  let ttnList = [];      // [ { ...receipt fields } ]
  let filterStatus = ''; // фільтр по статусу

  // ─── CITY SEARCH ───────────────────────────────────────
  let cityTimer = null;
  function searchCity(query, dropId, onSelect) {
    clearTimeout(cityTimer);
    const drop = document.getElementById(dropId);
    if (!drop) return;
    if (!query || query.length < 2) { drop.classList.remove('show'); return; }
    drop.innerHTML = '<div class="delivery-loading">🔍 Пошук міст...</div>';
    drop.classList.add('show');
    cityTimer = setTimeout(async () => {
      try {
        const res = await apiPost('delv_search_city', { query });
        if (res.error || !res.data) {
          drop.innerHTML = `<div class="delivery-loading" style="color:var(--red)">${res.error || 'Помилка'}</div>`;
          return;
        }
        const items = res.data;
        if (!items.length) { drop.innerHTML = '<div class="delivery-loading">Нічого не знайдено</div>'; return; }
        drop.innerHTML = items.map(c =>
          `<div class="delivery-item" onmousedown="DeliveryAuto._selectCity('${c.id}','${esc(c.name)}','${dropId}','${c.regionId}')">
            <div>${esc(c.name)}</div>
            <div class="sub">${esc(c.regionName || '')}</div>
          </div>`
        ).join('');
        drop.classList.add('show');
        // зберігаємо callback
        drop._onSelect = onSelect;
      } catch(e) {
        drop.innerHTML = '<div class="delivery-loading" style="color:var(--red)">Помилка з\'єднання</div>';
      }
    }, 380);
  }

  function _selectCity(cityId, cityName, dropId, regionId) {
    const drop = document.getElementById(dropId);
    if (drop) {
      drop.classList.remove('show');
      if (drop._onSelect) drop._onSelect(cityId, cityName, regionId);
    }
  }

  // ─── WAREHOUSE SEARCH ──────────────────────────────────
  let whTimer = null;
  function searchWarehouse(cityId, query, dropId, onSelect) {
    clearTimeout(whTimer);
    const drop = document.getElementById(dropId);
    if (!drop || !cityId) return;
    drop.innerHTML = '<div class="delivery-loading">🔍 Пошук відділень...</div>';
    drop.classList.add('show');
    whTimer = setTimeout(async () => {
      try {
        const res = await apiPost('delv_search_warehouse', { cityId, query });
        if (res.error || !res.data) {
          drop.innerHTML = `<div class="delivery-loading" style="color:var(--red)">${res.error || 'Помилка'}</div>`;
          return;
        }
        const items = res.data;
        if (!items.length) { drop.innerHTML = '<div class="delivery-loading">Відділень не знайдено</div>'; return; }
        drop.innerHTML = items.map(w =>
          `<div class="delivery-item" onmousedown="DeliveryAuto._selectWh('${w.id}','${esc(w.name)}','${esc(w.address)}','${dropId}')">
            <div>${esc(w.name)}</div>
            <div class="sub">${esc(w.address)}</div>
          </div>`
        ).join('');
        drop.classList.add('show');
        drop._onSelect = onSelect;
      } catch(e) {
        drop.innerHTML = '<div class="delivery-loading" style="color:var(--red)">Помилка з\'єднання</div>';
      }
    }, 380);
  }

  function _selectWh(whId, whName, whAddr, dropId) {
    const drop = document.getElementById(dropId);
    if (drop) {
      drop.classList.remove('show');
      if (drop._onSelect) drop._onSelect(whId, whName, whAddr);
    }
  }

  // ─── CREATE TTN MODAL HTML ─────────────────────────────
  function buildCreateTTNModal() {
    return `
<div class="modal-overlay" id="delv-create-modal" onclick="if(event.target===this)DeliveryAuto.closeCreateModal()">
  <div class="modal-dialog" style="max-width:640px;width:96%">
    <div class="modal-header">
      <div class="modal-title">📄 Оформити ТТН — Делівері</div>
      <button class="modal-close" onclick="DeliveryAuto.closeCreateModal()">✕</button>
    </div>
    <div class="modal-body" style="max-height:75vh;overflow-y:auto">
      <div id="delv-form-msg" style="display:none;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:13px"></div>

      <div class="section-title">Відправлення</div>
      <div class="form-grid">
        <div class="form-group">
          <label class="form-label">Місто відправлення</label>
          <div class="delivery-search-wrap">
            <input class="form-control" id="delv-send-city-input" placeholder="Введіть місто..." oninput="DeliveryAuto._onSendCityInput(this.value)" autocomplete="off">
            <div class="delivery-dropdown" id="delv-send-city-drop"></div>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">Відділення відправлення</label>
          <div class="delivery-search-wrap">
            <input class="form-control" id="delv-send-wh-input" placeholder="Спершу оберіть місто" oninput="DeliveryAuto._onSendWhInput(this.value)" autocomplete="off" disabled>
            <div class="delivery-dropdown" id="delv-send-wh-drop"></div>
          </div>
        </div>
      </div>

      <div class="section-title" style="margin-top:12px">Отримання</div>
      <div class="form-grid">
        <div class="form-group">
          <label class="form-label">Місто отримання</label>
          <div class="delivery-search-wrap">
            <input class="form-control" id="delv-recv-city-input" placeholder="Введіть місто..." oninput="DeliveryAuto._onRecvCityInput(this.value)" autocomplete="off">
            <div class="delivery-dropdown" id="delv-recv-city-drop"></div>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">Відділення отримання</label>
          <div class="delivery-search-wrap">
            <input class="form-control" id="delv-recv-wh-input" placeholder="Спершу оберіть місто" oninput="DeliveryAuto._onRecvWhInput(this.value)" autocomplete="off" disabled>
            <div class="delivery-dropdown" id="delv-recv-wh-drop"></div>
          </div>
        </div>
      </div>

      <div class="section-title" style="margin-top:12px">Одержувач</div>
      <div class="form-grid">
        <div class="form-group">
          <label class="form-label">ПІБ одержувача *</label>
          <input class="form-control" id="delv-receiver-name" placeholder="Іванов Іван Іванович">
        </div>
        <div class="form-group">
          <label class="form-label">Телефон одержувача *</label>
          <input class="form-control" id="delv-receiver-phone" placeholder="0501112233" maxlength="10">
        </div>
      </div>

      <div class="section-title" style="margin-top:12px">Вантаж та оплата</div>
      <div class="form-grid">
        <div class="form-group">
          <label class="form-label">Вага (кг) *</label>
          <input class="form-control" id="delv-weight" type="number" step="0.1" min="0.1" value="1">
        </div>
        <div class="form-group">
          <label class="form-label">Об'єм (м³)</label>
          <input class="form-control" id="delv-volume" type="number" step="0.001" min="0.001" value="0.01">
        </div>
        <div class="form-group">
          <label class="form-label">Кількість місць *</label>
          <input class="form-control" id="delv-places" type="number" min="1" value="1">
        </div>
        <div class="form-group">
          <label class="form-label">Страхова вартість (₴)</label>
          <input class="form-control" id="delv-insurance" type="number" min="0" value="0">
        </div>
        <div class="form-group">
          <label class="form-label">Тип платника</label>
          <select class="form-control" id="delv-payer-type">
            <option value="0">Відправник</option>
            <option value="1">Одержувач</option>
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Дата відправки *</label>
          <input class="form-control" id="delv-date-send" type="date">
        </div>
      </div>

      <div class="section-title" style="margin-top:12px">Післяплата (якщо є)</div>
      <div class="form-grid">
        <div class="form-group">
          <label class="form-label">Сума (₴), 0 = без</label>
          <input class="form-control" id="delv-cod-value" type="number" min="0" value="0">
        </div>
        <div class="form-group">
          <label class="form-label">Номер картки одержувача</label>
          <input class="form-control" id="delv-cod-card" placeholder="5168XXXXXXXX1234 або ID картки">
        </div>
      </div>

      <div style="margin-top:4px">
        <label style="display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer">
          <input type="checkbox" id="delv-debug-mode" style="width:16px;height:16px">
          Debug режим (не зберігати реально, лише перевірити)
        </label>
      </div>
    </div>
    <div class="modal-footer" style="display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border)">
      <button class="btn btn-primary" onclick="DeliveryAuto.submitCreateTTN()" style="flex:1">
        📄 Оформити ТТН
      </button>
      <button class="btn" style="background:var(--surface3);color:var(--text)" onclick="DeliveryAuto.closeCreateModal()">Скасувати</button>
    </div>
  </div>
</div>`;
  }

  // ─── State for create form ─────────────────────────────
  const form = {
    sendCityId: '', sendCityName: '',
    sendWhId:   '', sendWhName:   '',
    recvCityId: '', recvCityName: '',
    recvWhId:   '', recvWhName:   '',
  };

  function _onSendCityInput(v) {
    searchCity(v, 'delv-send-city-drop', (id, name) => {
      form.sendCityId = id; form.sendCityName = name;
      document.getElementById('delv-send-city-input').value = name;
      const wi = document.getElementById('delv-send-wh-input');
      wi.disabled = false; wi.placeholder = 'Пошук відділення...';
      form.sendWhId = ''; form.sendWhName = '';
    });
  }
  function _onSendWhInput(v) {
    if (!form.sendCityId) return;
    searchWarehouse(form.sendCityId, v, 'delv-send-wh-drop', (id, name) => {
      form.sendWhId = id; form.sendWhName = name;
      document.getElementById('delv-send-wh-input').value = name;
    });
  }
  function _onRecvCityInput(v) {
    searchCity(v, 'delv-recv-city-drop', (id, name) => {
      form.recvCityId = id; form.recvCityName = name;
      document.getElementById('delv-recv-city-input').value = name;
      const wi = document.getElementById('delv-recv-wh-input');
      wi.disabled = false; wi.placeholder = 'Пошук відділення...';
      form.recvWhId = ''; form.recvWhName = '';
    });
  }
  function _onRecvWhInput(v) {
    if (!form.recvCityId) return;
    searchWarehouse(form.recvCityId, v, 'delv-recv-wh-drop', (id, name) => {
      form.recvWhId = id; form.recvWhName = name;
      document.getElementById('delv-recv-wh-input').value = name;
    });
  }

  // ─── Open create modal (from order context) ────────────
  function openCreateModal(order = null) {
    // inject modal if not present
    if (!document.getElementById('delv-create-modal')) {
      document.body.insertAdjacentHTML('beforeend', buildCreateTTNModal());
    }
    // reset
    Object.assign(form, { sendCityId:'', sendCityName:'', sendWhId:'', sendWhName:'',
                           recvCityId:'', recvCityName:'', recvWhId:'', recvWhName:'' });
    ['delv-send-city-input','delv-send-wh-input','delv-recv-city-input','delv-recv-wh-input']
      .forEach(id => { const el = document.getElementById(id); if(el) el.value = ''; });
    ['delv-send-wh-input','delv-recv-wh-input'].forEach(id => {
      const el = document.getElementById(id);
      if (el) { el.disabled = true; el.placeholder = 'Спершу оберіть місто'; }
    });

    // prefill from order if passed
    if (order) {
      const rn = document.getElementById('delv-receiver-name');
      const rp = document.getElementById('delv-receiver-phone');
      if (rn) rn.value = `${order.lastName || ''} ${order.firstName || ''}`.trim();
      if (rp) rp.value = (order.phone || '').replace(/\D/g,'').slice(-10);
      // COD prefill
      const total = (order.products||[]).reduce((s,p)=>s+(p.qty*p.price),0);
      const prepay = parseFloat(order.prepay)||0;
      const cod = order.paymentType==='partial' ? Math.max(0,total-prepay) : 0;
      const codEl = document.getElementById('delv-cod-value');
      if (codEl) codEl.value = cod;
      // city if saved
      if (order.city) document.getElementById('delv-recv-city-input').value = order.city;
      if (order.branch) document.getElementById('delv-recv-wh-input').value = order.branch;
    }

    // set today's date
    const ds = document.getElementById('delv-date-send');
    if (ds) ds.value = new Date().toISOString().slice(0,10);

    hideFormMsg();
    document.getElementById('delv-create-modal').classList.add('open');
  }

  function closeCreateModal() {
    document.getElementById('delv-create-modal')?.classList.remove('open');
  }

  function showFormMsg(msg, ok = false) {
    const el = document.getElementById('delv-form-msg');
    if (!el) return;
    el.textContent = msg;
    el.style.display = 'block';
    el.style.background = ok ? 'var(--green-bg)' : 'var(--red-bg)';
    el.style.color = ok ? 'var(--green)' : 'var(--red)';
  }
  function hideFormMsg() {
    const el = document.getElementById('delv-form-msg');
    if (el) el.style.display = 'none';
  }

  async function submitCreateTTN() {
    hideFormMsg();
    const receiverName  = document.getElementById('delv-receiver-name')?.value.trim() || '';
    const receiverPhone = document.getElementById('delv-receiver-phone')?.value.replace(/\D/g,'') || '';
    const weight        = parseFloat(document.getElementById('delv-weight')?.value) || 0;
    const volume        = parseFloat(document.getElementById('delv-volume')?.value) || 0.01;
    const places        = parseInt(document.getElementById('delv-places')?.value) || 1;
    const insurance     = parseFloat(document.getElementById('delv-insurance')?.value) || 0;
    const payerType     = parseInt(document.getElementById('delv-payer-type')?.value) || 0;
    const dateSend      = document.getElementById('delv-date-send')?.value || '';
    const codValue      = parseFloat(document.getElementById('delv-cod-value')?.value) || 0;
    const debugMode     = document.getElementById('delv-debug-mode')?.checked || false;

    // validate
    if (!form.sendCityId)   { showFormMsg('❌ Оберіть місто відправлення'); return; }
    if (!form.sendWhId)     { showFormMsg('❌ Оберіть відділення відправлення'); return; }
    if (!form.recvCityId)   { showFormMsg('❌ Оберіть місто отримання'); return; }
    if (!form.recvWhId)     { showFormMsg('❌ Оберіть відділення отримання'); return; }
    if (!receiverName)      { showFormMsg('❌ Введіть ПІБ одержувача'); return; }
    if (receiverPhone.length !== 10) { showFormMsg('❌ Телефон має бути 10 цифр'); return; }
    if (!weight)            { showFormMsg('❌ Вкажіть вагу'); return; }
    if (!dateSend)          { showFormMsg('❌ Вкажіть дату відправки'); return; }

    const btn = document.querySelector('#delv-create-modal .btn-primary');
    if (btn) { btn.disabled = true; btn.textContent = '⏳ Оформлення...'; }

    try {
      const payload = {
        areasSendId:       form.sendCityId,
        warehouseSendId:   form.sendWhId,
        areasResiveId:     form.recvCityId,
        warehouseResiveId: form.recvWhId,
        receiverName, receiverPhone,
        weight, volume, places,
        insurance, payerType, dateSend, codValue, debugMode
      };
      const res = await apiPost('delv_create_ttn', payload);
      if (res.error) { showFormMsg('❌ ' + res.error); return; }
      if (res.status === false || (res.receipts && res.receipts.length === 0)) {
        showFormMsg('❌ ' + (res.message || 'Помилка оформлення ТТН'));
        return;
      }
      const receipt = res.receipts?.[0];
      const num = receipt?.Number || receipt?.Id || '???';
      toast(`✅ ТТН Делівері оформлено: ${num}`, 'success');
      showFormMsg(`✅ ТТН ${num} оформлено!`, true);
      // reload ttn list
      await loadTTNList();
      setTimeout(() => closeCreateModal(), 1500);
    } catch(e) {
      showFormMsg('❌ Помилка: ' + e.message);
    } finally {
      if (btn) { btn.disabled = false; btn.textContent = '📄 Оформити ТТН'; }
    }
  }

  // ─── TTN LIST PAGE ─────────────────────────────────────
  async function loadTTNList() {
    const res = await apiGet('delv_get_ttns');
    ttnList = Array.isArray(res) ? res : (res.data || []);
    renderTTNList();
  }

  const STATUS_LABELS = {
    0:'Видано', 1:'Частково видано', 2:'Оформлено', 3:'Утилізовано',
    4:'Продано', 5:'Скасовано', 6:'В дорозі', 7:'Готово до видачі',
    8:'Зарезервовано', 9:'Переадресовано', 10:'На розвантаженні',
    11:'На транзиті', 12:'Готується до доставки', 13:'Доставляється'
  };
  const STATUS_COLOR = {
    0:'var(--green)', 2:'var(--blue)', 6:'var(--orange)',
    7:'var(--green)', 13:'var(--orange)', 5:'var(--red)'
  };

  function renderTTNList() {
    const page = document.getElementById('delv-ttn-page');
    if (!page) return;

    const filtered = filterStatus !== ''
      ? ttnList.filter(t => String(t.Status) === String(filterStatus))
      : ttnList;

    const html = `
      <div style="display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap">
        <select class="filter-select" onchange="DeliveryAuto._filterStatus(this.value)" style="width:auto">
          <option value="">Усі статуси</option>
          ${Object.entries(STATUS_LABELS).map(([k,v])=>`<option value="${k}" ${filterStatus===k?'selected':''}>${v}</option>`).join('')}
        </select>
        <button class="btn btn-primary" style="padding:7px 14px;font-size:13px" onclick="DeliveryAuto.openCreateModal()">➕ Нова ТТН</button>
        <button class="btn" style="padding:7px 14px;font-size:13px;background:var(--surface3)" onclick="DeliveryAuto.refreshStatuses()">🔄 Оновити статуси</button>
        <span style="font-size:12px;color:var(--text2)">${filtered.length} записів</span>
      </div>
      ${filtered.length === 0 ? '<div style="padding:40px;text-align:center;color:var(--text3)">Немає ТТН Делівері.<br>Натисніть «Нова ТТН» для оформлення.</div>' : `
      <div class="table-wrap">
        <table class="tbl">
          <thead><tr>
            <th>Номер ТТН</th>
            <th>Відправлення</th>
            <th>Отримання</th>
            <th>Статус</th>
            <th>Вартість</th>
            <th>Дата відп.</th>
            <th>Дії</th>
          </tr></thead>
          <tbody>
            ${filtered.map(t => {
              const stLabel = STATUS_LABELS[t.Status] || t.StatusesDecoding || t.Status;
              const stColor = STATUS_COLOR[t.Status] || 'var(--text2)';
              return `<tr>
                <td style="font-weight:600;font-family:monospace">${esc(t.number || t.Number)}</td>
                <td style="font-size:12px">${esc(t.SenderWarehouseName || '')}</td>
                <td style="font-size:12px">${esc(t.RecepientWarehouseName || '')}</td>
                <td><span style="color:${stColor};font-size:12px;font-weight:600">${esc(stLabel)}</span></td>
                <td>${t.TotalCost ? t.TotalCost + ' ₴' : '—'}</td>
                <td style="font-size:12px">${(t.SendDate||'').slice(0,10)}</td>
                <td>
                  <div style="display:flex;gap:6px">
                    <button class="btn" style="padding:4px 8px;font-size:11px;background:var(--surface3)" onclick="DeliveryAuto.printTTN('${esc(t.number||t.Number)}')">🖨️</button>
                    <button class="btn" style="padding:4px 8px;font-size:11px;background:var(--blue-bg);color:var(--blue)" onclick="DeliveryAuto.trackTTN('${esc(t.number||t.Number)}')">📍</button>
                  </div>
                </td>
              </tr>`;
            }).join('')}
          </tbody>
        </table>
      </div>`}`;

    page.querySelector('#delv-ttn-list').innerHTML = html;
  }

  function _filterStatus(v) {
    filterStatus = v;
    renderTTNList();
  }

  async function refreshStatuses() {
    toast('🔄 Оновлення статусів...', 'info');
    const numbers = ttnList.map(t => t.number || t.Number).filter(Boolean);
    for (const num of numbers) {
      try {
        const res = await apiPost('delv_track_ttn', { number: num });
        if (res.data) {
          const idx = ttnList.findIndex(t => (t.number||t.Number) === num);
          if (idx !== -1) Object.assign(ttnList[idx], res.data);
        }
      } catch(e) {}
    }
    // save updated list
    await apiPost('delv_save_ttns', { ttns: ttnList });
    renderTTNList();
    toast('✅ Статуси оновлено', 'success');
  }

  async function printTTN(number) {
    toast('⏳ Завантаження PDF...', 'info');
    try {
      const res = await apiPost('delv_get_pdf', { number });
      if (res.error) { toast('❌ ' + res.error, 'error'); return; }
      if (res.file) {
        // base64 → blob → download
        const bytes = atob(res.file);
        const ab = new ArrayBuffer(bytes.length);
        const ua = new Uint8Array(ab);
        for (let i=0;i<bytes.length;i++) ua[i]=bytes.charCodeAt(i);
        const blob = new Blob([ab], { type:'application/pdf' });
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url; a.download = `TTN_${number}.pdf`; a.click();
        setTimeout(() => URL.revokeObjectURL(url), 1000);
        toast('✅ PDF завантажено', 'success');
      }
    } catch(e) { toast('❌ Помилка: ' + e.message, 'error'); }
  }

  async function trackTTN(number) {
    toast('🔍 Запит статусу...', 'info');
    try {
      const res = await apiPost('delv_track_ttn', { number });
      if (res.error || !res.data) { toast('❌ ' + (res.error||'Не знайдено'), 'error'); return; }
      const d = res.data;
      const stLabel = STATUS_LABELS[d.Status] || d.StatusesDecoding || '—';
      const msg = `📦 ${number}\nСтатус: ${stLabel}\nЗ: ${d.SenderWarehouseName||'—'}\nДо: ${d.RecepientWarehouseName||'—'}\nВартість: ${d.TotalCost||'—'} ₴`;
      alert(msg);
      // update in list
      const idx = ttnList.findIndex(t => (t.number||t.Number)===number);
      if (idx !== -1) Object.assign(ttnList[idx], d);
      await apiPost('delv_save_ttns', { ttns: ttnList });
      renderTTNList();
    } catch(e) { toast('❌ Помилка: ' + e.message, 'error'); }
  }

  // ─── Page HTML ─────────────────────────────────────────
  function buildPageHTML() {
    return `
    <div id="delv-ttn-page" class="page">
      <div style="margin-bottom:16px">
        <div class="section-title">🚚 Делівері — ТТН</div>
      </div>
      <div id="delv-ttn-list"><div style="text-align:center;padding:40px;color:var(--text3)">Завантаження...</div></div>
    </div>`;
  }

  // ─── Init ──────────────────────────────────────────────
  function init() {
    // inject page if missing
    const main = document.querySelector('.main');
    if (main && !document.getElementById('delv-ttn-page')) {
      main.insertAdjacentHTML('beforeend', buildPageHTML());
    }
    loadTTNList();
  }

  // expose public API
  return {
    init, openCreateModal, closeCreateModal, submitCreateTTN,
    loadTTNList, renderTTNList, printTTN, trackTTN, refreshStatuses,
    searchCity, searchWarehouse,
    // internal callbacks (called from inline HTML)
    _selectCity, _selectWh,
    _onSendCityInput, _onSendWhInput, _onRecvCityInput, _onRecvWhInput,
    _filterStatus,
  };
})();