templates/document/areabricks/search-brick/view.html.twig line 1

Open in your IDE?
  1. {% import 'macros/button.macro.twig' as button %}
  3. {% set bgImageStyle = '' %}
  4. {% set bgFilter = 'hidden' %}
  5. {% if pimcore_select('colorFilter').getData() == 'gold' %}
  6.   {% set bgImageStyle = 'filter: grayscale(100%);' %}
  7.   {% set bgFilter = ' bg-primary' %}
  8. {% elseif pimcore_select('colorFilter').getData() == 'braun' %}
  9.   {% set bgImageStyle = 'filter: grayscale(100%);' %}
  10.   {% set bgFilter = 'bg-secondary' %}
  11. {% elseif pimcore_select('colorFilter').getData() == 'hellgrau' %}
  12.   {% set bgImageStyle = 'filter: grayscale(100%);' %}
  13.   {% set bgFilter = ' bg-background' %}
  14. {% elseif pimcore_select('colorFilter').getData() == 'dunkelgrau' %}
  15.   {% set bgImageStyle = 'filter: grayscale(100%);' %}
  16.   {% set bgFilter = ' bg-neutral-900' %}
  17. {% endif %}
  19. <div class="relative grid w-full p-3 bg-neutral-900">
  20.   <div class="grid">
  21.     <div class="container relative z-30 grid gap-16 col-start-1 lg:grid-cols-3 row-start-1 px-2 py-10 {% if editmode %}mt-20{% endif %} lg:px-10  items-center text-white">
  22.       <div class="col-span-2 p-12 px-8 text-black bg-white lg:px-20">
  23.         <h2 class="text-2xl font-medium uppercase text-primary font-headline">
  24.           {{ pimcore_input('title', { placeholder: 'headline' }) }}
  25.         </h2>
  26.         <p class="text-l">
  27.           {{ pimcore_input('subtitle', { placeholder: 'subheadline' }) }}
  28.         </p>
  29.         {{ form_start(form, {
  30.           action: path('search_index'),
  31.           attr: {
  32.             'data-turbo-target': '_top',
  33.             'class': 'flex w-full mt-4'
  34.           }
  35.         }) }}
  36.         <div class="grid w-full gap-3 md:flex">
  37.           {{ form_widget(form.q, {attr: { class: 'text-xl w-full text-black flex-1', placeholder: 'search.placeholder' | trans }}) }}
  38.           {{
  39.             button.submit(
  40.               'search'|trans,
  41.               'primary',
  42.                {
  43.               icon_before: 'search',
  44.               class: 'flex-none'
  45.             }
  46.             )
  47.           }}
  48.           </div>
  49.         {{ form_end(form) }}
  50.         <p class="mt-2 text-lg">
  51.           {{ pimcore_wysiwyg('search-examples', { placeholder: 'search-examples' }) }}
  52.         </p>
  53.       </div>
  54.       <div class="col-span-2 text-3xl font-bold justify-self-center md:col-span-1">
  55.         <h6 class="mb-6 text-2xl text-primary-500">{{'search.banner.number.headline'|trans}}</h6>
  56.         <p>{{ raceCount|number_format(0, ',', '.') }} <span class="font-normal">{{'search.banner.races'|trans}}</span></p>
  57.         <p>{{ auctionCount|number_format(0, ',', '.') }} <span class="font-normal">{{'search.banner.auctions'|trans}}</span></p>
  58.         <p>{{ horseCount|number_format(0, ',', '.') }} <span class="font-normal">{{'search.banner.horses'|trans}}</span></p>
  59.       </div>
  60.     </div>
  61.   </div>
  63.   <div class="absolute top-0 left-0 w-full h-full z-10 {{ bgFilter }}"></div>
  64. </div>