{% 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"  type="button" onclick="window.location.href='{{ url_for('dashboards.modal_home')}}'">
            <img class="market_each_bid_image_size" src="static/repository/{{art[4]}}">
            <div class="row" id="market_item_name_left">
                <b>{{art[0]}}</b>
            </div>
            <div class="row">
                <p id="market_item_text_left">Current Bid</b>
                <p id="market_item_text_right">(Price) <span class="price-span">USD</span></b>
            </div>
            <div class="row">
                <p id="market_item_text_left">Creator</b>
                <p id="market_item_text_right"><img src="static/Creator_Icon/" height=25 width=25>(Creator Icon)(Creator Name)</b>
            </div>
        </div>
      {% endfor %}
    </div>
  </div>


{% block modal %}{% endblock %}
{% block script %}{% endblock %}
{% endblock %}