templates/calendar/calendar_filter.html.twig line 1

Open in your IDE?
  1. {% form_theme filter 'form/mirco.html.twig' %}
  2. <turbo-frame id="calendar_filter">
  3.   <div class="bg-neutral-900">
  4.     <div class="container py-5 md:py-10">
  5.       {{
  6.         form_start(
  7.           filter,
  8.           {
  9.             attr: {
  10.               'data-calendar-target': 'filter',
  11.               'data-action': 'change->calendar#filterChanged',
  12.               'data-turbo-frame': 'calendar_layout',
  13.               method: ''
  14.             }
  15.           }
  16.         )
  17.       }}
  19.       <div class="flex flex-col justify-between gap-2 md:flex-row">
  20.         <div class="flex w-full">
  21.           {{ form_widget(filter.topic) }}
  22.         </div>
  23.         <div class="flex gap-3">
  24.           {{ form_widget(filter.date.year, { attr: { class: 'md:w-32' } }) }}
  25.           {{ form_widget(filter.date.month, { attr: { class: 'md:w-32' } }) }}
  26.           {% set prevMonth = month.subMonth %}
  27.           {% set nextMonth = month.addMonth %}
  28.           <div class="flex gap-2">
  29.             <a href="{{
  30.               url(
  31.                 app.request.attributes.get('_route'),
  32.                 {
  33.                   date: { year: prevMonth.year, month: prevMonth.month },
  34.                   topic: topic,
  35.                   auction: filter.auction is defined
  36.                     ? {
  37.                       auctionhouse: filter.auction.auctionhouse.vars.value,
  38.                       type: filter.auction.type.vars.value
  39.                     }
  40.                     : null,
  41.                   race: filter.race is defined
  42.                     ? {
  43.                       racingtrack: filter.race.racingtrack.vars.value,
  44.                       surface: filter.race.surface.vars.value,
  45.                       direction: filter.race.direction.vars.value,
  46.                       country: filter.race.country.vars.value
  47.                     }
  48.                     : null
  49.                 }
  50.               )
  51.               }}"
  52.               data-action="calendar#triggerLoad"
  53.               class="grid w-16 px-2 transform rotate-180 bg-neutral-100 place-items-center"
  54.               data-turbo-frame="calendar_layout">
  55.               {% include 'icons/arrow-right.svg.twig' with { class: 'w-6 h-6' } %}
  56.             </a>
  57.             <a href="{{
  58.               url(
  59.                 app.request.attributes.get('_route'),
  60.                 {
  61.                   date: { year: nextMonth.year, month: nextMonth.month },
  62.                   topic: topic,
  63.                   auction: filter.auction is defined
  64.                     ? {
  65.                       auctionhouse: filter.auction.auctionhouse.vars.value,
  66.                       type: filter.auction.type.vars.value
  67.                     }
  68.                     : null,
  69.                   race: filter.race is defined
  70.                     ? {
  71.                       racingtrack: filter.race.racingtrack.vars.value,
  72.                       surface: filter.race.surface.vars.value,
  73.                       direction: filter.race.direction.vars.value,
  74.                       country: filter.race.country.vars.value
  75.                     }
  76.                     : null
  77.                 }
  78.               )
  79.               }}"
  80.               data-action="calendar#triggerLoad"
  81.               class="grid w-16 px-2 bg-neutral-100 place-items-center"
  82.               data-turbo-frame="calendar_layout">
  83.               {% include 'icons/arrow-right.svg.twig' with { class: 'w-6 h-6' } %}
  84.             </a>
  85.           </div>
  86.         </div>
  87.       </div>
  88.       <div class="grid grid-cols-2 gap-12 my-8">
  89.         {% if filter.topic.vars.value == 'auctions' %}
  90.           {{ form_row(filter.auction.auctionhouse, { attr: { class: '' } }) }}
  91.           {{ form_row(filter.auction.type, { attr: { class: '' } }) }}
  92.         {% else %}
  93.           {{ form_row(filter.race.country) }}
  94.           {{ form_row(filter.race.racingtrack) }}
  95.           {{ form_row(filter.race.surface) }}
  96.           {{ form_row(filter.race.direction) }}
  97.         {% endif %}
  98.       </div>
  99.       <button type="submit" class="hidden"></button>
  100.       {{ form_end(filter, { render_rest: false }) }}
  101.     </div>
  102.   </div>
  103. </turbo-frame>