{% extends "base.html" %}

{% block content %}

<section id="market_top" class="d-flex align-items-center">
<div class="container" data-aos="zoom-out" data-aos-delay="100">
    <h1>Welcome to <span>artFi</span></h1>
    <h2> You can bid anything you like here! </h2>
    <h2> If you like it. Just Click It! </h2>
</div>
</section>

<br>
<div class="container">
    <div class="row row-cols-4">
        {% for art in listings %}
        <div class="card col-md-3 grid-item shadow p-3 mb-5 bg-white rounded">
            <form method="POST">
            <button name="focus_but" type="submit" class="btn btn-link" value="{{art[11]}}"><img class="market_each_bid_image_size" src="static/repository/{{art[5]}}"></button>
            </form>
            <div class="row" id="market_item_name_left">
                <b>{{art[0]}}</b>
            </div>
            <div class="row">
                <p id="market_item_text_left">Last Bid:</p>
                <p id="market_item_text_right"> {{art[12]}}<span class="price-span"> USD</span></p>
            </div>
            <div class="row">
                <p id="market_item_text_left">Creator:</p>
            <p id="market_item_text_right">{{art[3]}}
            {% if art[4] %}
                <img src="static/uploads/{{art[4]}}" height=25 width=25>
            {% else %}
                <img src="static/templates/defaultprofileimg.png" height=25 width=25>
            {% endif %}
            </p>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}