<form method="get"
      action="/playground/google-product-page/run"
      accept-charset="UTF-8"
      class="space-y-8 lg:space-y-10 xl:space-y-12"
      data-controller="debounced-submit"
      data-debounced-submit-frame-value="playground-code"
      data-action="input->debounced-submit#schedule change->debounced-submit#schedule turbo:frame-load@window->debounced-submit#syncUrl"
  data-archetype="detail"
  data-engine="google_product_page">
  <input type="hidden" name="target" value="curl"
         data-debounced-submit-target="exportTarget">
  <input type="hidden" name="from_engine" value="google_shopping">
  <input type="hidden" name="qs" value=""
         data-debounced-submit-target="query">
  <div class="min-w-0">
    <div class="mb-2 flex items-baseline justify-between gap-3">
      <h2 class="text-xs font-semibold tracking-wide text-ink uppercase">
        Request
      </h2>
    </div>
    <div class="flex flex-wrap items-center gap-2">
      <div class="min-w-0 flex-1">
        <div class="flex w-full min-w-0 items-stretch overflow-hidden border transition-colors focus-within:ring-3 rounded-md h-11 text-sm border-line-strong bg-surface hover:border-ink-faint focus-within:border-accent-line focus-within:ring-focus-ring" data-request-bar="true">
          <span class="relative flex shrink-0 items-center gap-1.5 px-3 after:absolute after:right-0 after:w-px after:bg-line after:content-[''] after:inset-y-2.5 font-mono text-sm font-bold text-method-get">GET</span>
          <span class="relative flex shrink-0 items-center gap-1.5 pl-3 font-mono text-ink-muted"
              aria-hidden="true">/api/v1/search?</span>
          <input type="text"
           value="engine=google_product_page&product_token=sample_product_espresso_machine&api_key=E5oa7LbhkKN7YUyj4CwXppK8"
           placeholder=""
           class="min-w-0 flex-1 border-0 bg-transparent px-0 placeholder:text-ink-faint focus:outline-none focus:ring-0 text-ink text-sm font-mono"
           spellcheck="false" autocomplete="off" autocapitalize="off" aria-label="Request query string" data-endpoint-url="true" data-debounced-submit-target="address">
          <span class="relative flex shrink-0 items-center gap-1.5 px-3 after:absolute after:left-0 after:w-px after:bg-line after:content-[''] after:inset-y-2.5">
            <button type="button"
        class="inline-flex shrink-0 items-center gap-1.5 rounded-md text-sm text-ink-muted transition-colors hover:border-accent-line hover:text-ink border border-transparent px-1.5 py-1"
        data-controller="copy"
        data-action="copy#copy"
        data-copy-text-value="https://www.searchapi.io/api/v1/search?engine=google_product_page&product_token=sample_product_espresso_machine&api_key=E5oa7LbhkKN7YUyj4CwXppK8"
        aria-label="Copy request URL">
              <span class="inline-flex items-center gap-1.5" data-copy-target="idle">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
         stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true">
                  <path d="M9 3.75h9a1.5 1.5 0 0 1 1.5 1.5v9" /><path d="M6 8.25h9a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5H6a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 6 8.25Z" />
                </svg>
              </span>
              <span class="inline-flex items-center gap-1.5 text-ink" data-copy-target="done" role="status" hidden>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
         stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true">
                  <path d="M4.5 12.75 9 17.25l10.5-10.5" />
                </svg>
                <span>Copied</span>
              </span>
            </button>
          </span>
        </div>
      </div>
      <a class="inline-flex items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors h-11 border border-line bg-surface-sunk text-ink hover:border-line-strong" href="/google-product-page" data-reset-control="true" data-reset-href="/google-product-page" data-live-class="inline-flex items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors h-11 border border-line bg-surface-sunk text-ink hover:border-line-strong" data-idle-class="inline-flex items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors h-11 border border-line-faint bg-surface-sunk text-ink-faint cursor-not-allowed">
        Reset
      </a>
      <button type="submit" class="inline-flex items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors h-11 border border-transparent bg-accent text-accent-ink hover:bg-accent-hover" data-turbo-frame="playground-run">
        Run
      </button>
      <button type="submit" class="inline-flex items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors h-11 border border-transparent bg-danger text-danger-ink hover:bg-danger-hover" formaction="/playground/google-product-page/live" formmethod="post" data-turbo-frame="playground-run">
        Run live
      </button>
    </div>
  </div>
  <button type="submit"
          class="hidden"
          aria-label="Refresh the code sample"
          formaction="/playground/google-product-page/code"
          formmethod="get"
          data-turbo-frame="playground-code"
          data-debounced-submit-target="submitter"></button>
  <section aria-labelledby="playground-params" data-controller="param-scroll">
    <div class="mb-2 flex items-baseline justify-between gap-3">
      <h2 id="playground-params" class="text-xs font-semibold tracking-wide text-ink uppercase">
        Params
      </h2>
      <button type="button"
              hidden
              class="group inline-flex cursor-pointer items-center gap-1 rounded-md text-xs font-medium text-ink-muted transition-colors hover:text-ink"
              aria-expanded="false"
              aria-controls="playground-params-grid"
              data-param-scroll-target="toggle"
              data-action="param-scroll#toggle">
        <span class="group-aria-expanded:hidden">Expand</span>
        <span class="hidden group-aria-expanded:inline">Collapse</span>
        <svg class="size-3.5 transition-transform group-aria-expanded:rotate-180" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2" stroke-linecap="round"
             stroke-linejoin="round" aria-hidden="true">
          <path d="m6 9 6 6 6-6"></path>
        </svg>
      </button>
    </div>
    <div class="overflow-x-auto rounded-lg border border-line max-h-[32rem] overflow-y-auto" id="playground-params-grid" data-param-scroll-target="viewport">
      <table class="w-full text-left text-sm border-separate border-spacing-0 [&_tbody_tr:last-child>*]:border-b-0">
        <thead class="bg-surface-subtle text-xs font-semibold uppercase tracking-wide text-ink-muted">
          <tr>
            <th scope="col" class="w-14 px-4 py-2.5 sticky top-0 z-10 bg-surface-subtle border-b border-line border-r border-line">
              <span class="sr-only">Send this parameter</span>
            </th>
            <th scope="col"
            class="px-4 py-2.5 sticky top-0 z-10 bg-surface-subtle border-b border-line
                   border-r border-line
                   w-44 ">
              Key
            </th>
            <th scope="col"
            class="px-4 py-2.5 sticky top-0 z-10 bg-surface-subtle border-b border-line
                   border-r border-line
                    w-64">
              Value
            </th>
            <th scope="col"
            class="px-4 py-2.5 sticky top-0 z-10 bg-surface-subtle border-b border-line
                   
                    ">
              Description
            </th>
          </tr>
        </thead>
        <tbody class="">
          <tr data-param-group="authorization">
            <th scope="colgroup" colspan="4" class="border-b border-line p-0 text-left">
              <div class="flex flex-wrap items-baseline gap-x-3 gap-y-0.5 bg-surface-sunk px-4 py-1.5">
                <span class="text-xs font-semibold text-ink">Authorization</span>
              </div>
            </th>
          </tr>
          <tr class="transition-colors hover:bg-surface-subtle"
          data-param-row
          data-parameter="api_key"
          data-field-state="set"
          data-sent="true"
          data-action="click->debounced-submit#activateRow">
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
            </td>
            <th scope="row" class="px-4 py-2.5 align-top border-b border-line border-r border-line text-left font-normal">
              <span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink break-words">api_key<span class="text-badge-danger-ink"><span aria-hidden="true">*</span><span class="sr-only">required</span></span></span>
            </th>
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex min-w-0 items-center gap-2">
                <input type="text"
         value="E5oa7LbhkKN7YUyj4CwXppK8"
         placeholder="E5oa7LbhkKN7YUyj4CwXppK8"
         class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-transparent block w-full rounded-sm text-sm font-mono border-transparent hover:border-line-strong hover:bg-surface focus:border-accent-line focus:bg-surface focus:ring-focus-ring read-only:border-transparent read-only:bg-transparent read-only:hover:border-transparent read-only:hover:bg-transparent disabled:border-transparent disabled:bg-transparent h-7 px-2 disabled:pointer-events-none"
         aria-label="api_key" data-row-control="true" data-action="blur->debounced-submit#revertRow" autocomplete="off" spellcheck="false" autocapitalize="off" name="api_key">
              </div>
            </td>
            <td class="px-4 py-2.5 align-top border-b border-line text-ink-muted">
              <p>SearchApi.io API key; alternatively send 'Authorization: Bearer <key>'.</p>
              <p class="mt-1 text-xs">
                This is the author's own SearchApi key, left here on purpose so you can run this page for real without signing up. Replace it with yours to run against your own account — whichever key is in this row is the one Run live spends credits on, and the one the address above and every code sample carry, so a key pasted here also travels in a link you share. Run, beside it, answers from a recording and spends nothing.
              </p>
            </td>
          </tr>
          <tr class="transition-colors hover:bg-surface-subtle"
          data-param-row
          data-parameter="api_key_preset"
          data-field-state="default"
          data-sent="false"
          data-action="click->debounced-submit#activateRow">
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
            </td>
            <th scope="row" class="px-4 py-2.5 align-top border-b border-line border-r border-line text-left font-normal">
              <span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink break-words">api_key_preset</span>
            </th>
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex min-w-0 items-center gap-2">
                <span class="relative inline-flex max-w-full">
                  <select class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-surface inline-block field-sizing-content max-w-full rounded-sm text-sm font-mono border-line-strong hover:border-ink-faint focus:border-accent-line focus:ring-focus-ring read-only:border-line read-only:bg-surface-subtle read-only:hover:border-line disabled:border-line disabled:bg-surface-sunk px-2 py-1 pr-8 disabled:pointer-events-none" aria-label="api_key_preset" data-row-control="true" data-action="blur->debounced-submit#revertRow" name="api_key_preset">
                    <option value="demo" selected="selected">demo</option>
                    <option value="invalid" >invalid</option>
                    <option value="exhausted" >exhausted</option>
                  </select>
                  <svg class="pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-ink-faint" viewBox="0 0 24 24" fill="none"
         stroke="currentColor" stroke-width="2" stroke-linecap="round"
         stroke-linejoin="round" aria-hidden="true">
                    <path d="m6 9 6 6 6-6"></path>
                  </svg>
                </span>
                <span class="ml-auto shrink-0 rounded-sm bg-surface-subtle px-1.5 py-0.5 font-mono text-xs text-ink-muted"
                    data-default-tag>default</span>
              </div>
            </td>
            <td class="px-4 py-2.5 align-top border-b border-line text-ink-muted">
              <p>Which demo key to send. The working key resolves the recorded sample; the other two resolve the recorded 401 and 429 envelopes, so the path to an error state is the caller's real path.</p>
            </td>
          </tr>
          <tr data-param-group="required">
            <th scope="colgroup" colspan="4" class="border-b border-line p-0 text-left">
              <div class="flex flex-wrap items-baseline gap-x-3 gap-y-0.5 bg-surface-sunk px-4 py-1.5">
                <span class="text-xs font-semibold text-ink">Required</span>
              </div>
            </th>
          </tr>
          <tr class="transition-colors hover:bg-surface-subtle"
          data-param-row
          data-parameter="product_token"
          data-field-state="set"
          data-sent="true"
          data-action="click->debounced-submit#activateRow">
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
            </td>
            <th scope="row" class="px-4 py-2.5 align-top border-b border-line border-r border-line text-left font-normal">
              <span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink break-words">product_token<span class="text-badge-danger-ink"><span aria-hidden="true">*</span><span class="sr-only">required</span></span></span>
            </th>
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex min-w-0 items-center gap-2">
                <input type="text"
         value="sample_product_espresso_machine"
         placeholder="value"
         class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-accent-line bg-transparent block w-full rounded-sm text-sm font-mono border-transparent hover:border-line-strong hover:bg-surface focus:border-accent-line focus:bg-surface focus:ring-focus-ring read-only:border-transparent read-only:bg-transparent read-only:hover:border-transparent read-only:hover:bg-transparent disabled:border-transparent disabled:bg-transparent h-7 px-2 disabled:pointer-events-none"
         aria-label="product_token" data-row-control="true" data-action="blur->debounced-submit#revertRow" name="product_token">
              </div>
            </td>
            <td class="px-4 py-2.5 align-top border-b border-line text-ink-muted">
              <p>Product token minted by the Google Shopping API (shopping_results entries); older product_id/prds formats are accepted for backward compatibility.</p>
              <p class="mt-1 flex flex-wrap items-center gap-2 text-xs">
                <span class="inline-block rounded-full px-2.5 py-0.5 text-xs font-semibold bg-badge-info text-badge-info-ink">Handed in</span>
                <span>
                  Arrived from <a class="text-accent-line hover:text-accent-line-hover" href="/google-shopping">Google Shopping</a>. Clear the field to look up a different one.
                </span>
              </p>
            </td>
          </tr>
          <tr data-param-group="targeting">
            <th scope="colgroup" colspan="4" class="border-b border-line p-0 text-left">
              <div class="flex flex-wrap items-baseline gap-x-3 gap-y-0.5 bg-surface-sunk px-4 py-1.5">
                <span class="text-xs font-semibold text-ink">Targeting</span>
                <span class="text-xs font-normal text-ink-muted">Only what you set is sent. Sending the API its own defaults back would ship a dozen parameters you never chose and bury the ones you did.</span>
              </div>
            </th>
          </tr>
          <tr class="transition-colors hover:bg-surface-subtle"
          data-param-row
          data-parameter="gl"
          data-field-state="default"
          data-sent="false"
          data-action="click->debounced-submit#activateRow">
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex h-5 items-center justify-center">
                <span class="relative inline-flex size-4 shrink-0">
                  <input type="checkbox"
                       class="peer size-4 appearance-none rounded-sm border border-line-strong bg-surface
                              transition-colors checked:border-accent checked:bg-accent"
                       aria-label="Send gl"
                       
                       data-action="change->debounced-submit#toggleRow">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                     stroke-linecap="round" stroke-linejoin="round"
                     class="pointer-events-none absolute inset-0 size-4 text-accent-ink
                            opacity-0 peer-checked:opacity-100"
                     aria-hidden="true">
                    <path d="m5 12.5 4.5 4.5 9.5-10.5" />
                  </svg>
                </span>
              </div>
            </td>
            <th scope="row" class="px-4 py-2.5 align-top border-b border-line border-r border-line text-left font-normal">
              <span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink break-words">gl</span>
            </th>
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex min-w-0 items-center gap-2">
                <span class="relative inline-flex max-w-full">
                  <select class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-surface inline-block field-sizing-content max-w-full rounded-sm text-sm font-mono border-line-strong hover:border-ink-faint focus:border-accent-line focus:ring-focus-ring read-only:border-line read-only:bg-surface-subtle read-only:hover:border-line disabled:border-line disabled:bg-surface-sunk px-2 py-1 pr-8 disabled:pointer-events-none" aria-label="gl" data-row-control="true" data-action="blur->debounced-submit#revertRow" name="gl" disabled="disabled">
                    <option value="">Not set</option>
                    <option value="af" >af</option>
                    <option value="al" >al</option>
                    <option value="dz" >dz</option>
                    <option value="as" >as</option>
                    <option value="ad" >ad</option>
                    <option value="ao" >ao</option>
                    <option value="ai" >ai</option>
                    <option value="aq" >aq</option>
                    <option value="ag" >ag</option>
                    <option value="ar" >ar</option>
                    <option value="am" >am</option>
                    <option value="aw" >aw</option>
                    <option value="au" >au</option>
                    <option value="at" >at</option>
                    <option value="az" >az</option>
                    <option value="bs" >bs</option>
                    <option value="bh" >bh</option>
                    <option value="bd" >bd</option>
                    <option value="bb" >bb</option>
                    <option value="by" >by</option>
                    <option value="be" >be</option>
                    <option value="bz" >bz</option>
                    <option value="bj" >bj</option>
                    <option value="bm" >bm</option>
                    <option value="bt" >bt</option>
                    <option value="bo" >bo</option>
                    <option value="ba" >ba</option>
                    <option value="bw" >bw</option>
                    <option value="bv" >bv</option>
                    <option value="br" >br</option>
                    <option value="io" >io</option>
                    <option value="bn" >bn</option>
                    <option value="bg" >bg</option>
                    <option value="bf" >bf</option>
                    <option value="bi" >bi</option>
                    <option value="kh" >kh</option>
                    <option value="cm" >cm</option>
                    <option value="ca" >ca</option>
                    <option value="cv" >cv</option>
                    <option value="ky" >ky</option>
                    <option value="cf" >cf</option>
                    <option value="td" >td</option>
                    <option value="cl" >cl</option>
                    <option value="cn" >cn</option>
                    <option value="cx" >cx</option>
                    <option value="cc" >cc</option>
                    <option value="co" >co</option>
                    <option value="km" >km</option>
                    <option value="cg" >cg</option>
                    <option value="cd" >cd</option>
                    <option value="ck" >ck</option>
                    <option value="cr" >cr</option>
                    <option value="ci" >ci</option>
                    <option value="hr" >hr</option>
                    <option value="cu" >cu</option>
                    <option value="cy" >cy</option>
                    <option value="cz" >cz</option>
                    <option value="dk" >dk</option>
                    <option value="dj" >dj</option>
                    <option value="dm" >dm</option>
                    <option value="do" >do</option>
                    <option value="ec" >ec</option>
                    <option value="eg" >eg</option>
                    <option value="sv" >sv</option>
                    <option value="gq" >gq</option>
                    <option value="er" >er</option>
                    <option value="ee" >ee</option>
                    <option value="et" >et</option>
                    <option value="fk" >fk</option>
                    <option value="fo" >fo</option>
                    <option value="fj" >fj</option>
                    <option value="fi" >fi</option>
                    <option value="fr" >fr</option>
                    <option value="gf" >gf</option>
                    <option value="pf" >pf</option>
                    <option value="tf" >tf</option>
                    <option value="ga" >ga</option>
                    <option value="gm" >gm</option>
                    <option value="ge" >ge</option>
                    <option value="de" >de</option>
                    <option value="gh" >gh</option>
                    <option value="gi" >gi</option>
                    <option value="gr" >gr</option>
                    <option value="gl" >gl</option>
                    <option value="gd" >gd</option>
                    <option value="gp" >gp</option>
                    <option value="gu" >gu</option>
                    <option value="gt" >gt</option>
                    <option value="gn" >gn</option>
                    <option value="gw" >gw</option>
                    <option value="gy" >gy</option>
                    <option value="ht" >ht</option>
                    <option value="hm" >hm</option>
                    <option value="va" >va</option>
                    <option value="hn" >hn</option>
                    <option value="hk" >hk</option>
                    <option value="hu" >hu</option>
                    <option value="is" >is</option>
                    <option value="in" >in</option>
                    <option value="id" >id</option>
                    <option value="ir" >ir</option>
                    <option value="iq" >iq</option>
                    <option value="ie" >ie</option>
                    <option value="il" >il</option>
                    <option value="it" >it</option>
                    <option value="jm" >jm</option>
                    <option value="jp" >jp</option>
                    <option value="jo" >jo</option>
                    <option value="kz" >kz</option>
                    <option value="ke" >ke</option>
                    <option value="ki" >ki</option>
                    <option value="kp" >kp</option>
                    <option value="kr" >kr</option>
                    <option value="kw" >kw</option>
                    <option value="kg" >kg</option>
                    <option value="la" >la</option>
                    <option value="lv" >lv</option>
                    <option value="lb" >lb</option>
                    <option value="ls" >ls</option>
                    <option value="lr" >lr</option>
                    <option value="ly" >ly</option>
                    <option value="li" >li</option>
                    <option value="lt" >lt</option>
                    <option value="lu" >lu</option>
                    <option value="mo" >mo</option>
                    <option value="mk" >mk</option>
                    <option value="mg" >mg</option>
                    <option value="mw" >mw</option>
                    <option value="my" >my</option>
                    <option value="mv" >mv</option>
                    <option value="ml" >ml</option>
                    <option value="mt" >mt</option>
                    <option value="mh" >mh</option>
                    <option value="mq" >mq</option>
                    <option value="mr" >mr</option>
                    <option value="mu" >mu</option>
                    <option value="yt" >yt</option>
                    <option value="mx" >mx</option>
                    <option value="fm" >fm</option>
                    <option value="md" >md</option>
                    <option value="mc" >mc</option>
                    <option value="mn" >mn</option>
                    <option value="ms" >ms</option>
                    <option value="ma" >ma</option>
                    <option value="mz" >mz</option>
                    <option value="mm" >mm</option>
                    <option value="na" >na</option>
                    <option value="nr" >nr</option>
                    <option value="np" >np</option>
                    <option value="nl" >nl</option>
                    <option value="an" >an</option>
                    <option value="nc" >nc</option>
                    <option value="nz" >nz</option>
                    <option value="ni" >ni</option>
                    <option value="ne" >ne</option>
                    <option value="ng" >ng</option>
                    <option value="nu" >nu</option>
                    <option value="nf" >nf</option>
                    <option value="mp" >mp</option>
                    <option value="no" >no</option>
                    <option value="om" >om</option>
                    <option value="pk" >pk</option>
                    <option value="pw" >pw</option>
                    <option value="ps" >ps</option>
                    <option value="pa" >pa</option>
                    <option value="pg" >pg</option>
                    <option value="py" >py</option>
                    <option value="pe" >pe</option>
                    <option value="ph" >ph</option>
                    <option value="pn" >pn</option>
                    <option value="pl" >pl</option>
                    <option value="pt" >pt</option>
                    <option value="pr" >pr</option>
                    <option value="qa" >qa</option>
                    <option value="re" >re</option>
                    <option value="ro" >ro</option>
                    <option value="ru" >ru</option>
                    <option value="rw" >rw</option>
                    <option value="sh" >sh</option>
                    <option value="kn" >kn</option>
                    <option value="lc" >lc</option>
                    <option value="pm" >pm</option>
                    <option value="vc" >vc</option>
                    <option value="ws" >ws</option>
                    <option value="sm" >sm</option>
                    <option value="st" >st</option>
                    <option value="sa" >sa</option>
                    <option value="sn" >sn</option>
                    <option value="rs" >rs</option>
                    <option value="sc" >sc</option>
                    <option value="sl" >sl</option>
                    <option value="sg" >sg</option>
                    <option value="sk" >sk</option>
                    <option value="si" >si</option>
                    <option value="sb" >sb</option>
                    <option value="so" >so</option>
                    <option value="za" >za</option>
                    <option value="gs" >gs</option>
                    <option value="es" >es</option>
                    <option value="lk" >lk</option>
                    <option value="sd" >sd</option>
                    <option value="sr" >sr</option>
                    <option value="sj" >sj</option>
                    <option value="sz" >sz</option>
                    <option value="se" >se</option>
                    <option value="ch" >ch</option>
                    <option value="sy" >sy</option>
                    <option value="tw" >tw</option>
                    <option value="tj" >tj</option>
                    <option value="tz" >tz</option>
                    <option value="th" >th</option>
                    <option value="tg" >tg</option>
                    <option value="tk" >tk</option>
                    <option value="to" >to</option>
                    <option value="tt" >tt</option>
                    <option value="tn" >tn</option>
                    <option value="tr" >tr</option>
                    <option value="tm" >tm</option>
                    <option value="tc" >tc</option>
                    <option value="tv" >tv</option>
                    <option value="ug" >ug</option>
                    <option value="ua" >ua</option>
                    <option value="ae" >ae</option>
                    <option value="uk" >uk</option>
                    <option value="gb" >gb</option>
                    <option value="us" selected="selected">us</option>
                    <option value="um" >um</option>
                    <option value="uy" >uy</option>
                    <option value="uz" >uz</option>
                    <option value="vu" >vu</option>
                    <option value="ve" >ve</option>
                    <option value="vn" >vn</option>
                    <option value="vg" >vg</option>
                    <option value="vi" >vi</option>
                    <option value="wf" >wf</option>
                    <option value="eh" >eh</option>
                    <option value="ye" >ye</option>
                    <option value="zm" >zm</option>
                    <option value="zw" >zw</option>
                  </select>
                  <svg class="pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-ink-faint" viewBox="0 0 24 24" fill="none"
         stroke="currentColor" stroke-width="2" stroke-linecap="round"
         stroke-linejoin="round" aria-hidden="true">
                    <path d="m6 9 6 6 6-6"></path>
                  </svg>
                </span>
                <span class="ml-auto shrink-0 rounded-sm bg-surface-subtle px-1.5 py-0.5 font-mono text-xs text-ink-muted"
                    data-default-tag>default</span>
              </div>
            </td>
            <td class="px-4 py-2.5 align-top border-b border-line text-ink-muted">
              <p>Country of the search (two-letter country code).</p>
            </td>
          </tr>
          <tr class="transition-colors hover:bg-surface-subtle"
          data-param-row
          data-parameter="hl"
          data-field-state="default"
          data-sent="false"
          data-action="click->debounced-submit#activateRow">
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex h-5 items-center justify-center">
                <span class="relative inline-flex size-4 shrink-0">
                  <input type="checkbox"
                       class="peer size-4 appearance-none rounded-sm border border-line-strong bg-surface
                              transition-colors checked:border-accent checked:bg-accent"
                       aria-label="Send hl"
                       
                       data-action="change->debounced-submit#toggleRow">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                     stroke-linecap="round" stroke-linejoin="round"
                     class="pointer-events-none absolute inset-0 size-4 text-accent-ink
                            opacity-0 peer-checked:opacity-100"
                     aria-hidden="true">
                    <path d="m5 12.5 4.5 4.5 9.5-10.5" />
                  </svg>
                </span>
              </div>
            </td>
            <th scope="row" class="px-4 py-2.5 align-top border-b border-line border-r border-line text-left font-normal">
              <span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink break-words">hl</span>
            </th>
            <td class="px-4 py-2.5 align-top border-b border-line border-r border-line">
              <div class="flex min-w-0 items-center gap-2">
                <span class="relative inline-flex max-w-full">
                  <select class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-surface inline-block field-sizing-content max-w-full rounded-sm text-sm font-mono border-line-strong hover:border-ink-faint focus:border-accent-line focus:ring-focus-ring read-only:border-line read-only:bg-surface-subtle read-only:hover:border-line disabled:border-line disabled:bg-surface-sunk px-2 py-1 pr-8 disabled:pointer-events-none" aria-label="hl" data-row-control="true" data-action="blur->debounced-submit#revertRow" name="hl" disabled="disabled">
                    <option value="">Not set</option>
                    <option value="af" >af</option>
                    <option value="ak" >ak</option>
                    <option value="sq" >sq</option>
                    <option value="am" >am</option>
                    <option value="ar" >ar</option>
                    <option value="hy" >hy</option>
                    <option value="az" >az</option>
                    <option value="eu" >eu</option>
                    <option value="be" >be</option>
                    <option value="bem" >bem</option>
                    <option value="bn" >bn</option>
                    <option value="bh" >bh</option>
                    <option value="bs" >bs</option>
                    <option value="br" >br</option>
                    <option value="bg" >bg</option>
                    <option value="km" >km</option>
                    <option value="ca" >ca</option>
                    <option value="chr" >chr</option>
                    <option value="ny" >ny</option>
                    <option value="zh-CN" >zh-CN</option>
                    <option value="zh-TW" >zh-TW</option>
                    <option value="co" >co</option>
                    <option value="hr" >hr</option>
                    <option value="cs" >cs</option>
                    <option value="da" >da</option>
                    <option value="nl" >nl</option>
                    <option value="en" selected="selected">en</option>
                    <option value="eo" >eo</option>
                    <option value="et" >et</option>
                    <option value="ee" >ee</option>
                    <option value="fo" >fo</option>
                    <option value="tl" >tl</option>
                    <option value="fi" >fi</option>
                    <option value="fr" >fr</option>
                    <option value="fy" >fy</option>
                    <option value="gaa" >gaa</option>
                    <option value="gl" >gl</option>
                    <option value="ka" >ka</option>
                    <option value="de" >de</option>
                    <option value="el" >el</option>
                    <option value="gn" >gn</option>
                    <option value="gu" >gu</option>
                    <option value="ht" >ht</option>
                    <option value="ha" >ha</option>
                    <option value="haw" >haw</option>
                    <option value="iw" >iw</option>
                    <option value="hi" >hi</option>
                    <option value="hu" >hu</option>
                    <option value="is" >is</option>
                    <option value="ig" >ig</option>
                    <option value="id" >id</option>
                    <option value="ia" >ia</option>
                    <option value="ga" >ga</option>
                    <option value="it" >it</option>
                    <option value="ja" >ja</option>
                    <option value="jw" >jw</option>
                    <option value="kn" >kn</option>
                    <option value="kk" >kk</option>
                    <option value="rw" >rw</option>
                    <option value="rn" >rn</option>
                    <option value="kg" >kg</option>
                    <option value="ko" >ko</option>
                    <option value="kri" >kri</option>
                    <option value="ku" >ku</option>
                    <option value="ckb" >ckb</option>
                    <option value="ky" >ky</option>
                    <option value="lo" >lo</option>
                    <option value="la" >la</option>
                    <option value="lv" >lv</option>
                    <option value="ln" >ln</option>
                    <option value="lt" >lt</option>
                    <option value="loz" >loz</option>
                    <option value="lg" >lg</option>
                    <option value="ach" >ach</option>
                    <option value="mk" >mk</option>
                    <option value="mg" >mg</option>
                    <option value="ms" >ms</option>
                    <option value="ml" >ml</option>
                    <option value="mt" >mt</option>
                    <option value="mi" >mi</option>
                    <option value="mr" >mr</option>
                    <option value="mfe" >mfe</option>
                    <option value="mo" >mo</option>
                    <option value="mn" >mn</option>
                    <option value="sr-ME" >sr-ME</option>
                    <option value="my" >my</option>
                    <option value="ne" >ne</option>
                    <option value="pcm" >pcm</option>
                    <option value="nso" >nso</option>
                    <option value="no" >no</option>
                    <option value="nn" >nn</option>
                    <option value="oc" >oc</option>
                    <option value="or" >or</option>
                    <option value="om" >om</option>
                    <option value="ps" >ps</option>
                    <option value="fa" >fa</option>
                    <option value="pl" >pl</option>
                    <option value="pt" >pt</option>
                    <option value="pt-BR" >pt-BR</option>
                    <option value="pt-PT" >pt-PT</option>
                    <option value="pa" >pa</option>
                    <option value="qu" >qu</option>
                    <option value="ro" >ro</option>
                    <option value="rm" >rm</option>
                    <option value="nyn" >nyn</option>
                    <option value="ru" >ru</option>
                    <option value="gd" >gd</option>
                    <option value="sr" >sr</option>
                    <option value="sh" >sh</option>
                    <option value="st" >st</option>
                    <option value="tn" >tn</option>
                    <option value="crs" >crs</option>
                    <option value="sn" >sn</option>
                    <option value="sd" >sd</option>
                    <option value="si" >si</option>
                    <option value="sk" >sk</option>
                    <option value="sl" >sl</option>
                    <option value="so" >so</option>
                    <option value="es" >es</option>
                    <option value="es-419" >es-419</option>
                    <option value="su" >su</option>
                    <option value="sw" >sw</option>
                    <option value="sv" >sv</option>
                    <option value="tg" >tg</option>
                    <option value="ta" >ta</option>
                    <option value="tt" >tt</option>
                    <option value="te" >te</option>
                    <option value="th" >th</option>
                    <option value="ti" >ti</option>
                    <option value="to" >to</option>
                    <option value="lua" >lua</option>
                    <option value="tum" >tum</option>
                    <option value="tr" >tr</option>
                    <option value="tk" >tk</option>
                    <option value="tw" >tw</option>
                    <option value="ug" >ug</option>
                    <option value="uk" >uk</option>
                    <option value="ur" >ur</option>
                    <option value="uz" >uz</option>
                    <option value="vi" >vi</option>
                    <option value="cy" >cy</option>
                    <option value="wo" >wo</option>
                    <option value="xh" >xh</option>
                    <option value="yi" >yi</option>
                    <option value="yo" >yo</option>
                    <option value="zu" >zu</option>
                  </select>
                  <svg class="pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-ink-faint" viewBox="0 0 24 24" fill="none"
         stroke="currentColor" stroke-width="2" stroke-linecap="round"
         stroke-linejoin="round" aria-hidden="true">
                    <path d="m6 9 6 6 6-6"></path>
                  </svg>
                </span>
                <span class="ml-auto shrink-0 rounded-sm bg-surface-subtle px-1.5 py-0.5 font-mono text-xs text-ink-muted"
                    data-default-tag>default</span>
              </div>
            </td>
            <td class="px-4 py-2.5 align-top border-b border-line text-ink-muted">
              <p>Interface language of the search (two-letter language code).</p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>
</form>