<turbo-stream action="replace" target="js-auction-e3b120-current-price"><template>
  <div id="js-auction-e3b120-current-price" class="max-w-sm mx-auto" data-update-timestamp="2026-04-07T20:13:18+00:00">
  
<div class="js-auction-e3b120-countdown-time" data-update-timestamp="2026-04-07T20:13:18+00:00">
    <div class="lg:mb-16">
      <div class="lg:inline-block lg:font-bold">
        
<div
  data-controller="comp-countdown"
  data-comp-countdown-target="timeBox"
  data-comp-countdown-expired-at="2026-04-09T16:00:00+10:00"
  data-comp-countdown-prefix="Ending"
  data-comp-countdown-closed-prefix=""
  data-comp-countdown-show-loading="false"
  data-comp-countdown-show-loading-modal="true"
  data-comp-countdown-show-loading-modal-id="js-auction-e3b120-end-loading"
  data-comp-countdown-show-last-change="true"
  data-comp-countdown-days-gray-color="true"
  data-comp-countdown-text-color=""
  class="text-xs md:text-sm leading-tight w-full lg:w-auto rounded-full flex lg:font-medium">
  <span data-comp-countdown-target="time" class="text-base lg:text-sm">
  </span>
</div>

      </div>
      <div id="time-last-change" class="hidden">
        <div class="rounded-lg lg:inline-block lg:font-bold">
          <div class="mt-2 lg:mt-3 block lg:inline-block text-xs leading-none text-red-600 font-medium">Any bids will reset clock to 60 secs</div>
        </div>
      </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">
              Top Bid
          </div>
          <h3 class="text-gray-800 heading-alt text-4xxl font-semibold js-final-price">
            <span id="js-auction-bid-price-box-pc">$<span id="js-auction-bid-price-pc">0.20</span></span><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>$100.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 $10.00. Total including GST is $110.00.</p>
</div>
          </div>
        </div>
            <div class="flex space-x-1 items-center text-secondary text-sm">
              <span>Reserve not met</span>
              <div class="group relative">
                <svg class="text-tertiary w-5 h-5 cursor-pointer" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>
                <div class="hidden group-hover:inline-block absolute top-6 -right-10 z-40 bg-white shadow-t-sm rounded-md p-2" style="width:200px">
                  <p class="text-secondary text-xs">If the final auction price doesn’t meet the reserve, the highest bidder has the exclusive right to make a final offer.</p>
                </div>
              </div>
            </div>
      </div>
      <div>
        <div class="text-black font-semibold mb-4">My max bid</div>
        
<form id="js-bid-form" data-turbo="true" data-controller="reset-form" data-action="turbo:submit-end-&gt;reset-form#reset" data-reset-form-modal-value="ModalPlaceBid" data-turbo-confirm="Please double check that you&#39;re about to bid on an auction for TAS - Rock Lobster. Press confirm to bid. All bids are binding." action="/auctions/e3b120/bids" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BuCmhM0r9uX3W8MhYQ9Hj5rxJFhfFcQENKM60UewfMRMD7M2w2iFndOBDL4Okpp6z5VFuDv4kMF9JmDe5ZgKWg" autocomplete="off" />
  <div>
    <div class="form-group border border-gray-300 shadow-t-xs rounded-md bg-white">
      <div class="form-group-suff-prev bg-white border-none text-gray-500 text-base md:mr-px px-4">$</div>
      <div class="flex-1 relative" data-controller="input-thousandth">
        <input step="any" inputmode="decimal" placeholder="Enter your bid" data-action="focus-&gt;input-thousandth#focus blur-&gt;input-thousandth#blur" class="form-input placeholder-gray-500 focus:placeholder-transparent border-none text-center text-dark" style="border-radius:0px;height:56px;" type="number" name="bid[price]" id="bid_price" />
        <span class="absolute z-10 inset-0 py-5 border-none bg-white text-center text-dark font-medium leading-none pointer-events-none" data-input-thousandth-target="showValue"></span>
      </div>
      <div class="form-group-suff-next bg-white border-none text-gray-500 text-base md:ml-px px-4">kg</div>
    </div>
    <div class="form-group shadow-none">
      <div class="form-element">
      </div>
    </div>
  </div>
    <a class="btn btn-primary btn-block btn-lg shadow-t-xs font-semibold lg:font-medium py-4 mt-2 lg:mt-4" href="/sign_in?redirect_to=%2Fauctions%2Fe3b120">Place Max Bid</a>
