<turbo-stream action="replace" target="js-auction-e3b3fb-current-price"><template>
  <div id="js-auction-e3b3fb-current-price" class="max-w-sm mx-auto" data-update-timestamp="2026-05-01T06:25:58+00:00">
  
<div class="js-auction-e3b3fb-countdown-time" data-update-timestamp="2026-05-01T06:25:58+00:00">
    <div class="text-secondary text-sm lg:flex items-center lg:space-x-2 ">
          <div class="lg:rounded-full lg:py-2 lg:inline-block lg:font-bold lg:mb-16">
            <span class="inline">Auction completed at</span>&nbsp; 4:01pm, 14 Apr 26
          </div>
    </div>
</div>

    <div class="text-left">
        <div class="flex flex-col items-start space-y-1 mb-10">
          <div>
            <div class="text-secondary text-sm font-medium leading-none">
              Final Price
            </div>
            <h3 class="text-gray-800 heading-alt text-4xxl font-semibold js-final-price">
              $36.60<span class="text-base text-secondary font-medium">/kg</span>
            </h3>
          </div>
          <div class="text-secondary text-sm flex items-center space-x-1">
            <span>$18,300.00 total</span>
            <div class="group relative cursor-pointer border-b-2 border-dotted border-gray-500 leading-none">plus GST
              <div class="hidden group-hover:inline-block absolute top-6 right-0 z-40 bg-white shadow-t-sm rounded-md p-2" style="width:200px">
  <p class="text-secondary text-xs leading-normal">GST amount payable is $1,830.00. Total including GST is $20,130.00.</p>
</div>
            </div>
          </div>
          <div class="text-secondary text-xs">
              Auction Successful
          </div>
        </div>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b3fb-recent-bids"><template>
  <div id="js-auction-e3b3fb-recent-bids" class="js-auction-e3b3fb-recent-bids " data-update-timestamp="2026-05-01T06:25:58+00:00">
    <div class="flex items-center justify-between pb-2 lg:pb-0 mb-2 lg:mb-4 border-b lg:border-b-0 border-gray-100">
      <div class="flex items-center space-x-2">
        <h3 class="text-dark text-base font-semibold leading-normal lg:leading-tight">
          Bids
        </h3>
        <span class="hidden bg-middle rounded-full py-0.5 px-2 text-xxs text-dark leading-cus-xl">18 Bids</span>
      </div>
        <a class="hidden lg:inline-block text-xxs text-gray-600 hover:text-indigo-600" data-turbo-frame="remote-bids" href="/auctions/e3b3fb/bids">
          View all <span class="hidden lg:inline">18 bids</span>
</a>    </div>
    <ul id="auction-show-bidlist-animation" class="auction-show-bidlist-animation space-y-px divide-y divide-gray-100 lg:divide-gray-200 text-sm lg:border-t lg:border-b lg:border-gray-200" style="">
          <!--  位置3 -->
          <!--
          <li>
            <div class="bg-gray-100 md:flex justify-between items-center md:space-x-4 space-y-2 md:space-y-0 rounded-lg relative px-4 py-3">
              <div class="text-secondary flex justify-between md:justify-start items-center space-x-4">
                <span class="md:w-24">
                    Winning Bidder
                </span>
                <div class="text-secondary col-span-2 md:col-span-1 md:text-right">
                   4:00pm, 14 Apr 26
                </div>
              </div>
              <div class="flex-1 flex justify-between md:justify-end items-center">
                <span class="badge badge-primary text-xxs font-medium md:ml-3">
                  Max bid higher than reserve
                </span>
                <div class="text-dark font-medium text-right md:text-left md:pl-6">
                  $36.60
                </div>
              </div>
            </div>
          </li>
          -->

        <!--  位置4 -->
        <li id="bid_21935" data-bid-id="21935" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User U
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 4:00pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.60
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21934" data-bid-id="21934" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User E
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 4:00pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.50
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21933" data-bid-id="21933" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User U
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 4:00pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.30
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21932" data-bid-id="21932" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User E
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 4:00pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.20
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21931" data-bid-id="21931" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User E
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:59pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.10
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21930" data-bid-id="21930" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User U
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:59pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $36.00
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21929" data-bid-id="21929" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User E
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:59pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $35.20
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21926" data-bid-id="21926" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User U
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:52pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $35.10
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21925" data-bid-id="21925" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User Q
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:52pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $35.00
                </div>
              </div>
            </div>
          </div>
        </li>
        <!--  位置4 -->
        <li id="bid_21924" data-bid-id="21924" class="js-bid-line bg-white first:rounded-t-lg last:rounded-b-lg first:relative first:z-10">
          <div class="flex justify-between items-center space-x-4 relative py-3">
            <div class="flex items-center space-x-2 lg:space-x-5">
              <div class="w-14 lg:w-28 text-gray-600 lg:text-dark  lg:font-medium first-medium">
                  User Q
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 3:51pm, 14 Apr 26
              </div>
            </div>
            <div class="flex items-center space-x-2">
                            <div class="flex justify-end items-center md:pl-0">
                <div class="text-gray-600 lg:text-dark  lg:font-medium text-right md:text-left first-medium">
                  $33.10
                </div>
              </div>
            </div>
          </div>
        </li>
    </ul>
    <div class="border-t border-light py-2 lg:border-t-0 lg:hidden">
        <a class="text-base text-cus-blue-dark leading-cus-xl" data-turbo-frame="remote-bids" href="/auctions/e3b3fb/bids">
        View all <span class="">18</span> bids
