<turbo-stream action="replace" target="js-auction-e3b7f1-current-price"><template>
  <div id="js-auction-e3b7f1-current-price" class="max-w-sm mx-auto" data-update-timestamp="2026-04-06T20:29:35+00:00">
  
<div class="js-auction-e3b7f1-countdown-time" data-update-timestamp="2026-04-06T20:29:35+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-10T16: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-e3b7f1-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">
              Start Price
          </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.10</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>$49.20 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 $4.92. Total including GST is $54.12.</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 - Blacklip Abalone. Press confirm to bid. All bids are binding." action="/auctions/e3b7f1/bids" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Anhvnl7MmIAGuOKNlQS2ZL_awNvc4a3yx4KOZ0YvMT4LwpXBWGM7aLNeE6XiKPSx-7oBQUAJk62Z20Seb7-UGQ" 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%2Fe3b7f1">Place Max Bid</a>
</form>
      </div>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b7f1-recent-bids"><template>
  <div id="js-auction-e3b7f1-recent-bids" class="js-auction-e3b7f1-recent-bids " data-update-timestamp="2026-04-06T20:29:35+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">0 Bids</span>
      </div>
    </div>
    <div class="bg-default rounded-lg text-center text-default text-base px-4 py-4">
      No bids at the moment
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b7f1-msg"><template>
  <div id="js-auction-e3b7f1-msg" class="-mx-4 md:mx-0" data-update-timestamp="2026-04-06T20:29:35+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b7f1-tip-price"><template>
  <div id="js-auction-e3b7f1-tip-price" class=""  data-update-timestamp="2026-04-06T20:29:35+00:00">
  <div class="hidden lg:block text-secondary text-sm uppercase mb-1">
      Start 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">0.10</span></span><span class="text-base lg:text-sm font-normal">/kg</span>
        <span data-auction-detail-target="bidPrice" class="hidden">0.10</span>
    </div>
    <div class="ml-4">
      <div class="text-gray-600 text-sm lg:text-sm lg:mt-1">
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b7f1-color-header-bar"><template>
  
<div id="js-auction-e3b7f1-color-header-bar" data-update-timestamp="2026-04-06T20:29:35+00:00">
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="js-auction-e3b7f1-end-loading"><template>
  <div id="js-auction-e3b7f1-end-loading" class="hidden" data-update-timestamp="2026-04-06T20:29:35+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-e3b7f1-mobile-actions"><template>
  <div class="lg:hidden " id="js-auction-e3b7f1-mobile-actions" data-update-timestamp="2026-04-06T20:29:35+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-e3b7f1-mobile-bid-form-tip"><template>
  
<div id="js-auction-e3b7f1-mobile-bid-form-tip" class=""  data-update-timestamp="2026-04-06T20:29:35+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 - Blacklip Abalone. Press confirm to bid. All bids are binding." action="/auctions/e3b7f1/bids" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dlp4YfvaQy-yPyf-HAlo9XC0L-2H-zAFi69uuYgU3hcH4II-_XXgxwfZ1tZrJSogNNTudxsTDlrV9qRAoYR7MA" 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%2Fe3b7f1">Place Max Bid</a>
</form>
    </div>
</div>
</template></turbo-stream>
<turbo-stream action="replace" targets=".js-auction-e3b7f1-countdown-time"><template>
  
<div class="js-auction-e3b7f1-countdown-time" data-update-timestamp="2026-04-06T20:29:35+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-10T16: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-e3b7f1-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-e3b7f1-live-status"><template>
  <div id="js-auction-e3b7f1-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-e3b7f1-ends-at"><template>
  <div class="mt-px text-sm text-gray-800 font-medium js-auction-e3b7f1-ends-at">
   4:00pm, 10 Apr 26 (Sydney Time)
</div>
</template></turbo-stream>