templates/pages/partials/match_js_render.html.twig line 1

Open in your IDE?
  1. <%if first_of_month%>
  2. <div class="component component_matches-month">
  3.     <div class="row">
  4.         <div class="col-md-12">
  5.             <h3 class="strike text-white">
  6.                 <span style=" text-transform: capitalize; ">
  7.                     <i class="far fa-calendar-alt is-margin-right-10"></i>
  8.                     <%dateFormat:date 'MMMM Y'%>
  9.                 </span>
  10.             </h3>
  11.         </div>
  12.     </div>
  13. </div>
  14. <%/if%>
  16. <div class="row">
  17.     <div class="col match partial partial_match_list-item">
  18.         <%if !disable_booking%>
  19.             <div class="card">
  20.         <%else%>
  21.             <div class="card disabled">
  22.         <%/if%>
  23.                 <%if !disable_booking%>
  24.                 <a href="<%generateCheckoutUrl id/%>" class="card-link"></a>
  25.                 <%/if%>
  26.                 <div class="match-header">
  27.                     <div class="actions">
  28.                         <div class="options" data-component="Favorite" data-match-id="<%:id%>">
  29.                             <div class="favorite">
  30.                     <span class="d-none" data-is-favorited="true">
  31.                         <i class="fas fa-star"></i>
  32.                     </span>
  33.                                 <span class="d-none" data-is-favorited="false">
  34.                         <i class="fal fa-star"></i>
  35.                     </span>
  36.                                 <a href="javascript:void(0)" class="favourite favorite-add favorite-match"></a>
  37.                             </div>
  38.                             <div class="widget widget--share dropdown show">
  39.                                 <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
  40.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  41.                                     <i class="fa-regular fa-share-nodes"></i>
  42.                                 </a>
  43.                                 <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  44.                                     <a href="<%generatedShareMatchUrl home_club.name away_club.name id /%>">
  45.                                         <i class="far fa-envelope icon-before"></i>E-mail
  46.                                     </a>
  47.                                     <a href="https://api.whatsapp.com/send?text=Ik heb bij Voetbal Retour een leuke voetbalreis naar de wedstrijd <%:home_club.name%> - <%:away_club.name%> gevonden. Ga je mee?%0a<%generatedShareMatchUrlclean home_club.name away_club.name id /%>"
  48.                                        target="_blank">
  49.                                         <i class="fab fa-whatsapp icon-before"></i>WhatsApp
  50.                                     </a>
  51.                                     <a href="https://telegram.me/share/url?url=<%generatedShareMatchUrlclean home_club.name away_club.name id /%>&text=Ik heb bij Voetbal Retour een leuke voetbalreis naar de wedstrijd <%:home_club.name%> - <%:away_club.name%> gevonden. Ga je mee?%0a<%generatedShareMatchUrlclean home_club.name away_club.name id /%>"
  52.                                        target="_blank">
  53.                                         <i class="fab fa-telegram icon-before"></i>Telegram
  54.                                     </a>
  55.                                 </div>
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                     <div class="details">
  60.                         <div class="competition"><i class="fa-solid fa-fw fa-futbol icon-before"></i><%:competition.name%>
  61.                         </div>
  62.                         <div class="location"><i class="fa-solid fa-fw fa-location-dot icon-before"></i><%:stadium.name%>, <%:stadium.place%></div>
  63.                     </div>
  64.                     <div class="pricing">
  65.                     <span class="text-holder">
  66.                         vanaf <span class="price text-highlighter"><span class="currency">€</span><%:price.amount/100%>,-</span>
  68.                     </span>
  69.                         <button type="button" data-toggle="modal" data-target="#price-details"><i
  70.                                     class="fas fa-info-circle"></i></button>
  71.                     </div>
  72.                 </div>
  73.                 <div class="match-content">
  74.                     <div class="club club-home">
  75.                         <img src="<%:home_club.logo.scale_100x100%>"
  76.                              alt="<%:home_club.name%>" class="club-logo">
  77.                         <div class="club-name"><%:home_club.name%></div>
  78.                     </div>
  79.                     <div class="vs mobile">-</div>
  80.                     <div class="vs desktop">VS</div>
  81.                     <div class="club club-away">
  82.                         <div class="club-name"><%:away_club.name%></div>
  83.                         <img src="<%:away_club.logo.scale_100x100%>"
  84.                              alt="<%:away_club.name%>" class="club-logo">
  85.                     </div>
  86.                 </div>
  87.                 <div class="match-footer">
  88.                     <div class="details">
  89.                         <div class="date">
  90.                             <i class="fa-solid fa-calendar-days icon-before"></i><%dateFormat:date 'DD-MM-Y'%>
  91.                         </div>
  92.                         <div class="time">
  93.                             <i class="fa-solid fa-clock icon-before"></i><%dateFormat:date 'HH:mm'%>
  94.                         </div>
  95.                         <%if final%>
  96.                         <div class="match-state-final label state-confirmed">
  97.                             <span class="text-holder"><i class="fas fa-check icon-before"></i> Bevestigd</span>
  98.                             <button data-toggle="modal" type="button" data-target="#match-status"><i
  99.                                         class="fas fa-info-circle"></i></button>
  100.                         </div>
  101.                         <%else%>
  102.                         <div class="match-state-final label">
  103.                             <span class="text-holder"><i class="fas fa-times icon-before"></i> Nog niet bevestigd</span>
  104.                             <button type="button" data-toggle="modal" data-target="#match-status"><i
  105.                                         class="fas fa-info-circle"></i></button>
  106.                         </div>
  107.                         <%/if%>
  108.                     </div>
  109.                     <div class="actions flex-grow-1 d-flex">
  110.                         <%if !disable_booking%>
  111.                         <a href="<%generateCheckoutUrl id/%>" class="is-btn is-background-color-accent stroke-full">Stel
  112.                             <span class="text-highlighter">samen</span></a>
  113.                         <%else%>
  114.                         <button disabled class="is-btn is-background-color-accent stroke-full disabled"><span
  115.                                     class="text-highlighter">Uitverkocht</span></button>
  116.                         <%/if%>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.         {{ include('pages/Modal/price_details.html.twig') }}
  122.         {{ include('pages/Modal/match_status.html.twig') }}
  123.     </div>
  125.     <%if last_of_month%>
  126.     <div class="component component_matches-month">
  127.         last of month
  128.         <div class="row">
  129.             <div class="col-md-12">
  130.                 <h3 class="strike text-white">
  131.                 <span style=" text-transform: capitalize; ">
  132.                     <i class="far fa-calendar-alt is-margin-right-10"></i>
  133.                     <%dateFormat:date 'MMMM Y'%>
  134.                 </span>
  135.                 </h3>
  136.             </div>
  137.         </div>
  138.     </div>
  139.     <%/if%>
  140. </div>