</a>    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-msg"><template>
  <div id="js-auction-e3b3fb-msg" class="-mx-4 md:mx-0" data-update-timestamp="2026-05-01T06:25:58+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-tip-price"><template>
  <div id="js-auction-e3b3fb-tip-price" class=""  data-update-timestamp="2026-05-01T06:25:58+00:00">
  <div class="hidden lg:block text-secondary text-sm uppercase mb-1">
      Final Price
  </div>
  <div class="flex justify-between lg:justify-start items-center space-x-4 lg:space-x-0">
    <div class="text-dark text-2xl leading-tight font-semibold lg:font-bold lg:text-base lg:text-dark lg:heading-alt js-final-price">
        <span id="js-auction-bid-price-box">$<span data-auction-detail-target="bidInitPrice" id="js-auction-bid-price">36.60</span></span><span class="text-base lg:text-sm font-normal">/kg</span>
        <span data-auction-detail-target="bidPrice" class="hidden">36.60</span>
    </div>
    <div class="ml-4">
      <div class="text-gray-600 text-sm lg:text-sm lg:mt-1">
            Auction Successful
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-color-header-bar"><template>
  
<div id="js-auction-e3b3fb-color-header-bar" data-update-timestamp="2026-05-01T06:25:58+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-end-loading"><template>
  <div id="js-auction-e3b3fb-end-loading" class="hidden" data-update-timestamp="2026-05-01T06:25:58+00:00">
  <div id="LoadingModal" class="loading px-4 md:px-0">
    <div class="loading-backdrop"></div>
    <div class="loading-body max-w-md">
      <div class="loading-icon">
        <svg class="text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
      </div>
      <div class="loading-content font-medium">One moment. We are synchronising any bids in the final few seconds. This will depend on your network speed.</div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-mobile-actions"><template>
  <div class="lg:hidden " id="js-auction-e3b3fb-mobile-actions" data-update-timestamp="2026-05-01T06:25:58+00:00"> 
  <div class="space-y-3">
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-mobile-bid-form-tip"><template>
  
<div id="js-auction-e3b3fb-mobile-bid-form-tip" class=""  data-update-timestamp="2026-05-01T06:25:58+00:00">
</div>
</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b3fb-countdown-time"><template>
  
<div class="js-auction-e3b3fb-countdown-time" data-update-timestamp="2026-05-01T06:25:58+00:00">
    <div class="text-secondary text-sm lg:flex items-center lg:space-x-2 ">
          <div class="lg:rounded-full lg:py-2 lg:inline-block lg:font-bold lg:mb-16">
            <span class="inline">Auction completed at</span>&nbsp; 4:01pm, 14 Apr 26
          </div>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b3fb-live-status"><template>
  <div id="js-auction-e3b3fb-live-status">
</div>
</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b3fb-ends-at"><template>
  <div class="mt-px text-sm text-gray-800 font-medium js-auction-e3b3fb-ends-at">
   4:01pm, 14 Apr 26 (Sydney Time)
</div>
</template></turbo-stream>