<turbo-stream action="replace" target="result_ranking"><template>
  <turbo-frame id="result_ranking">
  <div class="w-full bg-secondary">
    <div class="px-3 md:px-0">
      <h2 class="font-bold text-primary text-xl my-6 md:my-0">
        <span class="leading-10 text-2xl decoration-yellow-300 decoration-8 underline">
          2026/03/31
        </span>の<br>全国平均差枚ランキング
      </h2>
      <div class="my-3">
        <ul class="flex gap-4 justify-center">
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-03">4/3</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-02">4/2</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-01">4/1</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-31">3/31</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-30">3/30</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-29">3/29</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-28">3/28</a>
            </li>
        </ul>
      </div>
      <div class="text-gray-500 md:h-12 text-xs my-4"></div>
        <article
  class="card mb-3 md:min-h-[148px] min-h-[135px]  relative bg-[url('/sloreach-logo_RGB.png')] bg-no-repeat bg-[length:100px_auto] bg-[right_10px_top_10px]">
  <div class="flex gap-1 md:gap-3">
    <div>
      <span class="text-primary font-bold text-lg">
        01
      </span>
    </div>
    <div>
      <div class="mb-2">
        <object>
          <a class="font-bold text-primary underline" data-turbo="false" href="/halls/1955/hall_daily_results/2026-03-31">マルハン都城店(宮崎県)</a>
        </object>
      </div>
      <div>
        <table class="table-fixed w-full text-sm md:text-base">
          <tr class="align-top">
            <td class="md:w-[85px] w-[73px]">平均差枚</td>
            <td>
              <div class="flex">
                <span class="mr-2">:</span>
                <span class="text-red-700">+61枚</span>
              </div>
            </td>
            <td class="md:w-[70px] w-[60px]">総差枚</td>
            <td>
              <div class="flex">
                <span class="mr-2">:</span>
                <span class="text-red-700">+27,466枚</span>
              </div>
            </td>
          </tr>
          <tr class="align-top">
            <td colspan="1">平均G数</td>
            <td colspan="3">
              <div class="flex">
                <span class="mr-2">:</span>
                <span>2,909G</span>
              </div>
            </td>
          </tr>
          <tr class="align-top">
            <td colspan="1">勝率</td>
            <td colspan="3">
              <div class="flex">
                <span class="mr-2">:</span>
                <span>35.1%(158/450)</span>
              </div>
            </td>
          </tr>
<!--            <tr class="align-top">-->
<!--              <td>朝一稼働</td>-->
<!--              <td>-->
<!--                <div class="flex">-->
<!--                  <span-->
<!--                    class="mr-2">:</span><span></span>-->
<!--                </div>-->
<!--              </td>-->
<!--              <td>設置台数</td>-->
<!--              <td>-->
<!--                <div class="flex">-->
<!--                  <span-->
<!--                    class="mr-2">:</span><span></span>-->
<!--                </div>-->
<!--              </td>-->
<!--            </tr>-->
          <tr class="align-top">
            <td colspan="1">イベント名</td>
            <td colspan="3">
              <div class="flex">
                <span class="mr-2">:</span>
                <span>-</span>
              </div>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</article>

    </div>
  </div>
</turbo-frame>

</template></turbo-stream>