</form>
      </div>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b120-recent-bids"><template>
  <div id="js-auction-e3b120-recent-bids" class="js-auction-e3b120-recent-bids " data-update-timestamp="2026-04-07T20:13:18+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">1 Bid</span>
      </div>
    </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="">

        <!--  位置4 -->
        <li id="bid_21883" data-bid-id="21883" 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 B
              </div>
              <div class="text-gray-400 lg:text-gray-500">
                 4:53pm,  7 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">
                  $0.20
                </div>
              </div>
            </div>
          </div>
        </li>
    </ul>
    <div class="border-t border-light py-2 lg:border-t-0 lg:hidden">
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-msg"><template>
  <div id="js-auction-e3b120-msg" class="-mx-4 md:mx-0" data-update-timestamp="2026-04-07T20:13:18+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-tip-price"><template>
  <div id="js-auction-e3b120-tip-price" class=""  data-update-timestamp="2026-04-07T20:13:18+00:00">
  <div class="hidden lg:block text-secondary text-sm uppercase mb-1">
      Top Bid
  </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">0.20</span></span><span class="text-base lg:text-sm font-normal">/kg</span>
        <span data-auction-detail-target="bidPrice" class="hidden">0.20</span>
    </div>
    <div class="ml-4">
      <div class="text-gray-600 text-sm lg:text-sm lg:mt-1">
            <div class="flex space-x-1 items-center">
              <span>Reserve not met</span>
              <div class="group relative">
                <svg class="text-tertiary w-5 h-5 cursor-pointer" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>
                <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-gray-600 text-xs">If the final auction price doesn’t meet the reserve, the highest bidder has the exclusive right to make a final offer.</p>
                </div>
              </div>
            </div>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-color-header-bar"><template>
  
<div id="js-auction-e3b120-color-header-bar" data-update-timestamp="2026-04-07T20:13:18+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-end-loading"><template>
  <div id="js-auction-e3b120-end-loading" class="hidden" data-update-timestamp="2026-04-07T20:13:18+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-e3b120-mobile-actions"><template>
  <div class="lg:hidden " id="js-auction-e3b120-mobile-actions" data-update-timestamp="2026-04-07T20:13:18+00:00"> 
  <div class="space-y-3">
      <div class="mt-4 pb-1 flex justify-center items-center">
        <button onclick="Modal.open('ModalMaxBidFeature')" class="flex justify-center items-center space-x-1">
          <span class="text-sm text-gray-600 leading-normal">Understand how bidding works</span>
          <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.9749 4.34999C2.83566 4.34999 2.70213 4.4053 2.60367 4.50376C2.50521 4.60221 2.4499 4.73575 2.4499 4.87499V10.825C2.4499 11.1148 2.6851 11.35 2.9749 11.35H8.9249C9.06414 11.35 9.19768 11.2947 9.29613 11.1962C9.39459 11.0978 9.4499 10.9642 9.4499 10.825V8.02499C9.4499 7.88575 9.50521 7.75221 9.60367 7.65376C9.70213 7.5553 9.83566 7.49999 9.9749 7.49999C10.1141 7.49999 10.2477 7.5553 10.3461 7.65376C10.4446 7.75221 10.4999 7.88575 10.4999 8.02499V10.825C10.4999 11.2427 10.334 11.6433 10.0386 11.9387C9.74323 12.234 9.34262 12.4 8.9249 12.4H2.9749C2.55719 12.4 2.15658 12.234 1.86121 11.9387C1.56584 11.6433 1.3999 11.2427 1.3999 10.825V4.87499C1.3999 4.45727 1.56584 4.05666 1.86121 3.76129C2.15658 3.46592 2.55719 3.29999 2.9749 3.29999H6.4749C6.61414 3.29999 6.74768 3.3553 6.84613 3.45376C6.94459 3.55221 6.9999 3.68575 6.9999 3.82499C6.9999 3.96423 6.94459 4.09776 6.84613 4.19622C6.74768 4.29468 6.61414 4.34999 6.4749 4.34999H2.9749Z" fill="#94A3B8"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.33587 9.42712C4.38213 9.47832 4.43802 9.51989 4.50036 9.54947C4.5627 9.57904 4.63026 9.59604 4.69918 9.59948C4.76809 9.60293 4.837 9.59276 4.90198 9.56955C4.96696 9.54634 5.02673 9.51055 5.07787 9.46422L11.5501 3.60802V5.57502C11.5501 5.71426 11.6054 5.8478 11.7038 5.94626C11.8023 6.04471 11.9358 6.10002 12.0751 6.10002C12.2143 6.10002 12.3478 6.04471 12.4463 5.94626C12.5448 5.8478 12.6001 5.71426 12.6001 5.57502V2.42502C12.6001 2.28579 12.5448 2.15225 12.4463 2.05379C12.3478 1.95534 12.2143 1.90002 12.0751 1.90002H8.92507C8.78583 1.90002 8.65229 1.95534 8.55383 2.05379C8.45538 2.15225 8.40007 2.28579 8.40007 2.42502C8.40007 2.56426 8.45538 2.6978 8.55383 2.79626C8.65229 2.89471 8.78583 2.95002 8.92507 2.95002H10.7122L4.37297 8.68582C4.32177 8.73208 4.2802 8.78798 4.25062 8.85032C4.22105 8.91266 4.20405 8.98022 4.20061 9.04913C4.19716 9.11805 4.20733 9.18696 4.23054 9.25194C4.25375 9.31692 4.28954 9.37599 4.33587 9.42712Z" fill="#94A3B8"/>
          </svg>
        </button>
      </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-mobile-bid-form-tip"><template>
  
