<!DOCTYPE html>
<html>
<head>
<title>de Avondshow met Arjen Lubach</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="csrf-token" content="FQmh5e68GDCBoeYH9KswxDIvi2WEru4QNxHxIbrP">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<link rel="apple-touch-icon" href="https://voordemensen.nl/favicon.ico"/>
<style>
.vdm_header_EventName {
background-image: url('https://storage.googleapis.com/vdm_template_images/avondshow/DASMAL-logo-horizontal.png');
background-repeat: no-repeat;
background-size: contain;
background-position: 5% 5%;
text-indent: -9999px;
}
.vdm_header_EventShortText {
text-indent: -9999px;
}
.vdm_footer_terms {
font-size:12px;
}
</style>
<style>
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(/fonts/MaterialIcons-Regular.woff) format('woff'),
url(/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* assistant-regular - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400;
src: url('/fonts/assistant-v4-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Assistant'), local('Assistant-Regular'),
url('/fonts/assistant-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/assistant-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/assistant-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/assistant-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/assistant-v4-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}
.cc-selector input{
margin:0;padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.circle {
object-fit: cover;
}
.cc-selector-2 input{
position:absolute;
z-index:999;
}
span.select2-selection.select2-selection--single {
outline: none;
}
.select2-container .select2-selection--single {
height:35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height:35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top:0px;
}
span.select2-dropdown.select2-dropdown--below {
min-width: 180px !important;
}
@media only screen and (max-width: 600px) {
.select2-selection.select2-selection--single {
width: 100%;
}
}
.ideal{background-image:url('/images/ideal.gif');}
.bancontact{background-image:url('/images/bancontact.png');}
.ccs{background-image:url('/images/visa_mastercard.png');}
.giftcard{background-image:url('/images/giftcard.png');}
.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.drinkcard-cc{
cursor:pointer;
background-size:contain;
background-repeat:no-repeat;
display:inline-block;
width:300px;height:50px;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
-moz-filter: brightness(1.8) grayscale(1) opacity(.7);
filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
}
/* Extras */
.cc-selector-2 input{ margin: 15px 0 0 12px; }
.cc-selector-2 label{ margin-left: 30px; }
span.cc{ color:#6d84b4 }
.error {
position: relative;
animation: shake .1s linear;
animation-iteration-count: 3;
border: 1px solid #e50051;
border-radius: 5px;
}
@keyframes shake {
0% { left: -5px; }
100% { right: -5px; }
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 72px;
height: 72px;
opacity: 0;
}
}
.toast {
word-break: normal !important;
}
.collections {
border-left-style: none;
border-right-style: none;
}
.select-wrapper input.select-dropdown {
font-size:16px;
}
.dropdown-content li>a, .dropdown-content li>span {
font-size:16px;
}
.soldout {
pointer-events: none;
}
.eventpast {
pointer-events: none;
}
/* Soldout */
.soldout-text {
position: relative;
/*right: 20px;*/
background-color: black;
color: white;
padding-left: 20px;
padding-right: 20px;
bottom:5px;
}
/* Soldout */
.moresubs {
position: absolute;
right: 20px;
background-color: black;
color: white;
padding-left: 20px;
padding-right: 20px;
margin-top:-4px;
}
.row .col {
padding: 0.5rem;
}
.label {
color: #000;
}
.input-field>label {
color: #000;
}
table {
border-bottom-style: hidden;
}
/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
html {
font-size: 18px;
}
}
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
.vdm_header_EventName {
font-size: clamp(4vw, 7vw, 3rem);
}
.vdm_header_EventShortText {
font-size: clamp(3vw, 4vw, 2rem);
}
/*@media only screen and (max-width: 600px) {
h3 {
text-shadow: 1px 1px #000;
font-size:6vw !important;
}
h5 {
text-shadow: 1px 1px #000;
font-size:5vw !important;
}
html {
font-family: 'Assistant', sans-serif;
font-size:16px;
}
input {
font-family: 'Assistant', sans-serif;
font-size:14px !important;
}
.input-field>label {
font-family: 'Assistant', sans-serif;
font-size:16px;
}
table {
font-size: 16px;
margin-bottom:-8px;
}
}
@media only screen and (min-width: 900px) {
h3 {
text-shadow: 1px 1px #000;
font-size:4vw !important;
}
h5 {
text-shadow: 1px 1px #000;
font-size:3vw !important;
}
html {
font-family: 'Assistant', sans-serif;
font-size:14px;
}
input {
font-family: 'Assistant', sans-serif;
font-size:14px;
}
.input-field>label {
font-family: 'Assistant', sans-serif;
font-size:14px;
}
table {
font-size: 12px;
margin-bottom:-8px;
}
}
}*/
body, html{
overflow-x: hidden;
}
.modal.bottom-sheet.open {
max-height:fit-content;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.btn, .btn-small{
background-color:#092047;
border-color:#092047;
color:white}
.btn:hover, .btn-small:hover{
background-color:#092047;
border-color:#092047;
filter: brightness(125%);
}
.swal-icon-small {
max-width:30%;
max-height:30%;
}
.swal-button--confirm {
background-color: #092047 !important;
}
.secondary-content {
color:#092047;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
background-color:#092047;
border:#092047;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
background-color:#092047;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
border: 2px solid #092047;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #092047;
-webkit-box-shadow: 0 1px 0 0 #092047;
box-shadow: 0 1px 0 0 #092047;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #092047;
}
/*Huge thanks to @tobiasahlin at http://tobiasahlin.com/spinkit/ */
.spinner {
/* margin: 00px auto 0; */
width: 70px;
}
.spinner > div {
width: 4px;
height: 4px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
a.cc_logo { visibility:hidden; }
text, line, #svgcontent {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.unavailable {
/*fill: #C0C0C0 !important;*/
}
.swal-wide {
width: 550px !important;
}
</style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js" integrity="sha512-lteuRD+aUENrZPTXWFRPTBcDDxIGWe5uu0apPEn+3ZKYDwDaEErIK9rvR0QzUGmUQ55KFE2RqGTVoZsKctGMVw==" crossorigin="anonymous"></script>
<!-- Tippy/Popover -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js" integrity="sha512-6UofPqm0QupIL0kzS/UIzekR73/luZdC6i/kXDbWnLOJoqwklBK6519iUnShaYceJ0y4FaiPtX/hRnV/X/xlUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.7/tippy-bundle.umd.min.js" integrity="sha512-gbruucq/Opx9jlHfqqZeAg2LNK3Y4BbpXHKDhRC88/tARL/izPOE4Zt2w6X9Sn1UeWaGbL38zW7nkL2jdn5JIw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
!function(t){"use strict"
var e=t(window),n=t(document),o=function(o,i){return t.extend({cushion:i&&n.width()>e.width()?30:10},o)},i=function(n,i,c,r,s){var u,h,l
return s?u=window.document.documentElement.clientHeight+e.scrollTop()-i.offset().top:(l=t("#select2-"+n+"-container").parent().parent().parent().offset().top,h=c.height()-i.height(),u=l-e.scrollTop()-h),u-o(r,s).cushion}
t.fn.maximizeSelect2Height=function(e){return this.each(function(n,o){t(o).on("select2:open",function(){setTimeout(function(){var n=t("#select2-"+o.id+"-results"),c=n.parent(),r=c.parent(),s=r.hasClass("select2-dropdown--below"),u=i(o.id,n,r,e,s)
c.css("max-height",u),n.css("max-height",u),t(document).trigger("scroll")})})})}}(jQuery)
</script>
<style>
body {
max-width: 100% !important;
overflow-x: hidden !important;
}
.inject-me { margin: auto; position: relative; margin:0 auto; width: 90vw; height: 100vh;}
.lds-ripple {
/*display: inline-block;*/
position: absolute;
width: auto;
/*height: 80px;*/
top:10%;
left:50%;
}
.lds-ripple div {
position: absolute;
border: 4px solid #000;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
.bigdrop {
width: 100px !important;
margin-left: -40px;
}
.collapsible-body {
padding: 1rem;
/*border-bottom:0px !important;*/
}
.collapsible-header {
padding: 0.5rem;
}
.row .col {
padding: 0.5rem;
padding-bottom: 0.1rem;
padding-top: 0.1rem;
}
.select2-selection__rendered {
margin-top: -2px;
}
</style>
<div id="vdmContent">
<div class="vdmHeader" style="background-image: url('https://storage.googleapis.com/vdm_event_img/f9c9de1476476ca.jpg');background-repeat: repeat;background-size: cover;background-color:#092047;">
<div style="text-shadow: 0px 0px 3px #000, -1px -1px #000, 1px 1px #000;padding-left:5vh; font-sizes:5.0vw; padding-top:4vh;" class="light grey-text text-lighten-3 vdm_header_EventName">De Avondshow met Arjen Lubach</div>
<p style="text-shadow: 0px 0px 3px #000, -1px -1px #000, 1px 1px #000;padding-left:5vh; font-sizes:4.0vw; margin-bottom:0px; margin-top:0px; padding-bottom:4vh;" class="vdm_header_EventShortText light grey-text text-lighten-3"><br></p>
</div>
<div id="vdmDateTime">
<div class="col s12 m12">
<ul class="collapsible" style="margin-top:0px">
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate22" data-event_id="22">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Tuesday, October 4, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="22" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb22"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="22" id="numberoftickets22"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="22" id="tickettype22">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=22>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li>
<div class="collapsible-header vdmDate" id="vdmDate23" data-event_id="23">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Wednesday, October 5, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td id="singleEventProgress" width=20% style="padding:0px;">
</div>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb23"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="23" id="numberoftickets23"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="23" id="tickettype23">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=23>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate24" data-event_id="24">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Thursday, October 6, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="24" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb24"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="24" id="numberoftickets24"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="24" id="tickettype24">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=24>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate25" data-event_id="25">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Monday, October 10, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="25" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb25"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="25" id="numberoftickets25"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="25" id="tickettype25">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=25>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate26" data-event_id="26">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Tuesday, October 11, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="26" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb26"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="26" id="numberoftickets26"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="26" id="tickettype26">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=26>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate27" data-event_id="27">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Wednesday, October 12, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="27" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb27"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="27" id="numberoftickets27"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="27" id="tickettype27">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=27>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate28" data-event_id="28">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Thursday, October 13, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="28" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb28"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="28" id="numberoftickets28"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="28" id="tickettype28">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=28>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate29" data-event_id="29">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Monday, October 17, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="29" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb29"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="29" id="numberoftickets29"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="29" id="tickettype29">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=29>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate30" data-event_id="30">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Tuesday, October 18, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="30" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb30"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="30" id="numberoftickets30"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="30" id="tickettype30">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=30>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate31" data-event_id="31">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Wednesday, October 19, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="31" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb31"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="31" id="numberoftickets31"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="31" id="tickettype31">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=31>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate32" data-event_id="32">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Thursday, October 20, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="32" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb32"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="32" id="numberoftickets32"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="32" id="tickettype32">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=32>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate33" data-event_id="33">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Monday, October 24, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="33" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb33"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="33" id="numberoftickets33"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="33" id="tickettype33">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=33>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate34" data-event_id="34">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Tuesday, October 25, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="34" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb34"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="34" id="numberoftickets34"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="34" id="tickettype34">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=34>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate35" data-event_id="35">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Wednesday, October 26, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="35" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb35"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="35" id="numberoftickets35"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="35" id="tickettype35">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=35>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate36" data-event_id="36">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Thursday, October 27, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="36" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb36"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="36" id="numberoftickets36"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="36" id="tickettype36">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=36>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate37" data-event_id="37">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Monday, October 31, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="37" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb37"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="37" id="numberoftickets37"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="37" id="tickettype37">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=37>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate38" data-event_id="38">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Tuesday, November 1, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="38" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb38"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="38" id="numberoftickets38"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="38" id="tickettype38">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=38>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate39" data-event_id="39">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Wednesday, November 2, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="39" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb39"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="39" id="numberoftickets39"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="39" id="tickettype39">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=39>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
<li class="soldout">
<div class="collapsible-header vdmDate" id="vdmDate40" data-event_id="40">
<table>
<tr style="border-bottom:0px">
<td style="padding:0px;font-size:1em;width:2%;">
<i class="material-icons" style="margin-right: 0.8rem;">more_vert</i>
</td>
<td style="padding:0px;font-size:1em">
<span style="position: relative;bottom:.2em;font-sizes:1em">
Thursday, November 3, 2022 5:45 PM
- 8:00 PM
(Hilversum)
</span>
</td>
<td style="padding:0px;" align="right">
<span class="right soldout-text btn-small waitinglist" data-event_id="40" id="waitinglist" style="pointer-events:all">Wait list</span>
</td>
</tr></table>
</div>
<div class="collapsible-body" id="cb40"><span>
<div class="inline"><span class="vdm_inline_EventName"><b>De Avondshow met Arjen Lubach</b></span> <span class="vdm_inline_EventShortText"></span><br></div>
<div class="input-field inline"> <select class="browser-default numberoftickets" data-event_id="40" id="numberoftickets40"><option val=1>1</option>
</select>
</div>
<div class="input-field inline" style="min-width:40vw;"> <select style="width:100%" class="browser-default ttsel" data-event_id="40" id="tickettype40">
<option disabled>Choose your ticket...</option>
</select>
</div>
<div class="input-field inline"> <a class="waves-effect waves-light btn-small addtobasket" data-clpsnr="19" data-event_id=40>Add</a> </div>
</span>
<p><div id="event_text" class="inline">Let op: De minimale leeftijd om een opname bij te wonen is 13 jaar.</div>
</div>
</li>
</div>
</ul>
</div>
</div>
<div id="basket" style="margin-top:-14px"> </div>
<div id="time"></div>
<div id="vdmCheckoutForm" style="display:none">
<form id="orderForm" data-toggle="validator" role="form">
<div class="row">
<form class="col s12">
<div class="row">
<div class="col s12" style="padding-left:1rem;">
Enter your data </div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="input-field col s4">
<input id="user_firstname" type="text" class="validate" required autocomplete="new-user_firstname" style="text-transform: capitalize;">
<label for="user_firstname">Firstname</label>
<span class="helper-text" data-error="We'd like to address you by your name"></span>
</div>
<div class="input-field col s3">
<input id="user_preposition" type="text" class="validate" autocomplete="new-user_preposition">
<label for="user_preposition" style="text-overflow: ellipsis;white-space: nowrap; overflow: hidden;">Preposition</label>
<span class="helper-text"></span>
</div>
<div class="input-field col s5 ">
<input id="user_lastname" type="text" class="validate" required autocomplete="new-user_lastname" style="text-transform: capitalize;">
<label for="user_lastname">Lastname</label>
<span class="helper-text" data-error="We'd like to address you by your lastname as well"></span>
</div>
</div>
<div class="col s12 m12"><div class="input-field col s12" style="margin-top:0;margin-bottom:0;">
<input id="user_email" type="email" class="validate" required autocomplete="new-user_email">
<label for="user_email">Email address</label>
<span class="helper-text" data-error="We need your email address to send the tickets to (and only for that reason, we won't spam you)"></span></div>
</div>
<div class="col s12 m12"><div class="input-field col s12" style="margin-top:0;margin-bottom:0;">
<input id="user_email_doublecheck" type="email" required autocomplete="new-user_email_doublecheck">
<label for="user_email_doublecheck">Email address for verification</label>
<span class="helper-text" data-error="Email doesn't match"></span></div>
</div>
<div class="col s12 m12" style="margin-top:0;margin-bottom:0;">
<div class="input-field col s3">
<input id="user_zip" style="width:100%" type="text" class="pcval validate" maxlength="7">
<label for="user_zip">ZIP Code</label>
</div>
<div class="input-field col s3">
<input id="user_housenr" style="width:100%" type="text" class="pcval validate" maxlength="50">
<label for="user_housenr" style="text-overflow: ellipsis;white-space: nowrap; overflow: hidden;">Nr.</label>
<!-- <span class="helper-text" data-error="vdm.checkout_zipcode_error"></span> -->
</div>
<div class="input-field col s6">
<select id="user_country"><option value="NL">Nederland</option><option value="BE">België</option><option value="DE">Deutschland</option><option value="GB">Great Britain</option><option value="US">United States</option><option disabled="disabled"></option></select>
</div>
</div>
<div class="col s12 m12" style="margin-top:0;margin-bottom:0;">
<div class="input-field col s7">
<input id="user_address" class="validate" maxlength="50" style="width:100%" type="text">
<label for="user_address">Street</label>
<span class="helper-text">Not mandatory but gives us some inside where our visitors are from</span>
</div>
<div class="input-field col s5">
<input id="user_city" class="validate" maxlength="50" style="width:100%" type="text">
<label for="user_city">City</label>
</div>
</div>
<div class="col s12 m12"><div class="input-field col s12">
<input id="user_phone" style="width:100%" type="tel" class="validate" style="text-transform: capitalize;">
<label for="user_phone">Phone</label>
<span class="helper-text" data-error="We need to be able to call you in case of cancellation or another problem">We will only call you in case of cancellation or another problem</span>
</div></div>
<div id="user_custom3_div" class="input-field col s12" style="margin-top:0;margin-bottom:0;"><div class="col s12 m12">
<br>
<label>
<input id="user_custom3" type="checkbox" class="filled-in"/>
<span style="color:#000">Ja, de VPRO mag mij eenmalig telefonisch of per e-mail benaderen om lid te worden</span>
</label>
<span class="helper-text" id="user_custom3_fee_explain"></span>
</div></div>
<div id="user_mailinglist_div" class="input-field col s12" style="margin-top:0;margin-bottom:0;"><div class="col s12 m12">
<label>
<input id="user_mailinglist" type="checkbox" class="filled-in"/>
<span style="color:#000;line-height:20px;">Subscribe to our newsletter</span>
</label>
</div></div>
<div class="col s12 m12"><div id="discount_code_block" class="input-field col s12">
<p>
<div class="row">
<span class="helper-text col s12" data-error="We'd like to address you by your lastname as well">
Enter coupon code </span>
<div class="input-field col s6">
<input id="discount_promo" type="text" class="validate">
<label for="discount_promo">Coupon code</label>
<span class="helper-text" id="discount_helper"></span>
</div>
<div class="input-field col s6">
<a class="waves-effect waves-light btn-small check_discount" style="width:100%;margin-top:17px">Check coupon</a>
</div>
</p>
</div>
</div>
<div id="vdmPaymentblock" class="col s12">
<div id="vdmPaymentSummary"></div>
Pay with:<p>
<div class="form-group" style="margin-bottom:10px">
<label>
<input name="handling_id" type="radio" data-handling_name="ideal" data-handling_fee="0.00" value="11"
CHECKED />
<span style="color:#000;">iDEAL</span>
</label>
<br><div style="margin-left:30px"><select id="issuer" name="issuer"><option disabled selected>Choose your bank...</option>
<option value="ideal_ABNANL2A">ABN AMRO</option><option value="ideal_INGBNL2A">ING</option><option value="ideal_RABONL2U">Rabobank</option><option value="ideal_ASNBNL21">ASN Bank</option><option value="ideal_BUNQNL2A">bunq</option><option value="ideal_HANDNL2A">Handelsbanken</option><option value="ideal_KNABNL2H">Knab</option><option value="ideal_MOYONL21">Moneyou</option><option value="ideal_RBRBNL21">Regiobank</option><option value="ideal_REVOLT21">Revolut</option><option value="ideal_SNSBNL2A">SNS Bank</option><option value="ideal_TRIONL2U">Triodos</option><option value="ideal_FVLBNL22">Van Lanschot</option>
</select></div>
</div>
<div class="form-group" style="margin-bottom:10px">
<label>
<input name="handling_id" type="radio" data-handling_name="apple pay" data-handling_fee="0.00" value="12"
/>
<span style="color:#000;">Apple Pay</span>
</label>
</div>
<div class="form-group" style="margin-bottom:10px">
<label>
<input name="handling_id" type="radio" data-handling_name="credit card" data-handling_fee="0.00" value="13"
/>
<span style="color:#000;">Credit card</span>
</label>
</div>
<div class="input-field"><span class="helper-text" id="transaction_fee_explain">
</span></div>
</div>
<div class="input-field col s12" id="vdmCheckout">
<button class="waves-effect waves-light btn" style="width:100%">Pay</button>
</div>
</form>
<div class="vdm_footer_terms"></div><br>
</div>
</div>
</div>
<!-- Modal Structure -->
<div id="modal_donation" class="modal bottom-sheet">
<div class="modal-content">
<h6>Can we ask you something?</h6>
<p>Would you like to support our activities with a small one-time donation?</p>
<div style="max-height:fit-content;text-align:right">
<a href="#!" data-donation="5" class="modal-close waves-effect waves-green btn-small donation donation-first">Sure: €5</a>
<a href="#!" data-donation="10" class="modal-close waves-effect waves-green btn-small donation donation-second">€10</a>
<input type="number" style="width:10%;" id="extradonatie" aria-describedby="euro" placeholder="With €...">
<button class="btn-small btn-default doneer waves-effect modal-close">Donate</button>
<a href="#!" data-donation="0" class="modal-close waves-effect waves-green red btn-small donation">No thanks</a>
</div>
</div>
<!-- Modal Structure for Covid-19-->
<div id="covid19" class="modal modal-fixed-footer">
<div class="modal-content"><center>
<img src='https://tickets.voordemensen.nl/images/covid19.svg' style="max-height:20vh" width=30% height=30%><p>
Stay at home if you have mild cold-like symptoms, such as a sore throat, a runny nose, sneezing, a mild cough or a fever below 38 degrees Celsius
If you have a fever above 38 degrees Celsius or shortness of breath, you and anyone you live with should stay at home. <p>If you feel better and have not had any symptoms for 24 hours, you can go outside again.<p>
Only go if you have no symptoms. Together we can beat coronavirus!
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn btn-covid19">I understand</a>
</div>
</div>
<script src="https://voordemensen.nl/libs/fp.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollintoview/1.8/jquery.scrollintoview.min.js" integrity="sha512-+ZUCgnKxLSb0lRJ0zMblOFgJwx0gDkl3AcYnEf/JzKUY8zgFFWibpwJfute3VMwXXWy5L10qfxk7qHk6q1BKrQ==" crossorigin="anonymous"></script>
<script>
$('.slider').slider({indicators:false,height:200});
$(document)
.ajaxStart(function () {
// $("body").css("cursor", "progress");
})
.ajaxStop(function () {
// $("body").css("cursor", "default");
});
$( document ).ready(function() {
// save form values
$('input:not(#discount_promo), textarea, #issuer, #user_country, #sin_friends, #user_salutation').change(function(){
if(this.id=='user_custom3') {
if($('#user_custom3').is(':checked')) {
this.value='on';
} else {
this.value='off';
}
}
localStorage.setItem('deavondshow_'+this.id, this.value);
});
$("input, textarea, #issuer, #user_country, #sin_friends, #user_salutation").each(function(event) {
try {
if(this.id && localStorage.getItem('deavondshow_'+this.id)) {
$('#'+this.id).val(localStorage.getItem('deavondshow_'+this.id));
if(this.value=='on') {
$('#'+this.id).prop('checked', true);
} else {
$('#'+this.id).prop('checked', false);
}
if(this.id=='sin_friends') {
if(this.value>1) $('#sin_frienddetails_div').show();
}
if($('#'+this.id)[0].checkValidity()) {
$('#'+this.id).addClass('valid');
} else {
$('#'+this.id).addClass('invalid');
}
}
} catch(e) {
}
});
M.updateTextFields();
$("#user_email").on({
keydown: function(e) {
if (e.which === 32)
return false;
},
change: function() {
this.value = this.value.replace(/\s/g, "");
}
});
function seatClick(seat) {
// do nothing if seat is unavailable
if($('#'+seat).data('status')==='unavailable') {
return;
}
cleanSeat = seat.split(/_(.+)/);
if($('#'+seat).data('status')=='selected') {
$.ajax({
type: 'POST',
url: '/api/deavondshow/seat/'+cleanSeat[1]+'/res',
data: {event_id:cleanSeat[0], murmur:murmur},
error: function(err) {
if($('#'+seat).css('fill')=='#68B6F3') {
$('#'+seat).css({fill:'#68B6F3'});
} else {
$('#'+seat).css({fill:'rgb(216, 216, 216)'});
}
},
success: function(data) {
$('#'+seat).data('status','available');
$('#'+seat).css({'fill':$('#'+seat).data('color')});
refresh_cart();
}
});
} else {
$('#'+seat).css({fill:'#092047'});
$('#'+seat).data('status','selected');
$.ajax({
type: 'POST',
url: '/api/deavondshow/seat/'+cleanSeat[1]+'/res',
data: {event_id:cleanSeat[0], murmur:murmur},
error: function(err) {
swal("Sorry!", err.responseJSON.error, "error");
$('#'+seat).data('status','available');
$('#'+seat).css({'fill':$('#'+seat).data('color')});
},
success: function(data) {
$('#'+seat).data('status','selected');
refresh_cart();
}
});
}
}
$('.ttsel').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true}).maximizeSelect2Height();
$('.numberoftickets').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true}).maximizeSelect2Height();
$('#issuer').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true}).maximizeSelect2Height();
$('#sin_friends').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true}).maximizeSelect2Height();
var pathArray = window.location.pathname.split( '/' );
var client = pathArray[1];
var murmur = "";
$.postJSON=function(t,u,a){return jQuery.isFunction(u)&&(a=u,u=void 0),jQuery.ajax({url:t,async:true,type:"POST",dataType:"json",data:u,success:a})};
function startTimer(t,e){var n,r,a=t;setInterval(function(){n=parseInt(a/60,10),r=parseInt(a%60,10),n=n<10?"0"+n:n,r=r<10?"0"+r:r,e.text(n+":"+r),--a<0&&(a=t)},1e3)}
function CountDownTimer(n,t){this.duration=n,this.granularity=t||1e3,this.tickFtns=[],this.running=!1}CountDownTimer.prototype.start=function(){if(!this.running){this.running=!0;var n,t,i=Date.now(),o=this;!function r(){(n=o.duration-((Date.now()-i)/1e3|0))>0?setTimeout(r,o.granularity):(n=0,o.running=!1),t=CountDownTimer.parse(n),o.tickFtns.forEach(function(n){n.call(this,t.minutes,t.seconds)},o)}()}},CountDownTimer.prototype.onTick=function(n){return"function"==typeof n&&this.tickFtns.push(n),this},CountDownTimer.prototype.expired=function(){return!this.running},CountDownTimer.parse=function(n){return{minutes:n/60|0,seconds:n%60|0}};
// Init
$('.collapsible').collapsible({inDuration:50,outDuration:50});
$('.modal').modal();
$('#user_salutation').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true, width:'%'});
$.getJSON('/js/countrylist_nl.json').done(
function( data ) {
data = $.map(data, function(item) {
return { id: item.short_name, text: item.name };
});
$('#user_country').select2({
data: data,
minimumResultsForSearch: -1,
dropdownAutoWidth : true,
width:'100%'
});
}
);
refresh_cart();
if(murmur=="") {
// if no cookies enabled generate murmur
if (!document.cookie.match(/^(.*;)?\s*vdm\s*=\s*[^;]+(.*)?$/)) {
try{
if(!sessionStorage.getItem('murmur')) {
sessionStorage.setItem('murmur', 'b955bdc10405d8a963d6b551d6f4dfe8');
murmur = sessionStorage.getItem('murmur');
} else {
murmur = sessionStorage.getItem('murmur');
}
} catch(e) {
}
if (murmur=="") {
try{
setTimeout(function () {
Fingerprint2.get(function (components) {
var values = components.map(function (component) { return component.value })
murmur = Fingerprint2.x64hash128(values.join(''), 31)
refresh_cart();
})
}, 500)
} catch(e) {
murmur = (Math.random().toString(16)+"000000000").substr(2,16);
}
}
refresh_cart();
}
}
$('#user_email_doublecheck').on('input', function() {
if($(this).val() !== $('#user_email').val()) {
$(this).addClass('invalid');
$(this).removeClass('valid');
} else {
$(this).addClass('valid');
$(this).removeClass('invalid');
}
})
$('.pcval').on('input', function() {
if($('#user_country').val()!=='NL') return;
if($('#user_zip').val().length<6) return;
var num_deel=$('#user_zip').val().substr(0,4);
if (parseFloat(num_deel) < 1000) return;
if($('#user_zip').val().length<6) return;
var alpha_deel=$('#user_zip').val().substr(-2);
if (alpha_deel.charCodeAt(0) < 65 || alpha_deel.charCodeAt(0) > 122 || alpha_deel.charCodeAt(1) < 65 || alpha_deel.charCodeAt(1) > 122 ) return;
alpha_deel = alpha_deel.toUpperCase();
postcode = num_deel+alpha_deel;
$('#user_zip').val(postcode);
localStorage.setItem('deavondshow_'+'user_zip', postcode);
if($('#user_housenr').val()=='') return;
huisnr=parseInt($('#user_housenr').val());
var getadrlnk = 'https://bwnr.nl/postcode.php?pc='+postcode+'&hn='+huisnr+'&tv=&tg=data';
var getadrlnk = 'https://geodata.nationaalgeoregister.nl/locatieserver/free?fq=postcode:'+postcode+'&fq=huisnummer='+huisnr;
$.ajax({
type: 'GET',
url: getadrlnk,
dataType: 'JSON',
success: function(data) {
if(data) {
if(data.response.numFound==0) {
$('#user_zip').addClass('invalid');
$('#user_housenr').addClass('invalid');
} else {
$('#user_address').val(data.response.docs[0].straatnaam);
$('#user_city').val(data.response.docs[0].woonplaatsnaam);
localStorage.setItem('deavondshow_'+'user_address', data.response.docs[0].straatnaam);
localStorage.setItem('deavondshow_'+'user_city', data.response.docs[0].woonplaatsnaam);
$('#user_address').addClass('valid');
$('#user_city').addClass('valid');
$('#user_housenr').addClass('valid');
$('#user_housenr').removeClass('invalid');
$('#user_zip').removeClass('invalid');
M.updateTextFields();
}
}
}
});
});
function refresh_cart() {
var conditional_custom1='';
var conditional_custom2='';
if(!murmur) {
var cmurmur ='';
} else {
var cmurmur = '/'+murmur;
}
$.get(window.location.protocol+'//'+window.location.hostname+'/api/'+client+'/cart'+cmurmur, function(data){
if (data[0].cart!="0") {
window.cart = data;
numberoftickets=0;
// Conditionality
conditional_custom1 = '';
conditional_custom2 = '';
var basket=' <div class="col s12 m12"><ul class="collection">';
//basket+='<li class="collection-header"><span class="title" style="margin:10px;"></h6></li>';
function checkconditional1(obj) {
return obj.discount_id === conditional_custom1;
}
function checkconditional2(obj) {
return obj.discount_id === conditional_custom2;
}
for (var x = 0; x < data.length-1; x++) {
numberoftickets+=data[x]['numberoftickets'];
if(data[x]['event_image']==null) data[x]['event_image']='';
basket+= '<li id="li_'+data[x]['seat_id']+'" class="collection-item avatar" style="min-height:0px">';
basket+= '<img src="https://storage.googleapis.com/vdm_template_images/avondshow/972c5746fab7ca60ba103d918.png" alt="" class="circle">';
var compact=false;
if (compact) {
basket+= '<table class="vdmTable" style="border-collapse:initial">';
basket+= '<td width=100% class="vdmTitle titles" style="padding-top:10px;padding-bottom:13px">'+data[x]['event_name']+' ';
if(data[x]['seat_section'] && data[x]['seat_section']!=='0') {
if(data[x]['seat_section'].length>2) {
basket+=data[x]['seat_section']+' ';
} else {
basket+='Section '+data[x]['seat_section']+' ';
}
}
if(data[x]['seat_row_nr']!=='0') {
basket+='Row '+data[x]['seat_row_nr']+' Chair '+data[x]['seat_nr']+'';
}
if(data[x]['event_date']!==null) {
basket+= ' - '+data[x]['location_name']+' - '+data[x]['event_date']+' at '+data[x]['event_time']+' ';
}
if(data[x]['event_view_date_only']!=='00-00-0000') {
basket+=' - '+data[x]['event_view_end']+' at '+data[x]['event_view_end_time']+'<br>';
}
basket+='</td><td width=100% id="spanCartttsel_'+data[x]['event_id']+'_'+data[x]['discount_id']+'" style="text-align:right;padding:0;white-space:nowrap">';
if(data[x]['discount_promo']!==true && data[x]['seat_nr']==0) {
basket+='<select class="numberofsel" data-event_id='+data[x]['event_id']+' data-numberoftickets="'+data[x]['numberoftickets']+'" data-seat_id='+data[x]['seat_id']+' id="numberofsel_'+data[x]['seat_id']+'">';
for (i = 1; i < data[x]['event_free']+data[x]['numberoftickets']+1; i++) {
basket+='<option value='+i+'>'+i+'</option>';
if(i==10) break;
}
basket+='</select> ';
} else {
basket+=data[x]['numberoftickets']+'x ';
}
basket+='<select class="cartttsel" data-seat_id='+data[x]['seat_id']+' id="cartttsel_'+data[x]['seat_id']+'"></select> ';
if (data.some(checkconditional1)==true || conditional_custom1=='' ) {
$('#user_custom1_div').show();
} else {
$('#user_custom1_div').remove();
$('#user_custom1_div').removeAttr('required');
}
if (data.some(checkconditional2)==true || conditional_custom2=='') {
$('#user_custom2_div').show();
} else {
$('#user_custom2_div').remove();
$('#user_custom2_div').removeAttr('required');
}
basket+= '</td><td style="text-align:right;padding:0px"><button class="btn-flat waves-effect right"><i style="color:#092047;margin-top:0px;text-shadow: 0 0 0px #000;" class="material-icons deletefrombasket" data-event_id='+data[x]['event_id']+' data-numberoftickets='+data[x]['numberoftickets']+' data-category_id='+data[x]['category_id']+' data-item_id='+data[x]['item_id']+' data-seat_id='+data[x]['seat_id']+' data-discount_id='+data[x]['discount_id']+'>delete</i></button></td>';
if(parseFloat(data[x]['seat_price'])>0) {
basket+='<td style="padding:0px;text-align:right;white-space:nowrap"> € '+data[x]['seat_price']+'</td>';
} else {
basket+='';
}
basket+='</table>';
} else {
basket+= '<span style="width:95%;display:block;word-wrap:break-word;" class="titles">'+data[x]['event_name']+'</span>';
if(data[x]['seat_section'] && data[x]['seat_section']!=='0') {
if(data[x]['seat_section'].length>2) {
basket+=data[x]['seat_section']+' ';
} else {
basket+='Section '+data[x]['seat_section']+' ';
}
}
if(data[x]['seat_row_nr']!=='0') {
basket+='Row '+data[x]['seat_row_nr']+' Chair '+data[x]['seat_nr']+'';
}
if(data[x]['event_date']!==null) {
basket+= '<p>'+data[x]['event_date']+' at '+data[x]['event_time']+'<br>';
}
if(data[x]['event_view_date_only']!=='00-00-0000') {
basket+=' - '+data[x]['event_view_end']+' at '+data[x]['event_view_end_time']+'<br>';
}
basket+=data[x]['location_name']+'<br><br><span id="spanCartttsel_'+data[x]['event_id']+'_'+data[x]['discount_id']+'" style="float:right">';
if(data[x]['discount_promo']!==true && data[x]['seat_nr']==0) {
basket+='<select class="numberofsel" data-event_id='+data[x]['event_id']+' data-numberoftickets="'+data[x]['numberoftickets']+'" data-seat_id='+data[x]['seat_id']+' id="numberofsel_'+data[x]['seat_id']+'">';
for (i = 1; i < data[x]['event_free']+data[x]['numberoftickets']; i++) {
basket+='<option value='+i+'>'+i+'</option>';
if(i==10) break;
}
basket+='</select> ';
} else {
basket+=data[x]['numberoftickets']+'x ';
}
basket+='<select class="cartttsel" data-seat_id='+data[x]['seat_id']+' id="cartttsel_'+data[x]['seat_id']+'"></select> ';
if (data.some(checkconditional1)==true || conditional_custom1=='' ) {
$('#user_custom1_div').show();
} else {
$('#user_custom1_div').remove();
$('#user_custom1_div').removeAttr('required');
}
if (data.some(checkconditional2)==true || conditional_custom2=='') {
$('#user_custom2_div').show();
} else {
$('#user_custom2_div').remove();
$('#user_custom2_div').removeAttr('required');
}
if(parseFloat(data[x]['seat_price'])>0) {
basket+=' € '+data[x]['seat_price']+'</span><br><br>';
} else {
basket+='</span><br><br>';
}
basket+= '<button class="btn-flat waves-effect secondary-content"><i style="text-shadow: 0 0 0px #000;" class="material-icons deletefrombasket" data-numberoftickets='+data[x]['numberoftickets']+' data-event_id='+data[x]['event_id']+' data-category_id='+data[x]['category_id']+' data-item_id='+data[x]['item_id']+' data-seat_id='+data[x]['seat_id']+' data-discount_id='+data[x]['discount_id']+'>delete</i></button>';
}
function contains(arr, key, val) {
for (var i = 0; i < arr.length; i++) {
if(arr[i][key] === val) return true;
}
return false;
}
basket+= '</li>';
// tt select in cart
function ttt(event_id, seat_id, discount_id, category_id=0) {
$.get('https://api.voordemensen.nl/v1/'+client+'/discounts/'+event_id+'?c='+category_id).then(function(discounts) {
$("#cartttsel_"+seat_id).empty();
$.each(discounts, function(i, discount) {
var option = new Option(discount.discount_name, discount.discount_id, true, true);
$("#cartttsel_"+seat_id).append(option);
});
$.each(data, function(i, discount) {
if(discount.seat_id==seat_id) {
if ($('#cartttsel_'+seat_id).find("option[value='" + discount.discount_id + "']").length) {
} else {
var option = new Option(discount.discount_name, discount.discount_id, true, true);
$("#cartttsel_"+seat_id).append(option);
}
}
});
$("#cartttsel_"+seat_id).trigger('change');
$("#cartttsel_"+seat_id).val(discount_id);
});
}
if(data[x]['discount_blockselect']!==true) {
if(data[x]['seat_nr']=='0') {
ttt(data[x]['event_id'],data[x]['seat_id'],data[x]['discount_id']);
} else {
ttt(data[x]['event_id'],data[x]['seat_id'],data[x]['discount_id'],data[x]['category_id']);
}
}
if(data[x]['discount_blockselect']==true) {
$("#cartttsel_"+data[x]['seat_id']).empty();
var option = new Option(data[x]['discount_name'], data[x]['discount_id'], true, true);
$("#cartttsel_"+data[x]['seat_id']).append(option).trigger('change');
}
//$('#numberoftickets'+event_id).attr('max',data[x]['event_free']);
}
// post number of tickets to parent
var vdm_message = {vdm_basketcounter:numberoftickets};
window.parent.postMessage(vdm_message, '*');
handling_fee=parseFloat($("input[name='handling_id']:checked").data('handling_fee')).toFixed(2);
if($('#user_custom3').is(':checked') && $("#user_custom3").data('user_custom3_fee')) {
handling_fee=parseFloat(handling_fee)+parseFloat($("#user_custom3").data('user_custom3_fee'));
handling_fee=(parseFloat(handling_fee).toFixed(2));
}
if (handling_fee>0 && data[data.length-1]['totalprice'].replace(',','.')>0) {
basket+= '<li class="collection-item avatar">';
basket+= ' transaction costs';
basket+= ' <span class="right">€ '+handling_fee.toString().replace('.',',')+'</i></span>';
basket+= '</li>\n';
}
basket+= '<li class="collection-item avatars" style="min-height:50px"><table style="font-size:inherit;border-collapse:initial">';
basket+= ' <tr><td style="padding:1px 0px"><i class="tiny material-icons left" style="padding-top:.2em;margin-right:.3em;font-size:1.1em">access_time</i><span class="left" style="font-size:1em;" id="time"></span></td>';
if (handling_fee>0 && data[data.length-1]['totalprice'].replace(',','.')>0) {
var totalprice = parseFloat(data[data.length-1]['totalprice'].replace(',','.'))+parseFloat(handling_fee);
data[data.length-1]['totalprice']=totalprice.toFixed(2).replace('.',',');
}
basket+= '<div class="right">';
if(parseFloat(data[data.length-1]['totalprice'])>0) {
basket+= ' <td style="padding:1px 0px"><b style="white-space:nowrap;" class="right">total: € '+data[data.length-1]['totalprice']+'</i></td></tr>';
}
if(parseFloat(data[data.length-1]['totaldiscount'])>0) {
basket+= ' <tr><td colspan=2 style="padding:1px 0px"><span style="white-space:nowrap;" class="right">discount applied: € '+data[data.length-1]['totaldiscount']+'</i><br></td></tr>';
}
basket+= '</table></div></li>\n';
basket+='</ul></div></div>';
if(numberoftickets>1) {
var tickets_plural='s';
} else {
var tickets_plural='';
}
$('#vdmPaymentSummary').html('You are ordering '+(numberoftickets)+' ticket'+tickets_plural+' for € '+data[data.length-1].totalprice+'.<br><p>');
$("#basket").empty();
if (data) {
$("#basket").show();
} else {
$("#basket").hide();
var vdm_message = {vdm_remove_nextbutton:true};
window.parent.postMessage(vdm_message, '*');
}
$("#basket").append(basket);
if(numberoftickets==1 && $('#user_custom1_promodiv').is(":hidden")) $('html, body').animate({ scrollTop: $("#basket").offset().top},500);
if(numberoftickets==1 && $('#vdmCheckoutForm').is(":hidden")) $('html, body').animate({ scrollTop: $("#basket").offset().top},500);
window.parent.postMessage('check_overflow', '*');
// tickettype select in basket
//$('.cartttsel').append(window.ttoptions).trigger('change');
$('.cartttsel').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true, width:'%',dropdownParent: $('#basket'),dropdownCssClass : 'bigdrop', theme: "default inline", });
$('.numberofsel').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true, width:'%',dropdownParent: $('#basket'),dropdownCssClass : 'bigdrop', theme: "default inline", });
$.each(data, function( index, value ) {
$('#cartttsel_'+value.seat_id).val(value.discount_id).trigger('change');
if($("#cartttsel_"+value.seat_id+" option[value='"+value.discount_id+"']").length == 0) {
$('#cartttsel_'+value.seat_id).append('<option value='+value.discount_id+'>'+value.discount_name+'</option>').val(value.discount_id).trigger('change');
}
$('#numberofsel_'+value.seat_id).val(value.numberoftickets).trigger('change');
});
// $('.inline').css('margin-top','-6px');
$('.cartttsel').on('select2:select', function (e) {
e.params.data.patchtype = "tickettype";
seat_id = $(this).data('seat_id');
var promisepatch = $.ajax({
url : "/api/"+client+"/seat/"+seat_id+"?murmur="+murmur,
data : JSON.stringify(e.params.data),
type : 'PATCH',
contentType : 'application/json',
processData: false,
dataType: 'json'
});
$.when(promisepatch).done(function(x) {
refresh_cart();
});
});
$('.numberofsel').on('select2:select', function (e) {
seat_id = $(this).data('seat_id');
event_id = $(this).data('event_id');
numberoftickets = $(this).data('numberoftickets');
e.params.data.changefrom = numberoftickets;
e.params.data.patchtype = "numberoftickets";
var promisepatch = $.ajax({
url : "/api/"+client+"/seat/"+seat_id+"?murmur="+murmur,
data : JSON.stringify(e.params.data),
type : 'PATCH',
contentType : 'application/json',
processData: false,
dataType: 'json'
});
var total=($('#numberofsel_'+seat_id+' option').length);
var avail = total-e.params.data.id;
$('#numberoftickets'+event_id).empty();
for (var not=1;not<(avail)+1;not++) {
var newOption = new Option(not, not, false, false);
$('#numberoftickets'+event_id).append(newOption);
// $('#numberofsel_'+event_id).append(newOption);
}
$('#numberoftickets'+event_id).trigger('change');
// $('#numberofsel_'+event_id).trigger('change');
$.when(promisepatch).done(function(x) {
refresh_cart();
});
});
if (!$('#vdmCheckoutForm').is(':visible')) {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("#basket").append('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Back</a></div><div class="col s6 m6"><a class="waves-effect waves-light btn-small right nextstep">Next step</a></div></div></div>');
} else {
$("#basket").append('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Continue shopping</a></div><div class="col s6 m6"><a class="waves-effect waves-light btn-small right nextstep">Next step</a></div></div>');
}
}
// Add payment or free button
if (data[data.length-1]['totalprice'].replace(',','.')>0) {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("#vdmCheckout").html('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Back</a></div><div class="col s6 m6"><button class="waves-effect waves-light btn-small right checkout">Pay</button></div></div>');
} else {
$("#vdmCheckout").html('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Continue shopping</a></div><div class="col s6 m6"><button class="waves-effect waves-light btn-small right checkout">€ '+data[data.length-1]['totalprice']+' Pay</button></div></div>');
}
$("#vdmPaymentblock").show();
//$("#discount_code_block").fadeIn();
} else {
$("#vdmPaymentblock").hide();
//$("#discount_code_block").hide();
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("#vdmCheckout").html('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Back</a></div><div class="col s6 m6"><a class="waves-effect waves-light btn-small right checkout">Free!</a></div></div>');
} else {
$("#vdmCheckout").html('<div id="nextstep" class="row"><div class="col s6 m6"><a class="waves-effect waves-light btn-small left goback">Continue shopping</a></div><div class="col s6 m6"><a class="waves-effect waves-light btn-small right checkout">Free!</a></div></div>');
}
}
if(!murmur) {
var cmurmur ='';
} else {
var cmurmur = '/'+murmur;
}
$.get('/api/'+client+'/cart/time'+cmurmur, function(data){
if (data.time>0) {
var d = new Date();
d = new Date(d.getTime() + data.time*1000)
$("#time").countdown(d, function(event) {
$(this).text(
event.strftime('%M:%S')
);
}).on('finish.countdown', function() {
$.ajax({type:"DELETE",url:"/api/"+client+"/cart"});
swal("Sorry!", "You've propably waited too long to complete your order", "error");
setTimeout(function () {
refresh_cart();
},2000);
});
} else if (data.time=='up'){
$('#time').countdown('stop');
$.ajax({type:"DELETE",url:"/api/"+client+"/cart"});
window.parent.postMessage('close_overlay', '*');
swal("Sorry!", "You've propably waited too long to complete your order", "error");
setTimeout(function () {
refresh_cart();
},2000);
}
});
// Remove from basket
$(".deletefrombasket").click(function(event){
event_id = $(this).data('event_id');
item_id = $(this).data('item_id');
category_id = $(this).data('category_id');
seat_id = $(this).data('seat_id');
discount_id = $(this).data('discount_id');
numberoftickets = $(this).data('numberoftickets');
var avail=($('#numberoftickets'+event_id+' option').length);
$('#numberoftickets'+event_id).empty();
for (var not=1;not<(avail)+numberoftickets+1;not++) {
var newOption = new Option(not, not, false, false);
$('#numberoftickets'+event_id).append(newOption);
$('#numberofsel_'+event_id).append(newOption);
}
$('#numberoftickets'+event_id).trigger('change');
$('#numberofsel_'+event_id).trigger('change');
$("#li_"+seat_id).hide(300, function() { $(this).hide();});
// if($('#numberofsel_'+seat_id).val() == 1) {
// if(numberoftickets==1) {
// $("#basket").fadeOut(300, function() { $(this).hide();});
// $("#vdmCheckoutForm").fadeOut();
// } else {
// $("#li_"+seat_id).hide(300, function() { $(this).hide();});
// }
// } else {
// amount=$('#numberofsel_'+seat_id).val();
// amount = parseInt(amount);
// amount = amount-1;
// $('#numberofsel_'+seat_id).val(amount).trigger('change');
// }
$(".btn-flat").prop("disabled",true);
var promisedelete = $.ajax({type:"DELETE",url:"/api/"+client+"/cart/"+seat_id+"?murmur="+murmur});
$.when(promisedelete).done(function(x) {
$(".btn-flat").prop("disabled",false);
refresh_cart();
});
});
// Backbutton
$(".goback").click(function(event){
if ( window.location !== window.parent.location ) {
var vdm_message = {vdm_closeoverlay:true};
window.parent.postMessage(vdm_message, '*');
} else {
var redirectURL = '';
if (redirectURL!='') {
window.location.href = redirectURL;
} else {
history.back();
}
}
});
// Next step
$('.nextstep').click(function(event) {
do_nextstep();
});
function do_nextstep() {
$.ajax({type:"PATCH",success:function(response) { numberoftickets=response},url:"/api/"+client+"/cart?murmur="+murmur});
$.ajax({
type: 'GET',
url: '/api/'+client+'/cart/upsell/nextstep?murmur='+murmur,
dataType: 'JSON',
error: function(err) {
if(typeof err.responseJSON !=='undefined') {
swal("Sorry!", err.responseJSON.error, "error");
}
},
success: function(upsell) {
upsell.forEach(function(up) {
swal({
title: up.popup_title,
text: up.popup_text,
icon: up.popup_image,
buttons: true,
dangerMode:true,
buttons: {
"button1": {
text:up.popup_button1_text,
value:up.popup_button1_style
},
"button2": {
text:up.popup_button2_text,
value:up.popup_button2_style
},
"button3": {
text:up.popup_button3_text,
value:up.popup_button3_style
}
}
}).then(function(click) {
});
for(var i of [1,2,3]) {
if(eval('up.popup_button'+i+'_text')=='') {
$(".swal-button--button"+i).hide();
}
if(eval('up.popup_button'+i+'_style')=='url' || eval('up.popup_button'+i+'_style')=='event') {
$(".swal-button--button"+i).css('background-color','#092047');
} else if(eval('up.popup_button'+i+'_style')=='cancel') {
$(".swal-button--button"+i).css('background-color','grey');
} else if(eval('up.popup_button'+i+'_style')=='none') {
$(".swal-button--button"+i).hide();
}
}
$(".swal-button--button1").click(function() {
if(up.popup_button1_style=='url') {
window.open(up.popup_button1_url, '_blank').focus();
}
if(up.popup_button1_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button1_event+'?murmur='+murmur;
}
if(up.popup_button1_style=='code') {
eval(up.popup_button1_code);
}
});
$(".swal-button--button2").click(function() {
if(up.popup_button2_style=='url') {
window.open(up.popup_button2_url, '_blank').focus();
}
if(up.popup_button2_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button2_event+'?murmur='+murmur;
}
if(up.popup_button2_style=='code') {
eval(up.popup_button2_code);
}
});
$(".swal-button--button3").click(function() {
if(up.popup_button3_style=='url') {
window.open(up.popup_button3_url, '_blank').focus();
}
if(up.popup_button3_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button3_event+'?murmur='+murmur;
}
if(up.popup_button3_style=='code') {
eval(up.popup_button3_code);
}
});
});
}
});
$("#nextstep").hide();
$("#vdmDateTime").hide();
$("#vdmCheckoutForm").show(1, function(){
// $("#vdmCheckoutForm").scrollintoview();
// $("#sin_friends").focus();
});
// $("#vdmCheckoutForm").fadeIn();
// $("#vdmCheckoutForm").scrollintoview();
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
} else {
// $('#user_firstname').focus().setSelectionRange(0, 9999);
}
$('#discount_helper').empty();
$('.check_discount').prop('disabled', false);
$('#discount_promo').prop('disabled', false);
}
} else {
var vdm_message = {vdm_basketcounter:'0',vdm_remove_nextbutton:true};
window.parent.postMessage(vdm_message, '*');
try {
$('#time').countdown('stop');
} catch (e) {
}
$("#basket").hide();
$("#vdmDateTime").show();
$("#vdmCheckoutForm").hide();
if ($('#vdmContent').length==1){
$('#vdmEmpty').html('<div class="row"><div class="col s12"><div class="divider"></div><div class="section"><h5>Je mandje is leeg</h5><p><h6><a class="btn-floating btn-large pulse deep-orange accent-3"><i class="material-icons">remove_shopping_cart</i></a> Je hebt nog geen kaarten besteld</p></div></div></div>');
}
}
$('.checkout').click(function(event) {
event.preventDefault();
do_checkout();
});
function do_checkout() {
var handling_name = $('input[name=handling_id]:checked').data('handling_name');
var issuer = $("#issuer").val();
if ($('#user_custom3').prop('required')) {
if (!$('#user_custom3').is(':checked')) {
$('#user_custom3 ~ span:first').addClass('error');
setTimeout(function() {
$('#user_custom3 ~ span:first').removeClass('error');
}, 1000);
return;
}
}
if ($('#vdmPaymentblock').is(':visible')) {
if (handling_name=='ideal' && issuer==null) {
$('.select2-container--default').addClass('error');
setTimeout(function() {
$('.select2-container--default').removeClass('error');
}, 1000);
return;
}
}
if($('#user_email_doublecheck').val() !== $('#user_email').val()) {
$('#user_email_doublecheck').focus();
$('#user_email_doublecheck').addClass('error');
setTimeout(function() {
$('#user_email_doublecheck').removeClass('error');
}, 1000);
return;
}
if($('#orderForm')[0].checkValidity()) {
$.ajax({type:"PATCH",url:"/api/"+client+"/cart"});
//Create user and reserve
var korting=$("#discount_promo").val();
var salutation=$("#user_salutation").val();
var firstname=$("#user_firstname").val();
var preposition=$("#user_preposition").val();
var lastname=$("#user_lastname").val();
var phone=$("#user_phone").val();
var email=$("#user_email").val();
var address=$("#user_address").val();
var housenr=$("#user_housenr").val();
var city=$("#user_city").val();
var zip=$("#user_zip").val();
var user_custom1=$("#user_custom1").val();
var user_custom2=$("#user_custom2").val();
var user_custom3=($('#user_custom3').is(":checked") ? "1" : "0");
var user_custom4=$("#user_custom4").val();
var order_custom2=$("#order_custom2").val();
var order_note=$("#order_note").val();
var user_mailinglist=($('#user_mailinglist').is(":checked") ? "1" : "0");
var user_optin="1"; //($('#user_optin').is(":checked") ? "1" : "0");
var handling_id = $('input[name=handling_id]:checked').val();
var issuer = $("#issuer").val();
function create_order(extradonatie) {
$('.checkout').addClass("disabled");
$("body").css("cursor", "progress");
$('#vdmCheckout').html('<div class="progress"><div class="indeterminate"></div></div>');
var redirectURL = '';
$.post( '/api/'+client+'/order/create',
{zip:zip, kortingscode:korting, salutation:salutation, firstname:firstname, preposition:preposition, lastname:lastname, phone:phone, email:email, address:address, housenr:housenr, city:city, handling_id:handling_id, order_custom2:order_custom2, user_custom1:user_custom1, user_custom2:user_custom2, user_custom3:user_custom3, user_custom4:user_custom4, order_note:order_note, user_mailinglist:user_mailinglist, user_optin:user_optin, extradonatie:extradonatie,issuer:issuer,murmur:murmur,redirectURL:redirectURL}, function(data) {
if (data.url) {
window.top.location.href=data.url;
return true;
} else {
swal("Sorry!", data.error, "error");
}
})
.fail(function() {
swal("Sorry!", "Due to an unknown server error we are unable to complete the order, please try again", "error").then(function() { location.reload() });
});
return true;
}
$('.waves-green').unbind();
create_order('0');
return false;
} else {
$("[required]").each(function() {
if($(this).val()=="") {
$(this).addClass('invalid');
$(".invalid:first").focus();
}
});
}
}
});
}
// if available refresh
if ($('#singleEvent').data('refresh_event_id')>0) {
refresh_avail($('#singleEvent').data('refresh_event_id'));
}
function refresh_avail(event_id) {
var options = '<option value="" disabled selected>Choose your ticket...</option>';
var options2 = '';
var discoptions ='';
var promise1 = $.get('https://api.voordemensen.nl/v1/'+client+'/events/'+event_id+'/avail', function(data) {
for (var x = 0; x < data.length; x++) {
// options += '<option value="0">' + data[x]['category_name'] + ' (€'+data[x]['category_price']+')</option>';
vriendenprijs = data[0]['category_price'].substring(2);
$('#numberoftickets'+event_id).attr({"max" : data[0]['event_free']});
$('#numberoftickets'+event_id).empty();
for (var not=1;not<data[0]['event_free']+1;not++) {
var newOption = new Option(not, not, false, false);
$('#numberoftickets'+event_id).append(newOption);
}
$('#numberoftickets'+event_id).trigger('change');
$('#tickettype'+event_id).data("category_id", data[0]['category_id']);
}
});
var promise2 = $.get('https://api.voordemensen.nl/v1/'+client+'/discounts/'+event_id, function(data) {
if (data) {
if (data.length==1) options='';
window.ttoptions='';
for (var x = 0; x < data.length; x++) {
if (data[x]['discount_id']!='') {
window.ttoptions+= '<option value="'+data[x]['discount_id']+'">'+data[x]['discount_name']+'</option>';
if(data[x]['discounted_price']>0) {
discoptions += '<option value="' + data[x]['discount_id'] + '">' + data[x]['discount_name'] + ' (€'+data[x]['discounted_price'].replace('.',',')+')</option>';
} else {
discoptions += '<option value="' + data[x]['discount_id'] + '">' + data[x]['discount_name'] + '</option>';
}
}
}
$('#tickettype'+event_id).html(options+discoptions);
$('.ttsel').select2({minimumResultsForSearch: -1,dropdownAutoWidth : true});
}
});
}
$('.waitinglist').on('click', function(e) {
event_id=$(this).data('event_id');
$('#cb'+event_id).html("This event is sold out - but we can notify you when tickets are available again. We can't guarantee the ticket will be yours, but you'll be the first to know!");
$('#cb'+event_id).append('<p>' +
' <div class="row">' +
' <form id="wl_form" class="col s12">' +
' <div class="row">' +
' <div class="input-field col s5">' +
' <input required style="pointer-events:all;text-transform: capitalize;" name="wl_firstname" id="wl_firstname" type="text" class="validate">' +
' <label for="wl_firstname">Firstname</label>' +
' </div>' +
' <div class="input-field col s2">' +
' <input style="pointer-events:all;text-transform: capitalize;" name="wl_preposition" id="wl_preposition" type="text" class="validate">' +
' <label for="user_preposition" style="text-overflow: ellipsis;white-space: nowrap; overflow: hidden;">Preposition</label>' +
' </div>' +
' <div class="input-field col s5">' +
' <input required style="pointer-events:all" id="wl_lastname" name="wl_lastname" type="text" class="validate">' +
' <label for="wl_lastname">Lastname</label>' +
' </div>' +
' </div>' +
' <div class="row">' +
' <div class="input-field col s6">' +
' <input required style="pointer-events:all" id="wl_email" type="email" class="validate">' +
' <label for="wl_email">Email address</label>' +
' </div>' +
' </div> ' +
' <button class="waves-effect waves-light btn" id="wl-submit" style="width:100%;pointer-events:all">Confirm</button> ' +
' </form>' +
' </div>');
$('#wl-submit').on('click', function(e) {
e.preventDefault();
if($('#wl_form')[0].checkValidity()) {
$.postJSON('/api/'+client+'/waitinglist/', {event_id:event_id, firstname:$('#wl_firstname').val(),prepostion:$('#wl_preposition').val(), lastname:$('#wl_lastname').val(), email:$('#wl_email').val(), murmur:murmur}, function(data){
if (data.ok) {
$('#cb'+event_id).html("Done! We'll contact you when tickets are available again.");
return true;
} else {
swal("Sorry!", data.error, "error");
}
});
} else {
$('#wl_form')[0].reportValidity();
}
})
});
$('.vdmDate').on('click', function(e) {
event_id=$(this).data('event_id');
refresh_avail(event_id);
$([document.documentElement, document.body]).animate({
scrollTop: $("#vdmDate"+event_id).offset().top-5
}, 500);
scrollpos = $("#vdmDate"+event_id).offset().top;
window.parent.postMessage(scrollpos, '*');
});
$(".addtobasket").on('click', function() {
event_id = $(this).data('event_id');
clpsnr = $(this).data('clpsnr');
category_id=$("#tickettype"+event_id).data('category_id');
discount_id = $("#tickettype"+event_id).val();
addcart_numberoftickets = $("#numberoftickets" + event_id).val();
if(discount_id == null) {
$('[id^=tickettype').next().addClass('error');
setTimeout(function() {
$('[id^=tickettype').next().removeClass('error');
}, 1000);
return;
}
function addtocart(discount_id) {
$.ajax({
type: 'POST',
url: '/api/'+client+'/cart',
dataType: 'JSON',
data: {event_id:+event_id, category_id:+category_id, numberoftickets:+addcart_numberoftickets, discount_id:discount_id, murmur:murmur},
error: function(err) {
swal("Sorry!", err.responseJSON.error, "error");
},
success: function(data) {
$.ajax({
type: 'GET',
url: '/api/'+client+'/events/'+event_id+'/upsell/addtocart',
dataType: 'JSON',
error: function(err) {
if(typeof err.responseJSON !=='undefined') {
swal("Sorry!", err.responseJSON.error, "error");
}
},
success: function(upsell) {
upsell.forEach(function(up) {
swal({
title: up.popup_title,
text: up.popup_text,
icon: up.popup_image,
buttons: true,
dangerMode:true,
buttons: {
"button1": {
text:up.popup_button1_text,
value:up.popup_button1_style
},
"button2": {
text:up.popup_button2_text,
value:up.popup_button2_style
},
"button3": {
text:up.popup_button3_text,
value:up.popup_button3_style
}
}
}).then(function(click) {
});
for(var i of [1,2,3]) {
if(eval('up.popup_button'+i+'_text')=='') {
$(".swal-button--button"+i).hide();
}
if(eval('up.popup_button'+i+'_style')=='url' || eval('up.popup_button'+i+'_style')=='event') {
$(".swal-button--button"+i).css('background-color','#092047');
} else if(eval('up.popup_button'+i+'_style')=='cancel') {
$(".swal-button--button"+i).css('background-color','grey');
} else if(eval('up.popup_button'+i+'_style')=='none') {
$(".swal-button--button"+i).hide();
}
}
$(".swal-button--button1").click(function() {
if(up.popup_button1_style=='url') {
window.open(up.popup_button1_url, '_blank').focus();
}
if(up.popup_button1_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button1_event+'?murmur='+murmur;
}
if(up.popup_button1_style=='code') {
eval(up.popup_button1_code);
}
});
$(".swal-button--button2").click(function() {
if(up.popup_button2_style=='url') {
window.open(up.popup_button2_url, '_blank').focus();
}
if(up.popup_button2_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button2_event+'?murmur='+murmur;
}
if(up.popup_button2_style=='code') {
eval(up.popup_button2_code);
}
});
$(".swal-button--button3").click(function() {
if(up.popup_button3_style=='url') {
window.open(up.popup_button3_url, '_blank').focus();
}
if(up.popup_button3_style=='event') {
window.location.href = 'https://tickets.voordemensen.nl/deavondshow/event/'+up.popup_button3_event+'?murmur='+murmur;
}
if(up.popup_button3_style=='code') {
eval(up.popup_button3_code);
}
});
});
}
});
$('.vdmDate').not('#vdmDate'+event_id).hide();
var avail=($('#numberoftickets'+event_id+' option').length);
$('#numberoftickets'+event_id).empty();
for (var not=1;not<(avail-addcart_numberoftickets)+1;not++) {
var newOption = new Option(not, not, false, false);
$('#numberoftickets'+event_id).append(newOption);
}
if($('#numberoftickets'+event_id+' option').length ==0) {
var newOption = new Option(0, 0, false, false);
$('#numberoftickets'+event_id).append(newOption);
$('#numberoftickets'+event_id).val(0);
}
$('#numberoftickets'+event_id).trigger('change');
if(clpsnr>1) {
$('.progress').hide();
$('#vdmDate'+event_id).append('<span class="waves-effect waves-light btn-small right pulse moresubs" style="background-color:#092047">More timeslots</span><p>');
$('#vdmCap'+event_id).hide();
setTimeout(function(){ $('.moresubs').removeClass('pulse'); }, 2000);
$('.moresubs').on('click',function() {
$('.moresubs').prev().show();
$('.progress').show();
$('.vdmDate').show();
$('.moresubs').hide();
$('#vdmCap'+event_id).show();
});
} else {
$('html, body').animate({ scrollTop: document.body.scrollHeight+200},500);
}
refresh_cart();
// window.scrollTo(0,document.body.scrollHeight+200);
// $('html, body').animate({ scrollTop: $("#nextstep").offset().top},500);
}
});
}
if (isNaN(addcart_numberoftickets)) return false;
addtocart(discount_id);
});
$("#user_custom3").click(function(){
var user_custom3_fee = $(this).data('user_custom3_fee');
if ($('#user_custom3').is(':checked')) {
if (user_custom3_fee>0) {
$('#user_custom3_fee_explain').html('+ € '+user_custom3_fee+' administrative fee');
}
} else {
$('#user_custom3_fee_explain').empty();
}
refresh_cart();
});
$("input[name='handling_id']").change(function(){
var handling_fee = $(this).data('handling_fee');
if (handling_fee>0) {
$('#transaction_fee_explain').html('+ € '+handling_fee+' transaction costs');
} else {
$('#transaction_fee_explain').empty();
}
refresh_cart();
});
$('.check_discount').click(function() {
var conditional_custom1 = '';
var conditional_custom2 = '';
conditional_custom1 = '';
conditional_custom2 = '';
$.get('/api/'+client+'/discounts/validate/'+encodeURIComponent($('#discount_promo').val())+'?murmur='+murmur, function(data) {
if(data.valid) {
$('#discount_helper').html('Discount applied to '+data.numberofdiscounttickets+' ticket(s)');
$('.check_discount').prop('disabled', true);
$('#discount_promo').prop('disabled', true);
refresh_cart();
if(conditional_custom1==data.discount_id) {
$('#user_custom1_promodiv').show();
$('#user_custom1').focus();
}
if(conditional_custom1==data.discount_id) {
$('#user_custom1_promodiv').show();
$('#user_custom1_div').remove();
$('#user_custom1').focus();
} else {
$('#user_firstname').focus();
}
} else {
// Add a class that defines an animation
$('#discount_promo').addClass('error');
$('.check_discount').addClass('btn-danger');
$('#discount_promo').css('border-color','red');
// remove the class after the animation completes
setTimeout(function() {
$('#discount_promo').removeClass('error');
}, 300);
setTimeout(function() {
$('#discount_promo').css('border-color','');
$('.check_discount').removeClass('btn-danger');
}, 2000);
if(data.error) {
// only raise error if cart contains 1 item
if(Object.keys(window.cart).length==2) {
$.each(data.error, function(event_id, error) {
$('#discount_helper').html(error);
});
}
}
}
});
});
});
</script>
</html>