templates/network/horse/sections/horse_section_auction_history.html.twig line 1

Open in your IDE?
  1. <turbo-frame id="tab_content">
  2.   {% if app.user and history and (history|length) > 0 and app.user %}
  3.     {% do section_navigation_add({ name: 'auction-history', anchor: 'auction-history' }) %}
  4.     <section id="auction-history" class="container p-4 bg-white shadow-xl sm:p-8 xl:p-16">
  5.       <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  6.         {{ 'auction-history'|trans }}
  7.       </h2>
  8.       <ul class="grid gap-y-6">
  9.         {% for entry in history %}
  10.           {% set color = entry.auction.auctionhouse ? entry.auction.auctionhouse.color %}
  11.           <li class="p-4" style="background-color: {{ color }}">
  12.             <a data-turbo="false"
  13.               href="{{
  14.               path(
  15.                 'network_auction_detail',
  16.                 { id: entry.auction.id, slug: entry.auction.slug }
  17.               )
  18.               }}">
  19.               <h3 class="mb-2 text-base text-white uppercase md:text-lg font-headline">
  20.                 {{ entry.auction.title }}
  21.               </h3>
  22.               {% set now = 'now'|carbon %}
  23.               {% if entry.auction.end > now %}
  24.                 <h3 class="text-sm font-bold tracking-wide text-white uppercase">
  25.                   {% if entry.auction.start > now %}
  26.                     {{ 'auction-starts-in'|trans }}
  27.                   {% else %}
  28.                     {{ 'auction-ends-in'|trans }}
  29.                   {% endif %}
  30.                 </h3>
  32.                 {% include 'auction/auction_countdown.html.twig' with { auction: auction } only %}
  33.               {% else %}
  34.                 <h3 class="my-6 text-sm font-bold tracking-wide text-white uppercase">
  35.                   {{ 'auction-ended'|trans }}
  36.                 </h3>
  37.               {% endif %}
  38.             </a>
  39.             <div class="px-2 text-xs font-medium tracking-wider text-white uppercase rounded-full bg-primary-500 w-max">
  40.               {{ entry.status|trans }}
  41.             </div>
  42.             <div class="grid-cols-12 mt-2 text-white md:grid">
  43.               <div class="hidden md:contents">
  44.                 <div class="col-span-2 px-3 py-1 text-xs font-medium uppercase bg-white bg-opacity-20">
  45.                   {{ 'number'|trans }}
  46.                 </div>
  47.                 <div class="col-span-4 px-3 py-1 text-xs font-medium uppercase bg-white bg-opacity-20">
  48.                   {{ 'Seller'|trans }}
  49.                 </div>
  50.                 <div class="col-span-4 px-3 py-1 text-xs font-medium uppercase bg-white bg-opacity-20">
  51.                   {{ 'buyer'|trans }}
  52.                 </div>
  53.                 <div class="col-span-2 px-3 py-1 text-xs font-medium text-right uppercase bg-white bg-opacity-20">
  54.                   {{ 'price'|trans }}
  55.                 </div>
  56.               </div>
  58.               {# {% apply pimcore_glossary %} #}
  59.               <div class="contents">
  60.                 <div class="flex items-center justify-between col-span-2 px-3 my-1 bg-white bg-opacity-20 md:bg-opacity-0">
  61.                   <span class="text-xs font-medium uppercase md:hidden">{{ 'number'|trans }}</span>
  62.                   <span>{{ entry.number }}</span>
  63.                 </div>
  64.                 <div class="flex items-center justify-between col-span-4 px-3 my-1 bg-white bg-opacity-20 md:bg-opacity-0">
  65.                   <span class="text-xs font-medium uppercase md:hidden">{{ 'seller'|trans }}</span>
  66.                   <span>{{ entry.vendor }}</span>
  67.                 </div>
  68.                 <div class="flex items-center justify-between col-span-4 px-3 my-1 bg-white bg-opacity-20 md:bg-opacity-0">
  69.                   <span class="text-xs font-medium uppercase md:hidden">{{ 'buyer'|trans }}</span>
  70.                   <span>{{ entry.buyer }}</span>
  71.                 </div>
  72.                 <div class="flex items-center justify-between col-span-2 px-3 my-1 text-right bg-white md:justify-end bg-opacity-20 md:bg-opacity-0">
  73.                   <span class="text-xs font-medium uppercase md:hidden">{{ 'price'|trans }}</span>
  74.                   <span>{{ entry.price|default('-') }}</span>
  75.                 </div>
  76.               </div>
  77.               {# {% endapply %} #}
  78.             </div>
  79.           </li>
  80.         {% endfor %}
  81.       </ul>
  82.     </section>
  83.   {% elseif not app.user %}
  84.     {% do section_navigation_add({ name: 'auction-history', anchor: 'auction-history' }) %}
  85.     <section id="auction-history" class="container p-4 bg-white shadow-xl sm:p-8 xl:p-16">
  86.       <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  87.         {{ 'auction-history'|trans }}
  88.       </h2>
  89.       {% include 'network/profile/components/login_required_hint.html.twig' %}
  90.     </section>
  91.   {% else %}
  92.     <section id="auction-history" class="container p-4 bg-white shadow-xl sm:p-8 xl:p-16">
  93.       <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  94.         {{ 'auction-history'|trans }}
  95.       </h2>
  96.       {{ 'no.horse.auction.history.available'|trans }}
  97.     </section>
  98.   {% endif %}
  99.   <turbo-stream action="replace" target="tab_navigation">
  100.     <template>
  101.       {% include 'network/horse/components/tab_navigation_component.html.twig' with {
  102.         horse: horse,
  103.         highlightedTab: app.request.pathInfo
  104.       } %}
  105.     </template>
  106.   </turbo-stream>
  107. </turbo-frame>