{% extends "base.html" %}

{% block content %}

<form action="" method="POST" enctype="multipart/form-data">
                <!--Input Art Name-->
                <div>
                  <input 
                  type="art_name" 
                  class="form-control" 
                  id="art_name"
                  name="art_name"
                  placeholder="Enter art_name"
                  />
                  <label for="art_name"></label>
                </div>
                <!--Input Description-->
                <div>
                  <input 
                  type="description" 
                  class="form-control" 
                  id="description"
                  name="description"
                  placeholder="Enter Description "
                  />
                  <label for="description"></label>
                </div>
                <!--Input Starting Price-->
                <div>
                    <input 
                    type="minimum_price" 
                    class="form-control" 
                    id="minimum_price"
                    name="minimum_price"
                    placeholder="Enter Minimum Price "
                    />
                    <label for="minimum_price"></label>
                </div> 
                <!--Input Buyout Price-->
                <div>
                    <input 
                    type="buyout_price" 
                    class="form-control" 
                    id="buyout_price"
                    name="buyout_price"
                    placeholder="Enter Buyout Price "
                    />
                    <label for="buyout_price"></label>
                </div>
                <!--Upload Art or choose what they bought before-->     
                <input type="file" id="art_img" name="art_img" accept="image/jpg, image/png">
                <select name="web_group" style="height:47px" required aria-invalid="false"> 
                    <option value="cng-555">Select your own Art in our platform</option>
                    <option name="web_group" value="bought_art">bought_Art</option>
                </select>
                <br>
                <!--Choose Time for Auction ends (I will check how I can limit the user 14days)-->
                <label for="closing_date">Auction end date:</label>
                <input id="closing_date" type="date" name="closing_date">
                <small>The maximum Auction time is 14 days</small>
                <small>The exact time of closing is 0000 hrs of that date</small>

                <br>
                <p>***Backend also save 1.Creator name, 2.creater the item date and time for showing on detail art page</p>
                <p>*** For 1. Creator Name: If the user *Upload* Art = Creator and Owner will store the user nickname.</p>
                <p>*** For 1. Creator Name: If the user *Select* Art = Creator will store the user nickname, Owner will grep in the database.</p>

                <button type="submit">Create</button>

</form>
{% endblock %}
