{% 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="starting_price" 
                    class="form-control" 
                    id="starting_price"
                    name="starting_price"
                    placeholder="Enter Starting Price "
                    />
                    <label for="starting_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">
                <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="Auction_ends_time">Choose a time for your meeting:</label>
                <input id="Auction_ends_time" type="datetime-local" name="Auction_ends_time">
                <small>The maximum Auction time is 14 days</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 %}