templates/marketplace/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Marketplace - Fisher's Quest{% endblock %}
  5. {% block body %}
  6.     <div class="grid-container fluid full-width">
  7.         <div class="grid-x grid-padding-y" style="max-width: 1300px; margin: 0 auto;">
  8.             <div class="small-12 cell" style="text-align: center;">
  9.                 <h1 style="margin-top: 75px;">Marketplace <span style="color: #cd4243;">Beta</span></h1>
  10.             </div>
  11.             <div class="small-12 large-3 cell">
  12.                 <div style="background: #1a1a23; padding: 25px; border-radius: 15px;">
  13.                 {{ form_start(form) }}
  14.                 <h2>SORT</h2>
  15.                 <label class="check">
  16.                     {{ form_errors(form.sort) }}
  17.                     {{ form_widget(form.sort) }}
  18.                     <span>{{ form.sort.vars.label }}</span>
  19.                 </label>
  21.                 <h2>FILTERS</h2>
  23.                 <strong>COLLECTION</strong>
  24.                 <label class="check">
  25.                     {{ form_errors(form.collection) }}
  26.                     {{ form_widget(form.collection) }}
  27.                     <span>{{ form.collection.vars.label }}</span>
  28.                 </label>
  30.                 <strong>TYPE</strong>
  31.                 <label class="check">
  32.                     {{ form_errors(form.genus) }}
  33.                     {{ form_widget(form.genus) }}
  34.                     <span>{{ form.genus.vars.label }}</span>
  35.                 </label>
  37.                 <strong>CATEGORY</strong>
  38.                 {% for category in form.category %}
  39.                     <label class="check">
  40.                         {{ form_errors(category) }}
  41.                         {{ form_widget(category) }}
  42.                         <span>{{ category.vars.label }}</span>
  43.                     </label>
  44.                 {% endfor %}
  46.                 {{ form_widget(form) }}
  47.                 <button class="button" style="display: block; width: 100%;">{{ button_label|default('Apply') }}</button>
  48.                 {{ form_end(form) }}
  49.                 </div>
  50.             </div>
  51.             <div class="small-12 large-9 cell">
  52.                 <div class="grid-container">
  53.                     <div class="grid-x">
  54.                         <div class="small-12 cell">
  55.                             <a href="{{ path('marketplace', { state: 1, domain: app_domain }) }}"><button class="button market-listings market-button market-active">Listings</button></a>
  56.                             <a href="{{ path('marketplace', { state: 2, domain: app_domain }) }}"><button class="button market-history market-button">History</button></a>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                 <turbo-frame id="market-item-list-{{ pager.currentPage }}">
  61.                     <div class="grid-container">
  62.                         <div class="grid-x">
  63.                             {% if pager|length == 0 %}
  64.                                 <div class="small-12 cell">
  65.                                     <p style="text-align: center; margin-top: 100px;">Sorry, no results found. Try a different search.</p>
  66.                                 </div>
  67.                             {% else %}
  68.                             {% for marketItem in pager %}
  70.                                 {% if marketItem.isSold is same as(false) %}
  71.                                     {# Show the asset card for currently listed NFTs #}
  72.                                     <div class="small-12 large-3 cell">
  73.                                         {% include 'explorer/includes/asset-card.html.twig' with {'nftMetadata': marketItem.nftHub.nftMetadata, 'app': app} %}
  74.                                     </div>
  75.                                 {% else %}
  76.                                     {# Show sale details for sold NFTs #}
  77.                                     <div class="small-12 cell" style="margin-bottom: 10px;">
  78.                                     {% include 'marketplace/includes/market-sold.html.twig' with {'marketItem': marketItem, 'app': app} %}
  79.                                     </div>
  80.                                 {% endif %}
  82.                             {% endfor %}
  83.                             {% endif %}
  84.                         </div>
  85.                     </div>
  86.                     {% if pager.hasNextPage %}
  87.                         {% if params %}
  88.                             <turbo-frame id="market-item-list-{{ pager.nextPage }}"
  89.                                  src="{{ pagerfanta_page_url(pager, pager.nextPage, {'routeParams': {
  90.                                      sort: ('sort' in params|keys) ? params.sort : '',
  91.                                      collection: ('collection' in params|keys) ? params.collection : '',
  92.                                      genus: ('genus' in params|keys ? params.genus : ''),
  93.                                      category: ('category' in params|keys ? params.category : ''),
  94.                                      state: ('state' in params|keys ? params.state : ''),
  95.                                  }}) }}"
  96.                                  loading="lazy"></turbo-frame>
  97.                         {% else %}
  98.                             <turbo-frame id="market-item-list-{{ pager.nextPage }}"
  99.                                          src="{{ pagerfanta_page_url(pager, pager.nextPage) }}"
  100.                                          loading="lazy"></turbo-frame>
  101.                         {% endif %}
  102.                     {% endif %}
  103.                 </turbo-frame>
  104.             </div>
  105.         </div>
  106.     </div>
  109. {% endblock %}