<div id="js-auction-e3b120-mobile-bid-form-tip" class=""  data-update-timestamp="2026-04-07T20:13:18+00:00">
    
    <div class="mt-2">
      
<form id="js-bid-form" data-turbo="true" data-controller="reset-form" data-action="turbo:submit-end-&gt;reset-form#reset" data-reset-form-modal-value="ModalPlaceBid" data-turbo-confirm="Please double check that you&#39;re about to bid on an auction for TAS - Rock Lobster. Press confirm to bid. All bids are binding." action="/auctions/e3b120/bids" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xSQpHwwSBo7GhhPtaipR8nNjut7oev3r2qj59Zu9tc6PyzytAlF19uJc3HIFt4wHJgfbPoyXqS6TLaP6OZXDUA" autocomplete="off" />
  <div>
    <div class="form-group border border-gray-300 shadow-t-xs rounded-md bg-white">
      <div class="form-group-suff-prev bg-white border-none text-gray-500 text-base md:mr-px px-4">$</div>
      <div class="flex-1 relative" data-controller="input-thousandth">
        <input step="any" inputmode="decimal" placeholder="Enter your bid" data-action="focus-&gt;input-thousandth#focus blur-&gt;input-thousandth#blur" class="form-input placeholder-gray-500 focus:placeholder-transparent border-none text-center text-dark" style="border-radius:0px;height:56px;" type="number" name="bid[price]" id="bid_price" />
        <span class="absolute z-10 inset-0 py-5 border-none bg-white text-center text-dark font-medium leading-none pointer-events-none" data-input-thousandth-target="showValue"></span>
      </div>
      <div class="form-group-suff-next bg-white border-none text-gray-500 text-base md:ml-px px-4">kg</div>
    </div>
    <div class="form-group shadow-none">
      <div class="form-element">
      </div>
    </div>
  </div>
    <a class="btn btn-primary btn-block btn-lg shadow-t-xs font-semibold lg:font-medium py-4 mt-2 lg:mt-4" href="/sign_in?redirect_to=%2Fauctions%2Fe3b120">Place Max Bid</a>
</form>
    </div>
</div>
</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b120-countdown-time"><template>
  
<div class="js-auction-e3b120-countdown-time" data-update-timestamp="2026-04-07T20:13:18+00:00">
    <div class="lg:mb-16">
      <div class="lg:inline-block lg:font-bold">
        
<div
  data-controller="comp-countdown"
  data-comp-countdown-target="timeBox"
  data-comp-countdown-expired-at="2026-04-09T16:00:00+10:00"
  data-comp-countdown-prefix="Ending"
  data-comp-countdown-closed-prefix=""
  data-comp-countdown-show-loading="false"
  data-comp-countdown-show-loading-modal="true"
  data-comp-countdown-show-loading-modal-id="js-auction-e3b120-end-loading"
  data-comp-countdown-show-last-change="true"
  data-comp-countdown-days-gray-color="true"
  data-comp-countdown-text-color=""
  class="text-xs md:text-sm leading-tight w-full lg:w-auto rounded-full flex lg:font-medium">
  <span data-comp-countdown-target="time" class="text-base lg:text-sm">
  </span>
</div>

      </div>
      <div id="time-last-change" class="hidden">
        <div class="rounded-lg lg:inline-block lg:font-bold">
          <div class="mt-2 lg:mt-3 block lg:inline-block text-xs leading-none text-red-600 font-medium">Any bids will reset clock to 60 secs</div>
        </div>
      </div>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b120-live-status"><template>
  <div id="js-auction-e3b120-live-status">
    <div class="flex items-center space-x-1">
      <div class="w-7 h-7 relative flex flex-col justify-center items-center">
        <div class="absolute top-2.5 left-2.5 w-2 h-2 rounded-full bg-green-500"></div>
        <div class="mx-auto rounded-full bg-green-500 auction-show-status-animation"></div>
      </div>
      <span class="text-base text-green-500">Live auction</span>
    </div>
</div>
</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b120-ends-at"><template>
  <div class="mt-px text-sm text-gray-800 font-medium js-auction-e3b120-ends-at">
   4:00pm,  9 Apr 26 (Sydney Time)
</div>
</template></turbo-stream>