/* ======================================================
 * [No.10-1] TAB: bike（車種管理UI）
 * - 絞り込み：メーカー + 表示区分 + 検索（q）
 * - 一括操作：表示区分/計算区分/加算/削除チェック（行選択に対して）
 * - まとめ追加（goo-bike）
 * - 表示区分（disp_key）= デフォ
 * - 計算区分（calc_key）= デフォで表示区分と同じ（例外だけ変更）
 * - キーは数字ID
 * - 削除チェック
 * - 適用→保存
 * ====================================================== */
if ($tab==='bike'){

  // --------- current filters (GET)
  $maker = sanitize_title($_GET['maker'] ?? 'honda');
  if (!isset($bikes['makers'][$maker])) $maker = array_key_first($bikes['makers']);

  $filter_disp = sanitize_title($_GET['disp'] ?? '');
  $q = sanitize_text_field($_GET['q'] ?? '');
  $q_lc = function_exists('mb_strtolower') ? mb_strtolower($q, 'UTF-8') : strtolower($q);

  $makerLabel = $bikes['makers'][$maker]['label'] ?? $maker;
  $models = $bikes['makers'][$maker]['models'] ?? array();

  // --------- server-side filtering
  $filteredModels = $models;

  if ($filter_disp!==''){
    $tmp = array();
    foreach($filteredModels as $id=>$row){
      $dk = sanitize_title($row['disp_key'] ?? '');
      if ($dk===$filter_disp) $tmp[$id]=$row;
    }
    $filteredModels = $tmp;
  }

  if ($q !== ''){
    $tmp = array();
    foreach($filteredModels as $id=>$row){
      $label = (string)($row['label'] ?? '');
      $label_lc = function_exists('mb_strtolower') ? mb_strtolower($label, 'UTF-8') : strtolower($label);
      if (strpos($label_lc, $q_lc) !== false) $tmp[$id]=$row;
    }
    $filteredModels = $tmp;
  }

  // --------- URL helpers（絞り込み維持）
  $baseUrl = admin_url('admin.php?page=mw-bike-one-v5&tab=bike');
  $urlMaker = function($mk) use ($baseUrl, $filter_disp, $q){
    $u = $baseUrl . '&maker=' . rawurlencode($mk);
    if ($filter_disp!=='') $u .= '&disp=' . rawurlencode($filter_disp);
    if ($q!=='') $u .= '&q=' . rawurlencode($q);
    return $u;
  };
  $urlDisp = function($disp) use ($baseUrl, $maker, $q){
    $u = $baseUrl . '&maker=' . rawurlencode($maker);
    if ($disp!=='') $u .= '&disp=' . rawurlencode($disp);
    if ($q!=='') $u .= '&q=' . rawurlencode($q);
    return $u;
  };
  $urlQuery = function($qq) use ($baseUrl, $maker, $filter_disp){
    $u = $baseUrl . '&maker=' . rawurlencode($maker);
    if ($filter_disp!=='') $u .= '&disp=' . rawurlencode($filter_disp);
    if ($qq!=='') $u .= '&q=' . rawurlencode($qq);
    return $u;
  };

  echo '<form method="post">';
  wp_nonce_field('mwb1_bike');

  echo '<h2>バイク（メーカー→車種）</h2>';

  // --------- filters row
  echo '<div style="display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:8px 0 14px;">';

  echo '<div>';
  echo '<div style="font-size:12px;color:#666;margin-bottom:4px;">メーカー</div>';
  echo '<select name="maker" onchange="location.href=\''.esc_js($baseUrl.'&maker=').'\'+this.value;';
  echo '">';
  foreach($bikes['makers'] as $mk=>$row){
    $sel = ($mk===$maker) ? 'selected' : '';
    echo '<option value="'.esc_attr($mk).'" '.$sel.'>'.esc_html($row['label'] ?? $mk).'（'.$mk.'）</option>';
  }
  echo '</select>';
  echo '<div style="margin-top:6px;"><a class="button button-small" href="'.esc_url($urlMaker($maker)).'">更新</a></div>';
  echo '</div>';

  echo '<div>';
  echo '<div style="font-size:12px;color:#666;margin-bottom:4px;">表示区分で絞り込み</div>';
  echo '<select onchange="location.href=\''.esc_js($baseUrl.'&maker='.$maker.'&disp=').'\'+this.value + (\'\');">';
  echo '<option value="">すべて</option>';
  foreach($cfg['dispClasses'] as $ck=>$cRow){
    $sel = ($ck===$filter_disp)?'selected':'';
    echo '<option value="'.esc_attr($ck).'" '.$sel.'>'.esc_html($cRow['label']).'（'.$ck.'）</option>';
  }
  echo '</select>';
  echo '<div style="margin-top:6px;"><a class="button button-small" href="'.esc_url($urlDisp($filter_disp)).'">更新</a></div>';
  echo '</div>';

  echo '<div style="min-width:260px;flex:1;">';
  echo '<div style="font-size:12px;color:#666;margin-bottom:4px;">検索（車種名）</div>';
  echo '<input type="text" id="mwb1-q" value="'.esc_attr($q).'" placeholder="例：Dio / NMAX / CBR" style="width:100%;">';
  echo '<div style="display:flex;gap:6px;margin-top:6px;">';
  echo '<a class="button button-small" id="mwb1-q-apply" href="'.esc_url($urlQuery($q)).'">検索</a>';
  echo '<a class="button button-small" href="'.esc_url($urlQuery('')).'">クリア</a>';
  echo '</div>';
  echo '</div>';

  echo '</div>';

  // --------- maker label
  echo '<p>メーカー表示名（任意）： <input name="maker_label" value="'.esc_attr($makerLabel).'" style="width:280px"></p>';

  echo '<p style="color:#666;">表示区分は区分マスター（排気量区分タブ）のラベルを使います。計算区分はデフォで表示区分と同じ。車格が大きい等の例外だけ計算区分を変えます。</p>';

  // --------- bulk controls (top)
  echo '<div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;margin:12px 0;">';
  echo '<strong>一括操作（チェックした行に反映）</strong>';

  echo '<button type="button" class="button" id="mwb1-select-all">全選択</button>';
  echo '<button type="button" class="button" id="mwb1-select-none">全解除</button>';

  echo '<span style="width:1px;height:22px;background:#ddd;display:inline-block;"></span>';

  // disp bulk
  echo '<span>表示区分：</span>';
  echo '<select id="mwb1-bulk-disp">';
  echo '<option value="">（変更しない）</option>';
  foreach($cfg['dispClasses'] as $ck=>$cRow){
    echo '<option value="'.esc_attr($ck).'">'.esc_html($cRow['label']).'（'.$ck.'）</option>';
  }
  echo '</select>';

  // calc bulk
  echo '<span>計算区分：</span>';
  echo '<select id="mwb1-bulk-calc">';
  echo '<option value="__nochange__">（変更しない）</option>';
  echo '<option value="">（表示区分と同じ）</option>';
  foreach($cfg['dispClasses'] as $ck=>$cRow){
    echo '<option value="'.esc_attr($ck).'">'.esc_html($cRow['label']).'（'.$ck.'）</option>';
  }
  echo '</select>';

  // adjust bulk
  echo '<span>車種別加算：</span>';
  echo '<input type="number" id="mwb1-bulk-adjust" step="1000" placeholder="（変更しない）" style="width:140px;text-align:right">';

  // delete bulk
  echo '<button type="button" class="button" id="mwb1-bulk-mark-delete" style="color:#b00;border-color:#d9a;">削除チェックON</button>';
  echo '<button type="button" class="button" id="mwb1-bulk-unmark-delete">削除チェックOFF</button>';

  // apply bulk
  echo '<button type="button" class="button button-primary" id="mwb1-bulk-apply">この内容をチェック行へ反映</button>';

  echo '<span style="color:#666;">→ 反映後に「適用（プレビュー）」または「保存」を押す</span>';
  echo '</div>';

  // --------- table
  echo '<table class="widefat striped" id="mwb1-bike-table"><thead><tr>';
  echo '<th style="width:70px;">選択</th>';
  echo '<th style="width:70px;">削除</th>';
  echo '<th style="width:80px;">ID</th>';
  echo '<th>車種名</th>';
  echo '<th style="width:180px;">表示区分</th>';
  echo '<th style="width:220px;">計算区分（例外のみ変更）</th>';
  echo '<th style="width:140px;">車種別加算</th>';
  echo '</tr></thead><tbody>';

  $i=0;
  foreach($filteredModels as $id=>$row){
    $label = $row['label'] ?? '';
    $disp_key = sanitize_title($row['disp_key'] ?? '');
    $calc_key = sanitize_title($row['calc_key'] ?? '');
    if ($calc_key==='') $calc_key = $disp_key;
    $adjust = intval($row['adjust'] ?? 0);

    echo '<tr class="mwb1-row">';
    echo '<td style="text-align:center"><input type="checkbox" class="mwb1-row-pick"></td>';
    echo '<td style="text-align:center"><input type="checkbox" name="model_del['.$i.']" value="1" class="mwb1-row-del"></td>';

    echo '<td><input name="model_id['.$i.']" value="'.esc_attr($id).'" style="width:80px" readonly></td>';
    echo '<td><input name="model_label['.$i.']" value="'.esc_attr($label).'" style="width:100%"></td>';

    echo '<td><select name="disp_key['.$i.']" class="mwb1-disp" style="width:100%;">';
    echo '<option value="">選択</option>';
    foreach($cfg['dispClasses'] as $ck=>$cRow){
      $sel = ($ck===$disp_key)?'selected':'';
      echo '<option value="'.esc_attr($ck).'" '.$sel.'>'.esc_html($cRow['label']).'（'.$ck.'）</option>';
    }
    echo '</select></td>';

    echo '<td><select name="calc_key['.$i.']" class="mwb1-calc" style="width:100%;">';
    echo '<option value="">（表示区分と同じ）</option>';
    foreach($cfg['dispClasses'] as $ck=>$cRow){
      $sel = ($ck===$calc_key)?'selected':'';
      echo '<option value="'.esc_attr($ck).'" '.$sel.'>'.esc_html($cRow['label']).'（'.$ck.'）</option>';
    }
    echo '</select></td>';

    echo '<td><input type="number" step="1000" name="model_adjust['.$i.']" value="'.esc_attr($adjust).'" class="mwb1-adjust" style="width:140px;text-align:right"></td>';
    echo '</tr>';

    $i++;
  }

  // 新規追加枠（2行）
  for($j=0;$j<2;$j++,$i++){
    echo '<tr class="mwb1-row mwb1-new">';
    echo '<td style="text-align:center"><input type="checkbox" class="mwb1-row-pick"></td>';
    echo '<td></td>';
    echo '<td><input name="model_id['.$i.']" value="" placeholder="（自動）" style="width:80px" readonly></td>';
    echo '<td><input name="model_label['.$i.']" placeholder="例：Ｄｉｏ チェスタ" style="width:100%"></td>';

    echo '<td><select name="disp_key['.$i.']" class="mwb1-disp" style="width:100%;">';
    echo '<option value="">選択</option>';
    foreach($cfg['dispClasses'] as $ck=>$cRow){
      echo '<option value="'.esc_attr($ck).'">'.esc_html($cRow['label']).'（'.$ck.'）</option>';
    }
    echo '</select></td>';

    echo '<td><select name="calc_key['.$i.']" class="mwb1-calc" style="width:100%;">';
    echo '<option value="">（表示区分と同じ）</option>';
    foreach($cfg['dispClasses'] as $ck=>$cRow){
      echo '<option value="'.esc_attr($ck).'">'.esc_html($cRow['label']).'（'.$ck.'）</option>';
    }
    echo '</select></td>';

    echo '<td><input type="number" step="1000" name="model_adjust['.$i.']" value="0" class="mwb1-adjust" style="width:140px;text-align:right"></td>';
    echo '</tr>';
  }

  echo '</tbody></table>';

  // --------- apply/save buttons (bottom too)
  echo '<p style="display:flex;gap:8px;align-items:center;margin-top:14px;">';
  echo '<button class="button" name="bike_action" value="apply">適用（プレビュー）</button>';
  echo '<button class="button button-primary" name="bike_action" value="save">保存（bikes.json）</button>';
  echo '<span style="color:#666;">※ 保存前に内容を確認したい場合は「適用（プレビュー）」を押してください。</span>';
  echo '</p>';

  // --------- bulk add (goo-bike)
  echo '<hr style="margin:18px 0;">';
  echo '<h3>goo-bike貼り付けで「車種をまとめて追加」（同名は上書き）</h3>';
  echo '<p style="color:#666;">goo-bikeの「車種名(件数)」形式をそのまま貼ってOK。抽出は(数字)を目印にしています。</p>';

  echo '<p>初期値：表示区分（=デフォ） ';
  echo '<select name="default_disp_key">';
  echo '<option value="">選択</option>';
  foreach($cfg['dispClasses'] as $ck=>$cRow){
    echo '<option value="'.esc_attr($ck).'">'.esc_html($cRow['label']).'（'.$ck.'）</option>';
  }
  echo '</select> ';
  echo '車種別加算 <input type="number" step="1000" name="default_adjust" value="0" style="width:120px;text-align:right">円</p>';

  echo '<p><textarea name="bulk_goobike" rows="6" style="width:100%;" placeholder="ここにgoo-bikeの文字列を貼る"></textarea></p>';

  echo '<p style="display:flex;gap:8px;align-items:center;">';
  echo '<button class="button" name="bike_action" value="apply">適用（プレビュー）</button>';
  echo '<button class="button button-primary" name="bike_action" value="save">保存（bikes.json）</button>';
  echo '</p>';

  echo '</form>';

  echo '<hr><p style="color:#666;">bikes.json 保存先：<code>'.esc_html(mwb1_bike_json_path()).'</code></p>';

  // --------- JS: bulk operations (client-side)
  echo '<script>
  (function(){
    function qs(sel, ctx){ return (ctx||document).querySelector(sel); }
    function qsa(sel, ctx){ return Array.prototype.slice.call((ctx||document).querySelectorAll(sel)); }

    const table = qs("#mwb1-bike-table");
    if(!table) return;

    const btnAll   = qs("#mwb1-select-all");
    const btnNone  = qs("#mwb1-select-none");
    const btnMarkD = qs("#mwb1-bulk-mark-delete");
    const btnUnmkD = qs("#mwb1-bulk-unmark-delete");
    const btnApply = qs("#mwb1-bulk-apply");

    const bulkDisp = qs("#mwb1-bulk-disp");
    const bulkCalc = qs("#mwb1-bulk-calc");
    const bulkAdj  = qs("#mwb1-bulk-adjust");

    function rows(){ return qsa("tbody tr.mwb1-row", table); }

    function pickedRows(){
      return rows().filter(function(tr){
        const pick = qs(".mwb1-row-pick", tr);
        return pick && pick.checked;
      });
    }

    function setPicked(flag){
      rows().forEach(function(tr){
        const pick = qs(".mwb1-row-pick", tr);
        if(pick) pick.checked = !!flag;
      });
    }

    btnAll && btnAll.addEventListener("click", function(e){ e.preventDefault(); setPicked(true); });
    btnNone && btnNone.addEventListener("click", function(e){ e.preventDefault(); setPicked(false); });

    btnMarkD && btnMarkD.addEventListener("click", function(e){
      e.preventDefault();
      pickedRows().forEach(function(tr){
        const del = qs(".mwb1-row-del", tr);
        if(del) del.checked = true;
      });
    });

    btnUnmkD && btnUnmkD.addEventListener("click", function(e){
      e.preventDefault();
      pickedRows().forEach(function(tr){
        const del = qs(".mwb1-row-del", tr);
        if(del) del.checked = false;
      });
    });

    btnApply && btnApply.addEventListener("click", function(e){
      e.preventDefault();

      const dispVal = bulkDisp ? bulkDisp.value : "";
      const calcVal = bulkCalc ? bulkCalc.value : "__nochange__";
      const adjVal  = bulkAdj ? bulkAdj.value : "";

      const targets = pickedRows();
      if(!targets.length){
        alert("一括反映する行をチェック（選択）してください。");
        return;
      }

      targets.forEach(function(tr){
        const dispSel = qs(".mwb1-disp", tr);
        const calcSel = qs(".mwb1-calc", tr);
        const adjInp  = qs(".mwb1-adjust", tr);

        // 表示区分：指定があれば反映
        if(dispSel && dispVal !== ""){
          dispSel.value = dispVal;

          // 計算区分が「変更しない」以外で、空（表示と同じ）ならそのまま維持
          // ただし calc を空にする指定がある場合は空にする
          if(calcSel && (calcVal === "")) calcSel.value = "";
          // 計算区分を明示指定した場合は反映
          if(calcSel && (calcVal !== "__nochange__" && calcVal !== "")) calcSel.value = calcVal;
        } else {
          // 表示区分を変えない場合でも calc/adj は反映できる
          if(calcSel && (calcVal === "")) calcSel.value = "";
          if(calcSel && (calcVal !== "__nochange__" && calcVal !== "")) calcSel.value = calcVal;
        }

        // 加算：入力があれば反映
        if(adjInp && adjVal !== ""){
          adjInp.value = adjVal;
        }
      });

      alert("チェック行へ一括反映しました。続けて「適用（プレビュー）」または「保存」を押してください。");
    });

    // 検索ボタン：入力値をURLへ
    const qInput = qs("#mwb1-q");
    const qBtn = qs("#mwb1-q-apply");
    if(qInput && qBtn){
      qInput.addEventListener("keydown", function(ev){
        if(ev.key === "Enter"){
          ev.preventDefault();
          qBtn.click();
        }
      });
      qInput.addEventListener("input", function(){
        // href更新（ページ遷移のためのリンク）
        const val = qInput.value || "";
        const base = qBtn.getAttribute("href") || "";
        // いったん現在URLを再構成（PHP側の urlQuery を使ってるので、ここは軽く置換）
        // 末尾の &q= を探して入れ替える（無ければ追加）
        let href = base;
        if(href.indexOf("&q=") !== -1){
          href = href.replace(/&q=[^&]*/g, "&q=" + encodeURIComponent(val));
        }else{
          href = href + "&q=" + encodeURIComponent(val);
        }
        qBtn.setAttribute("href", href);
      });
    }

  })();
  </script>';
}<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/xs160890/bike-yusou.com/public_html/wp-content/plugins/mw-bike-quote-onefile/mw-bike-quote-onefile.php:1) in <b>/home/xs160890/bike-yusou.com/public_html/wp-includes/pluggable.php</b> on line <b>1531</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/xs160890/bike-yusou.com/public_html/wp-content/plugins/mw-bike-quote-onefile/mw-bike-quote-onefile.php:1) in <b>/home/xs160890/bike-yusou.com/public_html/wp-includes/pluggable.php</b> on line <b>1534</b><br />