{% extends "base.html" %}

{% block content %}
<div class="container">
  <div class="container mt-3">
    <div class="row alert-banner-row">
      <h3 class="center body-column_banner">Auction</h3>
    </div>
</div>
  <!-- Product section-->
  <section class="py-5">
    <div class="container px-4 px-lg-5 my-5">
      <div class="row gx-4 gx-lg-5 align-items-center">
        <!-- Art Image-->
        <div class="col-md-6"><img class="card-img-top mb-5 mb-md-0" src="static/repository/{{detail[5]}}" alt="..." /></div>
          <div class="col-md-6">
            <!-- Art Name-->
            <h1 class="display-5 fw-bolder">{{ detail[0] }}</h1>
            <!-- Art Description-->
            <p class="lead">{{ detail[1] }}</p>
            <div class="fs-5 mb-5">
              <!-- Price & Name-->
              <span>Current Bid Price: <b>{{ detail[12] }}</b> <span class="price-span"> USD</span></span><br>
              <span>Buyout Price: <b>{{ detail[8] }}</b> <span class="price-span"> USD</span></span><br>
              <span>Minimum Price: <b>{{ detail[7] }}</b> <span class="price-span"> USD</span></span><br>
              <span>Creator: <b>{{ detail[3] }}</b></span><br>
              <span>Current Owner: <b>{{ own_uname }}</b></span><br>
              <span>Auction End Date: <b>{{ detail[9] }}</b></span><br>
              <span>Art Filehash: <b>{{ detail[11] }}</b></span><br>
            </div>
            <!-- Bid button-->
            <div class="d-flex">
              <form method="POST">
                {{ form.hidden_tag() }}
                {{ form.price(placeholder="Your Starting Bid Price", class="form-control text-center me-3 bidding_price_size" ) }}
                {{ form.submit(class="btn btn-dark flex-shrink-0 input-submit") }}
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Bid History-->
  <div class="row">
    <div class="col body-column">
      <br>
      <h3>Bid History</h3>
    </div>
  </div>
  <!-- Bid Table-->
  <div class="container">
    <table class="table">
      <thead class="thead-dark">
        <tr>
        <th>Bid Date</th>
        <th>Bid Price</th>
        </tr>
      </thead>
      {% for bid in ibh %}
      <tr>
          <td>{{ bid.bid_date }}</td>
          <td>{{ bid.bid_price }}</td>
      </tr>
      {% endfor %}
    </table>
    <hr>
  </div>
</div>
{% endblock %}