templates/huisvanbelle/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4. {% if event.description.title is defined %}
  5. Huis van Belle - {{ event.description.title }}
  6. {% else %}
  7. Huis van Belle - Ticketing.NU
  8. {% endif %}
  9. {% endblock %}
  11. {% block body %}
  12.     <div id='normalContainer'>
  13.         <div id='menuContainer' class="">
  14.             <div id='logoHolder'>
  15.                 <span class="logo"></span>
  16.                 <span class="logo2"></span>
  17.             </div>
  18.             <div id='menuHolder'>
  19.                 <ul class="mainMenu">
  20.                     <li data-action="home" style="border-right: 1px solid black;"><span data-lang="yes" data-lang-key="home">Home</span></li>
  21.                     <li data-action="page"><span data-lang="yes" data-lang-key="faq">FAQ</span></li>
  22.                     <li data-action="order" data-event-id="376" data-date-id="929"><span data-lang="yes" data-lang-key="order_tickets">bestel tickets</span></li>
  23.                     <!--<li data-action="calendar"><span data-lang="yes" data-lang-key="calendar">agenda</span></li>-->
  24.                     <!--<li class="fas fa-search" data-action="search"><span data-lang="yes" data-lang-key="search">zoeken</span></li>-->
  25.                     <!--<li class="arrow_down" data-action="language"><span data-lang="yes" data-lang-key="language">taal</span></li>-->
  26.                     <li data-action="fullmenu" class="menu-icon">
  27.                         <span class="menu-icon-line"></span>
  28.                         <span class="menu-icon-line"></span>
  29.                         <span class="menu-icon-line"></span>
  30.                     </li>
  31.                 </ul>
  32.                 <ul class="closeMenu">
  33.                     <li class="" data-action="closemenu"></li>
  34.                 </ul>
  35.                 <ul class="langSelect">
  36. <!--                    <li class="flag-icon flag-icon-gb" data-language="2"><span data-lang="yes" data-lang-key="english">Engels</span></li>-->
  37. <!--                    <li class="flag-icon flag-icon-fr" data-language="french"><span data-lang="yes" data-lang-key="french">Frans</span></li>-->
  38. <!--                    <li class="flag-icon flag-icon-nl" data-language="1"><span data-lang="yes" data-lang-key="dutch">Nederlands</span></li>-->
  39.                 </ul>
  40.             </div>
  41.             <div style="clear: both; height: 0px;"></div>
  42.             <div id='largeMenuHolder'>
  43.                 <ul class='fullMenu'>
  44.                     <li id="menu-item-home"         data-action="home" class="active"><span data-lang="yes" data-lang-key="home">home</span><img src="/images/arrow-right-green.svg"></li>
  45.                     <li id="menu-item-faq"          data-action="page" data-page="faq">      <span data-lang="yes" data-lang-key="faq">FAQ</span><img src="/images/arrow-right-green.svg"></li>
  46.                     <li id="menu-item-order_tickets"          data-action="order">      <span data-lang="yes" data-lang-key="order_tickets">Bestel Tickets</span><img src="/images/arrow-right-green.svg"></li>
  47.                     <!--<li id="menu-item-calendar"     data-action="calendar"> <span data-lang="yes" data-lang-key="calendar">agenda</span><img src="/images/arrow-right-green.svg"></li>-->
  48.                     <!--<li id="menu-item-aboutus"      data-action="aboutus">  <span data-lang="yes" data-lang-key="aboutus">Over Ons</span><img src="/images/arrow-right-green.svg"></li>-->
  49.                     <!--<li id="menu-item-faq"          data-action="faq">      <span data-lang="yes" data-lang-key="faq">FAQ</span><img src="/images/arrow-right-green.svg"></li>-->
  50.                     <!--<li id="menu-item-myaccount"    data-action="myaccount"><span data-lang="yes" data-lang-key="myaccount">Mijn Account</span><img src="/images/arrow-right-green.svg"></li>-->
  51.                 </ul>    
  52.                 <!--<ul class='socialMediaMenu fa-ul'>
  53.                     <li><span class="fa-li"><i class='fab fa-facebook-f'></i></span><a href="https://www.facebook.com/huisvanbelleveenendaal/" target="_blank">facebook</a></li>
  54.                     <li><span class="fa-li"><i class='fab fa-instagram'></i></span><a href="http://instagram.com/huisvanbelleveenendaal" target="_blank">instagram</a></li>
  55.                     <li><span class="fa-li"><i class='fab fa-youtube'></i></span><a href="https://www.youtube.com/user/VerburgServices" target="_blank">youtube</a></li>
  56.                 </ul>-->
  57.             </div>
  58.             <div id='contactHolder'>
  59.                 <div id='visitInformation'>
  60.                     <p class='bold' data-lang="yes" data-lang-key="visitaddress">Bezoekadres (op afspraak)</p>
  61.                     <p>Zwarteweg 121<br>1431VL Aalsmeer</p>
  62.                     <ul class='contactInfo'>
  63.                         <li><span><i class='phone'></i></span>info@ticketing.nu</li>
  64.                         <li><span><i class='email'></i></span>+31 (0)297 237171</li>
  65.                     </ul>
  66.                 </div>
  67.                 <div id='postalInformation'>
  68.                     <p class='bold' data-lang="yes" data-lang-key="postaladdress">Postadres</p>
  69.                     <p>Postbus 325<br>1430AH Aalsmeer</p>
  70.                 </div>
  71.                 <div class='contactForm'>
  72.                     <form method='submit' action='#' id='contactForm'>
  73.                         <p><input id='contactFormName' required type="text" data-lang="yes" data-lang-key="name" placeholder="Naam"></p>
  74.                         <p><input id='contactFormEmail' required type="text" data-lang="yes" data-lang-key="email" placeholder="E-mailadres"></p>
  75.                         <p><input id='contactFormPhone' type="text" data-lang="yes" data-lang-key="phone" placeholder="Telefoonnummer"></p>
  76.                         <p><textarea id='contactFormMsg' required type="text" data-lang="yes" data-lang-key="yourmessage" placeholder="Uw bericht"></textarea></p>
  77.                         <p><button id='contactSubmit'    type="submit" data-lang="yes" data-lang-key="submitmessage">Stuur Bericht</button></p>
  78.                     </form>
  79.                 </div>
  80.             </div>
  81.         </div>
  82.         <div id='homeContainer'>
  83.             <div id='headerGrid'>
  84.                 <video id="headerImage" class="headerImage" autoplay="" playsinline="" muted="" loop="" class="background-video" poster="/images/GroteZaal.jpg">
  85.                     <!--<source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.webmhd.webm" type="video/webm">
  86.                     <source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.mp4" type="video/mp4">-->
  87.                 </video>
  88. <!--                <img id="secondLogo" src="/images/ticketing-small-letterkleur.png">-->
  89.             </div>
  90.             <div id='pageGrid'>
  91.                 <div class="page-1">&nbsp;
  92.                     <div class="background"></div>
  93.                     <div class="page_title"></div>
  94.                     <div class="special_title"></div>
  95.                 </div>
  96.                 <div class="page-2">&nbsp;
  97.                     <div class="background"></div>
  98.                     <div class="page_title"></div>
  99.                     <div class="special_title"></div>
  100.                 </div>
  101.                 <div class="page-3">&nbsp;
  102.                     <div class="background"></div>
  103.                     <div class="page_title"></div>
  104.                     <div class="special_title"></div>
  105.                 </div>
  106.                 <div class="page-4">&nbsp;
  107.                     <div class="background"></div>
  108.                     <div class="page_title"></div>
  109.                     <div class="special_title"></div>
  110.                 </div>
  111.                 <div class="page-5">&nbsp;
  112.                     <div class="background"></div>
  113.                     <div class="page_title"></div>
  114.                     <div class="special_title"></div>
  115.                 </div>
  116.                 <div class="page-6">&nbsp;
  117.                     <div class="background"></div>
  118.                     <div class="page_title"></div>
  119.                     <div class="special_title"></div>
  120.                 </div>
  121.                 <div class="page-7">&nbsp;
  122.                     <div class="background"></div>
  123.                     <div class="page_title"></div>
  124.                     <div class="special_title"></div>
  125.                 </div>
  126.                 <div class="page-8">&nbsp;
  127.                     <div class="background"></div>
  128.                     <div class="page_title"></div>
  129.                     <div class="special_title"></div>
  130.                 </div>
  131.             </div>
  132.             <div id='eventGrid' style="display:none;">
  133.                 <div class="event-1">&nbsp;
  134.                     <div class="background"></div>
  135.                     <div class="tour"></div>                
  136.                     <div class="event_title"></div>
  137.                     <div class="special_title"></div>
  138.                     <div class="date_location"></div>
  139.                     
  140.                 </div>
  141.                 <div class="event-2">&nbsp;
  142.                     <div class="background"></div>
  143.                     <div class="tour"></div>
  144.                     <div class="event_title"></div>
  145.                     <div class="special_title"></div>
  146.                     <div class="date_location"></div>
  147.                 </div>
  148.                 <div class="event-3">&nbsp;
  149.                     <div class="background"></div>
  150.                     <div class="tour"></div>
  151.                     <div class="event_title"></div>
  152.                     <div class="special_title"></div>
  153.                     <div class="date_location"></div>
  154.                 </div>
  155.                 <div class="event-4">&nbsp;
  156.                     <div class="background"></div>
  157.                     <div class="tour"></div>
  158.                     <div class="event_title"></div>
  159.                     <div class="special_title"></div>
  160.                     <div class="date_location"></div>
  161.                 </div>
  162.                 <div class="event-5">&nbsp;
  163.                     <div class="background"></div>
  164.                     <div class="tour"></div>
  165.                     <div class="event_title"></div>
  166.                     <div class="special_title"></div>
  167.                     <div class="date_location"></div>
  168.                 </div>
  169.                 <div class="event-6">&nbsp;
  170.                     <div class="background"></div>
  171.                     <div class="tour"></div>
  172.                     <div class="event_title"></div>
  173.                     <div class="special_title"></div>
  174.                     <div class="date_location"></div>
  175.                 </div>
  176.                 <div class="event-7">&nbsp;
  177.                     <div class="background"></div>
  178.                     <div class="tour"></div>
  179.                     <div class="event_title"></div>
  180.                     <div class="special_title"></div>
  181.                     <div class="date_location"></div>
  182.                 </div>
  183.                 <div class="event-8">&nbsp;
  184.                     <div class="background"></div>
  185.                     <div class="tour"></div>
  186.                     <div class="event_title"></div>
  187.                     <div class="special_title"></div>
  188.                     <div class="date_location"></div>
  189.                 </div>
  190.             </div>
  191.             <div class="seperatorGrid">&nbsp;</div>
  192.             <div id='blogGrid'>
  193.                 <div class="arrow arrow-left"><span class="fas fa-angle-left" /></div>
  194.                 <div class="item item-1">&nbsp;</div>
  195.                 <div class="item item-2">&nbsp;</div>
  196.                 <div class="arrow arrow-right"><span class="fas fa-angle-right" /></div>
  197.             </div>
  198.             <div id='highlightGrid'>
  199.                 <div class='block_title'><h1 data-lang="yes" data-lang-key="highlights">HIGHLIGHTS</h1></div>
  200.                 <div class='block_subtitle'><span data-lang="yes" data-lang-key="highlights_subtitle">Hoogtepunten van een aantal van de afgelopen evenementen</span></div>
  201.                 <div class="event event-1">&nbsp;</div>
  202.                 <div class="event event-2">&nbsp;</div>
  203.                 <div class="event event-3">&nbsp;</div>
  204.             </div>
  205.             <div id='calendarGrid'>
  206.                 <div class='block_title'><h1 data-lang="yes" data-lang-key="calendar">AGENDA</h1></div>
  207.                 <div class='block_subtitle'><span data-lang="yes" data-lang-key="calendar_subtitle">Overzicht van alle aankomende evenementen. Klik op het evenement voor meer informatie.</span></div>
  208.                 <div class="items"></div>
  209.             </div>
  210.         </div>
  211.         <div id='pageContainer'>
  212.             <div class="background">&nbsp;</div>
  213.             <div class="pageInfo">
  214.                 <div class="smalltitle">
  215.                     <a href="/" onclick="closePage(); return false;"><img border=0 height="32px" width="32px" src="/images/if-basics-22-296812.svg"></a>
  216.                     
  217.                 </div>
  218.                 <div class='pageTitle'></div>
  219.                 <div class='pageContent'></div>
  220.             </div>
  221.             <div class="eventPrice">
  222.                 <div class="eventTickets">
  223.                     <div class="ticketHolder">
  224.                         <span class="ticket_title">Huis van Belle Dag</span>
  225.                         <span class="ticket_date">10 oktober 2020 @ 10.00u</span>
  226.                         <span class="ticket_info">Tickets vanaf &euro; 23,00</span>
  227.                     </div>
  228.                 </div>
  229.                 <div class="eventOrder">
  230.                     <button data-event-id="376" data-date-id="929"><span data-lang="yes" data-lang-key="order_tickets">Bestel Kaarten</span></button>
  231.                 </div>
  232.             </div>
  233.         </div>
  234.         <div id='eventContainer'>
  235.             <div class="background">&nbsp;</div>
  236.             <div class="eventInfo">
  237.                 <div class="smalltitle">
  238.                     <a href="/" onclick="closeEvent(); return false;"><img border=0 height="32px" width="32px" src="/images/if-basics-22-296812.svg"></a>
  239.                     
  240.                 </div>
  241.                 <div class='eventTitle'>&nbsp;</div>
  242.                 <div class='eventDescription'>&nbsp;</div>
  243.                 <div class='eventNewsBlock'></div>
  244.                 <div class='eventSocialLink'></div>
  245.             </div>
  246.             <div class="eventPrice">
  247.                 <div class="eventTickets">&nbsp;</div>
  248.                 <div class="eventOrder">&nbsp;</div>
  249.             </div>
  250.         </div>
  251.         <div id='highlightContainer'></div>
  252.         <div id='blogContainer'></div>
  253.         <div id='faqContainer'></div>
  254.         <div id='orderContainer'>
  255.             <div id='orderPreviewBar'>
  256.                 <div class='eventImage'>&nbsp;</div>
  257.                 <div class='orderTotal'>
  258.                     <div>
  259.                         <span data-lang="yes" data-lang-key="order_total_amount">Totaalbedrag:</span>
  260.                         <span class='order_price'></span>
  261.                     </div>
  262.                 </div>
  263.                 <div class='orderPreview'>&nbsp;</div>
  264.             </div><div id='orderInfo'>
  265.                 <div class='orderSteps'>
  266.                     <ul class='orderSteps'>
  267.                         <li class='selected'>
  268.                             <span>1</span>
  269.                             <span class="steplink" data-step="1" data-lang="yes" data-lang-key="amount_tickets">Aantal kaarten</span>
  270.                         </li>
  271.                         <li>
  272.                             <span>2</span>
  273.                             <span class="steplink" data-step="2" data-lang="yes" data-lang-key="personal_data">Persoonlijke gegevens</span>
  274.                         </li>
  275.                         <li>
  276.                             <span>3</span>
  277.                             <span class="steplink" data-step="3" data-lang="yes" data-lang-key="payment">Betaling</span>
  278.                         </li>
  279.                     </ul>
  280.                 </div>
  281.                 <div class='orderPage'>
  282.                     <div class='orderStep1 active visited'>
  283.                         <div class='orderStep1_1 active'>
  284.                             <span class='order_title_hvb' style="text-decoration: underline;" data-lang="yes" data-lang-key="order_event_tickets_header_hvb">Clubkorting<br><br></span>
  285.                             <span class='order_datefields' style="display: none;"><ul></ul></span>
  286.                             <span class='order_description'>
  287. <b>Als lid van Huis van Belle krijg je een kekke korting op je kaartje! #hoedan Als je lid bent, krijg je iedere maand de Belle Clubmail in je mailbox. In een speciale editie van de clubmail krijg je als lid je persoonlijke kortingscode toegestuurd. Voer deze in bij de laatste stap van het bestelproces en ga met ruim €5 korting naar de Belle-dag!</b> <br>
  288. <br>
  289. Wel lid maar geen Clubmail gehad? Stuur dan je naam, adres en het juiste mailadres naar info@huisvanbelle.nl o.v.v. kortingscode Belle-dag 2020.<br>
  290. <br>
  291. <b>Nog snel lid worden om deze korting te scoren, dat kan! Ga naar <a href="http://huisvanbelle.nl/club" target="_blank">huisvanbelle.nl/club</a> en geef je op. Je kunt dan ook een tof welkomstcadeau uitkiezen.</b><br>
  292. <br>
  293. LET OP: Vol is vol en aan de deur kosten tickets €27,50. Slim dus om je ticket zsm online te kopen met clubkorting.
  294.                             </span>
  295.                         </div>
  296.                         <div class='orderStep1_2'>
  297.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_tickets_amount_header">Vul aantal kaarten in:</span>
  298.                             <span class='order_ticketfields'>&nbsp;</span>
  299.                         </div>
  300.                         <div class='orderStep1_3'>
  301.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_extra_header">Wens je nog een product mee te bestellen?</span>
  302.                             <span class='order_extrafields'>&nbsp;</span>
  303.                         </div>
  304.                         <div class='orderStep1_4'>
  305.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_tickets_meta">Vul de gevraagde extra gegevens in voor deze tickets:</span>
  306.                             <span class='order_metafields'>&nbsp;</span>
  307.                         </div>
  308.                         <div class='orderStep1_5'>
  309.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_tickets_extra">Wat mogen we voor je toevoegen aan je tickets?</span>
  310.                             <span class='order_ticketextrafields'>&nbsp;</span>
  311.                         </div>
  312.                         <div class='orderStep1_6'>
  313.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_order_meta">Er is extra informatie nodig bij deze bestelling:</span>
  314.                             <span class='order_metafields'>&nbsp;</span>
  315.                         </div>
  316.                         <div class='orderStep1_7'>
  317.                             <span class='order_title' data-lang="yes" data-lang-key="order_event_order_placetickets">Voor deze tickets moeten plaatsen gekozen worden:</span>
  318.                             <span class='order_ticket_places'>&nbsp;</span>
  319.                         </div>
  320.                         <div class='orderStepBar'>
  321.                             <div></div>
  322.                             <div><button onclick="nextStep(); return false;" data-lang='yes' data-lang-key='order_step2'>Ga naar Stap 2</button></div>                            
  323.                         </div>
  324.                     </div>
  325.                     <div class='orderStep2'>
  326.                         <div class='orderStep2_1 active'>
  327.                             <div class='order_personalfields'>
  328.                             <form id="OrderPersonalDetails" class='stepForm'>
  329.                             <div class="form-step">
  330.                                 <div class="form-stepcontent">
  331.                                 {% set currentGroup = 1 %}
  332.                                 {% for field in personal_fields %}
  333.                                 {% if field.group != currentGroup %}
  334.                                 </div>
  335.                                 <div class="item-progress">{{ currentGroup }} / {{ field_groups }}</div>
  336.                                 <div class='orderStepBar'>
  337.                                     <!--<div><span data-lang="yes" data-lang-key="order_account_login">Heeft u al een account? <a href="#" onclick='return false;'>Klik hier</a> om in te loggen.</span></div>-->
  338.                                     <div></div>
  339.                                     <div class="stepback">
  340.                                         {% if currentGroup == 1 %}
  341.                                             {% set funcPrev = "previousStep" %}
  342.                                         {% else %}
  343.                                             {% set funcPrev = "stepFormPrev" %}
  344.                                         {% endif %}
  345.                                         <a href="#" onclick="{{ funcPrev }}();"><img src="/images/stap-terug.svg">
  346.                                             <span class='stepback' data-lang="yes" data-lang-key="order_stepback">Stap Terug</span>
  347.                                         </a>
  348.                                     </div>
  349.                                     <div><button onclick="stepFormNext(); return false;" data-lang='yes' data-lang-key='order_nextstep'>Volgende Stap</button></div>                            
  350.                                 </div>
  351.                                 </div>                                
  352.                                 <div class="form-step">
  353.                                 <div class="form-stepcontent"> 
  354.                                 {% set currentGroup = field.group %}
  355.                                 {% endif %}
  356.                                 {% set required = "" %}
  357.                                 {% if field.required %}
  358.                                     {% set required = " required='required'" %}
  359.                                 {% endif %}
  360.                                 
  361.                                 {% set placeholder = "" %}
  362.                                 <div class="form-row">
  363.                                     <div class="item-title" data-lang='yes' data-lang-key='order_field_{{ field.name }}'>{{ attribute(field.title, cur_lang) }}</div>
  364.                                     <div class="item-field">
  365.                                         {% if field.type == 'select' %}
  366.                                             <select name="{{ field.name }}">
  367.                                                 {% for key,option in field.options %}
  368.                                                     {% if key == 'NL' %}
  369.                                                     <option value="{{ key }}" selected>{{ option }}</option>
  370.                                                     {% else %}
  371.                                                     <option value="{{ key }}">{{ option }}</option>    
  372.                                                     {% endif %}
  373.                                                 {% endfor %}
  374.                                             </select>
  375.                                         {% else %}
  376.                                         {% if field.pattern != "" %}
  377.                                         {% if field.placeholder is defined %}
  378.                                             <input class="input-field" type="{{ field.type }}" placeholder="{{ attribute(field.placeholder, cur_lang) }}" pattern="{{ field.pattern }}" name="{{ field.name }}"{{ required }}>
  379.                                         {% else %}
  380.                                             <input class="input-field" type="{{ field.type }}"{{ placeholder }} pattern="{{ field.pattern }}" name="{{ field.name }}"{{ required }}>
  381.                                         {% endif %}
  382.                                         {% else %}
  383.                                         {% if field.placeholder is defined %}
  384.                                             <input class="input-field" type="{{ field.type }}" placeholder="{{ attribute(field.placeholder, cur_lang) }}" name="{{ field.name }}" data-lang="yes" data-lang-key='order_field_{{ field.name }}_placeholder'>
  385.                                         {% else %}
  386.                                             <input class="input-field" type="{{ field.type }}" name="{{ field.name }}">
  387.                                         {% endif %}
  388.                                         {% endif %}
  389.                                         {% endif %}
  390.                                         <div class="error" data-lang='yes' data-lang-key='order_field_{{ field.name }}_error'>{{  attribute(field.error, cur_lang) }}</div>
  391.                                     </div>
  392.                                     <div class="item-note" data-lang='yes' data-lang-key='order_field_{{ field.name }}_note'>{{  attribute(field.note, cur_lang) }}</div>
  393.                                 </div>
  394.                                 {% endfor %}
  395.                                 </div>
  396.                                 <div class="item-progress">{{ currentGroup }} / {{ field_groups }}</div>
  397.                                 <div class='orderStepBar'>
  398.                                     <!--<div><span data-lang="yes" data-lang-key="order_account_login">Heeft u al een account? <a href="#" onclick='return false;'>Klik hier</a> om in te loggen.</span></div>-->
  399.                                     <div></div>
  400.                                     <div class="stepback">
  401.                                         <a href="#" onclick="stepFormPrev();"><img src="/images/stap-terug.svg">
  402.                                             <span class='stepback' data-lang="yes" data-lang-key="order_stepback">Stap Terug</span>
  403.                                         </a>
  404.                                     </div>
  405.                                     <div><button onclick="stepFormNext(); return false;" data-lang='yes' data-lang-key='order_step3'>Ga naar stap 3</button></div>                            
  406.                                 </div>
  407.                             </div>    
  408.                             </form>
  409.                             </div>
  410.                         </div>                        
  411.                     </div>
  412.                     <div class='orderStep3'>
  413.                         <div class='orderStep3_1 active'>
  414.                             <span class='order_title' data-lang="yes" data-lang-key="order_payment_header">Hoe wil je betalen?</span>
  415.                             <span class='order_paymentfields' data-lang="yes" data-lang-key="order_payment_confirm">
  416.                                 Bij het bevestigen van deze bestelling wordt je doorgestuurd naar onze partner Mollie waar de betaling uitgevoerd zal worden.
  417.                             </span>
  418.                         </div>
  419.                         <div class='orderStep3_2 active'>
  420.                             <span class='order_title' data-lang="yes" data-lang-key="order_payment_discount_code">Heb je een kortingscode?</span>
  421.                             <span class='order_couponfields'><input name="coupon" type="text"><button name="activate_coupon" data-lang="yes" data-lang-key="order_payment_confirm_button">TOEPASSEN</button></span>
  422.                         </div>
  423.                         <div class='orderStep3_3 active'>
  424.                             <span class='order_title' data-lang="yes" data-lang-key="order_payment_feedback">Heb je nog vragen/opmerkingen?</span>
  425.                             <span class='order_commentfields'><textarea class="comments" name="comments"></textarea></textarea></span>
  426.                         </div>
  427.                         <div class='orderStepBar active'>
  428.                             <div><span class='disclaimer' data-lang="yes" data-lang-key="order_payment_place">Bij het plaatsen van een bestelling worden de opgegeven emailadressen toegevoegd aan onze nieuwsbrief database, uiteraard is het mogelijk hiervan weer uit te schrijven. Eerder uitgeschreven emailadressen worden niet opnieuw toegevoegd.</span></div>
  429.                             <div class="stepback"><a href="#" onclick="previousStep();"><img src="/images/stap-terug.svg"><span class='stepback' data-lang="yes" data-lang-key="order_stepback">Stap Terug</span></a></div>
  430.                             <div><button onclick="confirmOrder(); return false;" data-lang='yes' data-lang-key='order_payment_order'>BESTELLING BEVESTIGEN</button></div>                            
  431.                         </div>
  432.                     </div>
  433.                 </div>
  434.             </div>
  435.         </div>
  436.         <div id='footerContainer'>
  437.             <div class='block_footer'><span>&copy;     {{ "now"|date("Y") }} Ticketing.NU </span></div>
  438.         </div>
  439.     </div>
  440. {% endblock %}
  442. {% block javascripts %}
  443. {{ parent() }}
  444. <script src="/js/main.js?{{ date().timestamp }}"></script>
  445. <script src="/js/order.js?{{ date().timestamp }}"></script>
  446. <script src="/js/event.js?{{ date().timestamp }}"></script>
  447. <script src="/js/language_hvb.js?{{ date().timestamp }}"></script>
  448. {% if event > 0 and not hiddencode %}
  449.     <script>
  450.     jQuery(function() {
  451.         getSingleEvent({{ event }});
  452.     });
  453.     </script>
  454. {% endif %}
  455. {% if page > 0 %}
  456.     <script>
  457.     jQuery(function() {
  458.         getSinglePage({{ page }});
  459.     });
  460.     </script>
  461. {% endif %}
  462. {% if app.session and app.session.get('language') %}
  463.     <script>
  464.     jQuery(function() {
  465.         updateLanguage({{ app.session.get('language') }});
  466.     });
  467.     </script>
  468. {% endif %}
  469. {% if event > 0 and hiddencode %}
  470.     <script>
  471.     jQuery(function() {
  472.         hiddencode = '{{ hiddencode }}';
  473.         setTimeout(function() {
  474.             startOrder({{ event }});
  475.         }, 1000);        
  476.     });
  477.     </script>
  478. {% endif %}
  479. <script type="text/javascript">
  480. window.Trengo = window.Trengo || {};
  481. window.Trengo.key = '4Lkj8oDq6mO7OxEG0dnm';
  482. (function(d, script, t) {
  483.     script = d.createElement('script');
  484.     script.type = 'text/javascript';
  485.     script.async = true;
  486.     script.src = 'https://static.widget.trengo.eu/embed.js';
  487.     d.getElementsByTagName('head')[0].appendChild(script);
  488. }(document));
  489. </script>
  490. {% endblock %}
  492. {% block stylesheets %}
  493. {{ parent() }}
  494. <link rel="stylesheet" href="/jquery/jquery-ui-themes/themes/huisvanbelle/jquery-ui.min.css?{{ date().timestamp }}">
  495. <link rel="stylesheet" id="font-open-sans-css" href="https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C300italic%2C400italic%2C600%2C700%2C700italic%2C800%2C800italic" type="text/css" media="all">
  496. <link rel="stylesheet" id="font-open-sans-css" href="https://fonts.googleapis.com/css?family=Special+Elite" type="text/css" media="all">
  497. <link rel="stylesheet" id="font-open-sans-css" href="https://fonts.googleapis.com/css?family=Amatic+SC%3A400%2C700r" type="text/css" media="all">
  498. <link rel="stylesheet" id="font-open-sans-css" href="https://fonts.googleapis.com/css?family=Cookie" type="text/css" media="all">
  499. <link rel="stylesheet" id="font-open-sans-css" href="https://fonts.googleapis.com/css?family=Sanchez" type="text/css" media="all">
  500. <link rel="stylesheet" id="font-open-sans-css" href="" type="text/css" media="all">
  501. <link id="fonts-css" rel="stylesheet" type="text/css" href="/css/huisvanbelle/fonts.css?{{ date().timestamp }}">
  502. <link id="main-css" rel="stylesheet" type="text/css" href="/css/huisvanbelle/base.css?{{ date().timestamp }}">
  503. <!-- Global site tag (gtag.js) - Google Analytics -->
  504. {% if app.environment == 'prod' %}
  505. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12998507-25"></script>
  506. {% endif %}
  507. {% if app.environment == 'dev' %}
  508. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12998507-26"></script>
  509. {% endif %}
  510. <script>
  511.   window.dataLayer = window.dataLayer || [];
  512.   function gtag(){dataLayer.push(arguments);}
  513.   gtag('js', new Date());
  515. {% if app.environment == 'prod' %}
  516.   gtag('config', 'UA-12998507-25');
  517. {% endif %}
  518. {% if app.environment == 'dev' %}
  519.   gtag('config', 'UA-12998507-26');
  520. {% endif %}
  521. </script>
  522. <script type="application/javascript">
  523.   (function(b, o, n, g, s, r, c) { if (b[s]) return; b[s] = {}; b[s].scriptToken = "Xy0xMjAzNzc1NzQ1"; r = o.createElement(n); c = o.getElementsByTagName(n)[0]; r.async = 1; r.src = g; r.id = s + n; c.parentNode.insertBefore(r, c); })(window, document, "script", "//cdn.oribi.io/Xy0xMjAzNzc1NzQ1/oribi.js", "ORIBI");
  524. </script>
  525. {% if app.environment == 'prod' %}
  526.     {% set googletag = 'GTM-WJCCXTC' %}
  527. {% endif %}
  528. {% if app.environment == 'dev' %}
  529.     {% set googletag = 'GTM-K6BBXW8' %}
  530. {% endif %}
  531. <!-- Google Tag Manager -->
  532. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  533. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  534. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  535. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  536. })(window,document,'script','dataLayer','{{ googletag }}');</script>
  537. <!-- End Google Tag Manager -->
  538. {% endblock %}