templates/network/auction/sections/auction_section_hero.html.twig line 1

Open in your IDE?
  1. <div class="relative">
  2.   <div class="absolute  top-0 left-0 w-full h-full opacity-75 {{
  3.     auction.auctionhouse.color
  4.       ?? 'bg-neutral-400'
  5.     }}"
  6.     style="background-color: {{ auction.auctionhouse.color }};"></div>
  7.   <div class="container relative z-10 pt-8 pb-5 md:pb-12 md:pt-24 lg:pb-16 lg:pt-32">
  8.     <div class="flex w-full gap-x-3 md:gap-x-7 lg:gap-x-14 gap-y-10">
  9.       <div class="flex w-16 h-16 col-span-9 md:w-36 md:h-36 lg:w-56 lg:h-56 lg:col-span-2">
  10.         {% include 'component/avatar.html.twig' with {
  11.           avatar: auction.image,
  12.           initials: auction.title|initials,
  13.           size: 'hero',
  14.           rounded: false
  15.         } only %}
  16.       </div>
  17.       <div class="grid flex-1 gap-2">
  18.         <div class="flex flex-col tracking-wide text-white font-headline">
  19.           <h2 class="text-xl font-medium uppercase md:font-light md:text-3xl">
  20.             {{ auction.start|date('d.m.Y') }} - {{ auction.end|date('d.m.Y') }}
  21.           </h2>
  22.           <h1 class="text-2xl font-medium leading-tight uppercase md:font-light md:text-4xl lg:text-5xl">
  23.             {{ auction.title }}
  24.           </h1>
  25.         </div>
  26.         <div class="flex gap-12">
  27.           <div>
  28.             <ul class="flex gap-4 text-white md:text-lg font-headline">
  29.               {% if auction.auctionType %}
  30.                 <li><span>{{ auction.auctionType|trans }}</span></li>
  31.               {% endif %}
  32.               {% if auction.platform %}
  33.                 <li class="flex items-center gap-2">
  34.                   {% set icons = {
  35.                     'auction.platform.online': 'icons/web.svg.twig',
  36.                     'auction.platform.attendence': 'icons/hammer.svg.twig',
  37.                     'auction.platform.hybrid': 'icons/hybrid.svg.twig'
  38.                   } %}
  39.                   {% include icons[auction.platform] with { class: 'w-4 h-4 mb-px' } %}
  40.                   <span>{{ auction.platform|trans }}</span>
  41.                 </li>
  42.               {% endif %}
  43.             </ul>
  44.           </div>
  45.         </div>
  46.         <div class="flex justify-start">
  47.           {% if user %}
  48.             {# {% set title = 'auction-attendance'|trans %} #}
  49.             {% set turbo_id = 'hero' %}
  50.             {% embed 'network/widget/widget.html.twig' %}
  51.               {% block content %}
  52.                 <turbo-frame id="auction-{{ auction.id }}-attend{{
  53.                   turbo_id
  54.                     ? '-' ~ turbo_id
  55.                     : ''
  56.                   }}"
  57.                   src="{{
  58.                   path(
  59.                     'auction_attend',
  60.                     { auctionId: auction.id, turbo_id: turbo_id }
  61.                   )
  62.                   }}"></turbo-frame>
  63.               {% endblock %}
  64.             {% endembed %}
  65.           {% endif %}
  66.         </div>
  67.         {# <div class="hidden gap-4 my-4 sm:flex">
  68.           {% for item in section_navigation_get() %}
  69.             <a target="_top" href="{{ '#' ~ item.anchor }}" class="btn-sm btn btn-neutral">
  70.               {{ item.name|trans }}
  71.             </a>
  72.           {% endfor %}
  73.         </div> #}
  74.       </div>
  75.     </div>
  76.   </div>
  77. </div>