

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


<!DOCTYPE html>
<html lang="nl">

<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-989843-31"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-989843-31');
    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />


    <title>
        Kaarten bestellen agenda | PODIUM DE PLEATS</title>
<meta name="description" content="Bestel online kaarten voor de voorstellingen van Cultuur in De Pleats" />
<meta name="keywords" content="Kaarten, burgum, depleats, agenda, kalender" />

<!-- <meta name="Distribution" content="Global" /> -->
<meta name="Rating" content="General" />
<meta name="Robots" content="INDEX,FOLLOW" />
<meta name="Revisit-after" content="7 Days" />
<meta name="author" content="Spinnerz communicatie">


    <meta property="og:title" content="Podium De Pleats">
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.podiumdepleats.nl/Voorstelling-Podium De Pleats">


    <!-- Google Fonts CSS -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600' rel='stylesheet' type='text/css'>

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/nav6.css">
    <link rel="stylesheet" type="text/css" href="/css/custom6.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.css">
    <link rel="stylesheet" type="text/css" href="/css/hover.css">
    <!--     <link rel="stylesheet" href="/swipebox/source/swipebox.css"> -->

    <!-- Slider Revolution CSS Files -->

    <link rel="stylesheet" type="text/css" href="/revolution/css/settings.css">
    <link rel="stylesheet" type="text/css" href="/revolution/css/layers.css">
    <link rel="stylesheet" type="text/css" href="/revolution/css/navigation.css">

    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

    <script defer data-domain="podiumdepleats.nl" src="https://tester.spinnerz.nl/js/script.js"></script>


</head>

<body>
    <div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.10&appId=315940688816393";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>


    <!-- ******************* -->
    <!-- BEGIN SLIDER MARKUP -->
    <!-- ******************* -->
    <div class="rev_slider_wrapper">

        <!-- the ID here will be used in the inline JavaScript below to initialize the slider -->
        <div id="rev_slider_1" class="rev_slider" data-version="5.4.5" style="display:none">
            <ul>

                <!-- BEGIN SLIDE -->
                <li data-transition="fade">

                    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                    <img src="/images/header.jpg" alt="Sky" class="rev-slidebg">

                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme modern_big_cbg" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 0.8"},
                                          {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="0" data-width="['auto']" data-height="['auto']">PODIUM DE PLEATS 2024 / 2025</div>
                    <!-- END LAYER -->


                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
					                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-type="image" data-x="center" data-y="center" data-hoffset="0" data-voffset="100" data-width="['auto']" data-height="['auto']"><img src="/images/logo2.png" width="80px" height="25px" alt="Podium De Pleats"></div>
                    <!-- END LAYER -->

                </li><!-- END SLIDE -->

                <!-- BEGIN SLIDE -->
                <li data-transition="fade">

                    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                    <img src="/images/header.jpg" alt="Sky" class="rev-slidebg">

                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme modern_big_cbg" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 0.8"},
                                          {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="0" data-width="['auto']" data-height="['auto']">BESTEL NU UW KAARTEN ONLINE!</div>
                    <!-- END LAYER -->


                    <!-- BEGIN LAYER -->
                    <div class="tp-caption tp-resizeme" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
					                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-type="image" data-x="center" data-y="center" data-hoffset="0" data-voffset="100" data-width="['auto']" data-height="['auto']"><img src="/images/logo2.png" width="80px" height="25px" alt="Podium De Pleats"></div>
                    <!-- END LAYER -->

                </li><!-- END SLIDE -->

            </ul>
        </div>
    </div>


    <div class="navbar navbar navbar-inverse navbar-top" role="navigation">
	<div class="container nav-header-container">

		<div class="navbar-header">
			<button type="button" style="background-color:#10549f;" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		</div>

		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

			<ul class="nav navbar-nav"><li class=" "><a href="/Agenda">Agenda</a></li><li class="active "><a href="/Kaarten">Kaarten</a></li><li class=" "><a href="/Informatie">Informatie</a></li><li class=" "><a href="/Locatie">Locatie</a></li><li class=" hiddenx-xs"><a target="_blank" class="" href="https://www.facebook.com/podiumdepleats"><i class="fa fa-facebook"></i></a></li></ul>
			</ul>


		</div><!-- /.navbar-collapse -->
	</div>
</div>

    <div class="titelonderdelen-back2">
            </div>


    <!-- Hoofdtekst  -->
    <!-- Get current page -->


<div class="container">
	<div class="row" style="margin-top:30px;">
		<div class="col-xs-12">
			<h1 class="fadein">Kaarten bestellen agenda</h1><br>		</div>
	</div>
</div>

<div class="container">
	<div class="row">
						<div class="col-sm-12 col-md-9 col-xs-12" style="background-color: white;">
				<p class="fadein">Selecteer de voorstelling(en) waarvoor u kaarten wilt bestellen. U kunt de betaling via iDeal voldoen.</p>


		<!-- Order details -->
		<div class="row">
			<div class="col-md-7 col-xs-12">
											<br>


							<form action="" id="signupForm" class="form-horizontal " method="post">
								<fieldset>

									<!-- Bus ticket or Bus Ticket + Entrance event -->
									

										<div id="showForm1" class="showForm">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show1">Voorstelling 1</label>
												<div class="col-md-9 price">

													<select id="show1" name="show1" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number1" name="number1" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm2" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show2">Voorstelling 2</label>
												<div class="col-md-9 price">

													<select id="show2" name="show2" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number2" name="number2" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm3" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show3">Voorstelling 3</label>
												<div class="col-md-9 price">

													<select id="show3" name="show3" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number3" name="number3" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm4" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show4">Voorstelling 4</label>
												<div class="col-md-9 price">

													<select id="show4" name="show4" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number4" name="number4" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm5" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show5">Voorstelling 5</label>
												<div class="col-md-9 price">

													<select id="show5" name="show5" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number5" name="number5" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm6" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show6">Voorstelling 6</label>
												<div class="col-md-9 price">

													<select id="show6" name="show6" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number6" name="number6" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm7" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show7">Voorstelling 7</label>
												<div class="col-md-9 price">

													<select id="show7" name="show7" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number7" name="number7" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm8" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show8">Voorstelling 8</label>
												<div class="col-md-9 price">

													<select id="show8" name="show8" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number8" name="number8" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm9" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show9">Voorstelling 9</label>
												<div class="col-md-9 price">

													<select id="show9" name="show9" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number9" name="number9" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm10" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show10">Voorstelling 10</label>
												<div class="col-md-9 price">

													<select id="show10" name="show10" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number10" name="number10" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
										<div id="showForm11" class="showForm hidden">
											<div class="form-group">
												<label class="col-md-3 control-label" for="show11">Voorstelling 11</label>
												<div class="col-md-9 price">

													<select id="show11" name="show11" class="form-control" onChange="calculatePrice()">

														
															<option value="">Maak een keuze</option>

																															<option value="1644|||4,50|||2024-10-05|||Legomasters|||IMG_9096_1.webp">zaterdag 5 oktober 2024 Legomasters</option>

																														<option value="1627|||15,00|||2024-10-12|||Burgumer Stappersjun|||IMG_3848 2.JPG">zaterdag 12 oktober 2024 Burgumer Stappersjun</option>

																														<option value="1695|||22,50 incl koffie/thee|||2024-11-02|||Puur de Nijs|||2425_Puur de Nijs_liggend.webp">zaterdag 2 november 2024 Puur de Nijs</option>

																														<option value="1712|||24,50|||2024-12-13|||Syb van der Ploeg - Wereldzangers|||syb-van-der-ploeg-wereldzangers-24-25-foto-carla-gorter-fotografie-liggend-24-25 2.webp">vrijdag 13 december 2024 Syb van der Ploeg - Wereldzangers</option>

																														<option value="1729|||18,00|||2024-12-20|||Christmas Crooner - Let in snow!|||the-christmas-crooner-let-it-snow-24-25-foto-walter-goyen-liggend-24-25.webp">vrijdag 20 december 2024 Christmas Crooner - Let in snow!</option>

																														<option value="1746|||23,00|||2025-01-25|||The Dubliners|||the-dubliners-experience-the-songs-and-stories-of-the-dubliners-24-25-artwork-act-one-presents-staand-24-25 2.webp">zaterdag 25 januari 2025 The Dubliners</option>

																														<option value="1763|||20,00|||2025-02-08|||Frisicana V - Into The Sunset|||455.webp">zaterdag 8 februari 2025 Frisicana V - Into The Sunset</option>

																														<option value="1820|||15,00 incl koffie/thee|||2025-03-15|||Jazz avond m.m.v. Bigband Leeuwarden|||IMG_0185_1.webp">zaterdag 15 maart 2025 Jazz avond m.m.v. Bigband Leeuwarden</option>

																														<option value="1780|||5,00|||2025-04-02|||Willem wil’em (kindervoorstelling 4+)|||IMG_0187.webp">woensdag 2 april 2025 Willem wil’em (kindervoorstelling 4+)</option>

														
													</select>
												</div>
											</div>


											<div class="form-group">
												<label class="col-md-3 control-label" for="number">Aantal kaarten</label>
												<div class="col-md-9 price">
													<select id="number11" name="number11" onChange="calculatePrice()" class="form-control">
														<option value="">Maak een keuze</option>
																													<option value="1">1</option>

																													<option value="2">2</option>

																													<option value="3">3</option>

																													<option value="4">4</option>

																													<option value="5">5</option>

																													<option value="6">6</option>

																													<option value="7">7</option>

																													<option value="8">8</option>

																													<option value="9">9</option>

																													<option value="10">10</option>

																													<option value="11">11</option>

																													<option value="12">12</option>

																													<option value="13">13</option>

																													<option value="14">14</option>

																													<option value="15">15</option>

																													<option value="16">16</option>

																													<option value="17">17</option>

																													<option value="18">18</option>

																													<option value="19">19</option>

																													<option value="20">20</option>

																											</select>
												</div>
											</div>


										</div>

									
									<div class="form-group" style="margin-bottom:30px;">
										<div class="col-md-9 col-md-offset-3">
											<button id="addShowButton" class="btn btn-block btn-success btn-lg" style="border-radius:0px;"><i class="fa fa-plus"></i> Voeg een voorstelling toe</button>
										</div>
									</div>


									<div class="quantity">
										<legend class="col-xs-12 col-md-9 col-md-offset-3 white">Uw gegevens:</legend>
									</div>


										<div class="form-group" style="display: none;" id="discountField">
											<label class="col-md-3 control-label" for="discount">Kortingscode</label>
											<div class="col-md-9">
												<input id="discount" name="discount" type="text" placeholder="" class="form-control input-md" onchange="calculatePrice()">
												<p id="discountHelper" style="display: none;" class="help-block">De korting is toegepast.<span class="fs-6">De maximale korting is €10,-.</p>
												<p id="discountHelperFalse" style="display: none;" class="help-block">De ingevoerde code is niet geldig.</p>

												<input type="hidden" id="totalCharge" name="totalCharge" value="">
											</div>
										</div>

										<!-- Text input-->
										<div class="form-group">
											<label class="col-md-3 control-label" for="name">Naam</label>
											<div class="col-md-9">
												<input id="name" name="name" type="text" placeholder="" class="form-control input-md" required="">
											</div>
										</div>

										<!-- Text input-->
										<div class="form-group">
											<label class="col-md-3 control-label" for="email">Email</label>
											<div class="col-md-9">
												<input id="email" name="email" type="email" placeholder="" class="form-control input-md" required="">
											</div>
										</div>

										<!-- Text input-->
										<div class="form-group">
											<label class="col-md-3 control-label" for="phone">Telefoon</label>
											<div class="col-md-9">
												<input id="phone" name="phone" type="text" placeholder="" minlength="10" class="form-control input-md" data-mask="0000000000" required="">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="nor">Nieuwsbrief</label>
											<div class="col-md-9">
												<div class="checkbox">
													<label for="nieuwsbrief">
														<input type="checkbox" name="nieuwsbrief" id="nieuwsbrief" value="1">
														inschrijven voor de nieuwsbrief
													</label>
												</div>
											</div>
										</div>

																	</fieldset>

								<!-- Button -->
								<div class="form-group">
									<label class="col-md-3 control-label" for="submit"></label>
									<div class="col-md-9">
										<button id="submit" name="submit" class="btn btn-block btn-primary btn-lg" style="border-radius:0px;"><i class="fa fa-chevron-right" onclick="validateEmail()"></i> Naar stap 2</button>
									</div>
								</div>


								</fieldset>
							</form>


									</div>

			<!-- Cart section -->
			<div class="col-md-5 col-xs-12">

				
				<div class="panel panel-bordered panel-contrast mg-b black" style="margin-top: 14px;">

					<div class="panel-heading white"><span style="text-transform:uppercase;"><strong>Winkelwagen:</strong><br>
					</div>
					<div class="panel-body">
						
							<!-- Show Price Per Person bus + entrance option -->
															<!-- Show details Selection Shows -->
								<div id="resultsContainer"></div>
								<!-- <div id="totalExFee">Total Ex Fee: <span id="totalExFeeValue"></span></div> -->
								<div id="fee">Servicekosten (€0,50 p.p.): € <span id="feeValue"></span></div>
								<div id="discountDiv" style="display: none;">Korting NUT € <span id="discountValue"></span></div>
								<div id="totalprice" style="color:#fa1a51 !important;">
									<h3>Totaal: € <span id="totalpriceValue"></h3></span>
								</div>


														<INPUT type="hidden" id="PicExtPrice" name="PicExtPrice" Size=8>
						
					</div>
				</div>


			</div>
		</div>


		<!-- Rest of the HTML -->

		<script type="text/javascript">
			// Call the calculatePrice function after the page has loaded
			window.addEventListener('load', calculatePrice);

			function calculatePrice() {
				var resultsContainer = document.getElementById("resultsContainer");
				resultsContainer.innerHTML = ""; // Clear previous results

				var totalPresale = 0;
				var totalNumber = 0;
				var fee = 0;
				var discount = 0;

				var numOfShows = 11; // Number of shows to iterate over

				var tidArray = [];

				for (var i = 1; i <= numOfShows; i++) {
					var entranceSelect = document.getElementById("show" + i); // Ticket price select element
					var entranceValue = entranceSelect.value;
					var entranceData = entranceValue.split("|||");
					var tid = entranceData[0];
					var show = entranceData[3];
					var picture = entranceData[4];
					var adjustedLink = encodeURIComponent(picture);
					var entrance = parseFloat(entranceData[1]) || 0;

					var numberSelect = document.getElementById("number" + i); // Get number of tickets select element
					var number = parseFloat(numberSelect.value) || 0;

					var presale = entrance * number || 0;
					totalPresale += presale;
					totalNumber += number;

					var sFee = (tid == '800') ? 0 : 0.50;
					fee += sFee * number;

					// create array of tid
					tidArray.push(tid);
					var showArray = [];

					if (show && show.trim() !== "") {
						var resultDiv = document.createElement("div");
						resultDiv.innerHTML = "<div class='row'><div class='col-xs-12' style='background-color:#29c176; color:#fff; margin-bottom:21px; padding: 15px 15px;'><span style='font-size:16px;   text-transform: uppercase; font-weight:400;'>" + show + "</span></div></div>" +
							"<div class='row'><div class='col-xs-6'><strong>Kaartprijs:</strong> € " + entrance.toFixed(2) + "<br>" +
							"<strong>Aantal kaarten:</strong> " + number + "<br><br></div><div class='col-xs-5 col-xs-offset-1'><img style='padding-bottom:14px; height: 130px; width: 100%; object-fit: cover; object-position: top' src='/upload/custom_pages/agenda/" + adjustedLink + "'></div><div class='row'><div class='col-xs-12'><hr></div></div></div>";
						resultsContainer.appendChild(resultDiv);
					}
				}

				if (tidArray.includes('1416')) {
					document.getElementById("discountField").style.display = "block"
				} else {
					document.getElementById("discountField").style.display = "none"
				}

				var totalExFee = totalPresale.toFixed(2) || 0;
				var fee3 = fee.toFixed(2);
				var total = totalPresale + fee;
				var totaln = total.toFixed(2) || 0;

				// Print values
				// document.getElementById("totalExFeeValue").textContent = totalExFee;
				document.getElementById("totalpriceValue").textContent = totaln;
				document.getElementById("feeValue").textContent = fee3;

				// total in hidden element including discount
				document.getElementById("totalCharge").value = totaln;

				// Display the results and calculation values
				if (totalPresale > 0) {
					resultsContainer.style.display = "block";
					// document.getElementById("totalExFee").style.display = "block";
					document.getElementById("totalprice").style.display = "block";
					document.getElementById("fee").style.display = "block";
				} else {
					// resultsContainer.style.display = "none";
					// document.getElementById("totalExFee").style.display = "none";
					document.getElementById("totalprice").style.display = "none";
					document.getElementById("fee").style.display = "none";
				}
				checkDiscount()
			}
		</script>
		<!-- End Calculation -->

		<!-- Discount funtion -->
		<script>
			function checkDiscount() {
				// Get the value of the input field
				var discountValue = document.getElementById("discount").value;


				var numOfShows = 11; // Number of shows to iterate over
				for (var i = 1; i <= numOfShows; i++) {
					var entranceSelect = document.getElementById("show" + i); // Ticket price select element
					var entranceValue = entranceSelect.value;
					var entranceData = entranceValue.split("|||");
					var tid = entranceData[0];
					var numberSelect = document.getElementById("number" + i); // Get number of tickets select element
					var number = parseFloat(numberSelect.value) || 0;

					if (tid == '1416') {
						// number select for tid 141600
						var numberSelect = document.getElementById("number" + i); // Get number of tickets select element
						var number = parseFloat(numberSelect.value) || 0;
						if (number >= 2) {
							number = 2;
						} else {
							number = 1;
						}
						var discount = 5 * number;
					}

				}

				// Check if the value is equal to nut32024
				if (discountValue.toLowerCase() === "nut32024") {

					var discountValue = discount.toFixed(2) || 0;
					document.getElementById("discountValue").textContent = discountValue;
					document.getElementById("discountDiv").style.display = "block"; // show div
					document.getElementById("discountHelper").style.display = "block"; // show div
					document.getElementById("discountHelperFalse").style.display = "none"; // show div
					// add style green to discountvalue
					document.getElementById("discount").style.backgroundColor = "#29c176";
					document.getElementById("discount").style.color = "#FFF";
					// subtract 5 from totalpriceValue
					var totalpriceValue = document.getElementById("totalpriceValue").textContent;
					var totalpriceValue = totalpriceValue - discount;
					var totalpriceValue = totalpriceValue.toFixed(2) || 0;
					document.getElementById("totalpriceValue").textContent = totalpriceValue;
					document.getElementById("totalCharge").value = totalpriceValue + '|' + discountValue;

				} else if (discountValue.length > 0 && discountValue.toLowerCase() !== "nut32024") {
					document.getElementById("discountDiv").style.display = "none"; // show div
					document.getElementById("discountHelper").style.display = "none"; // show div
					document.getElementById("discountHelperFalse").style.display = "block"; // show div
					document.getElementById("discount").style.backgroundColor = "red";
					document.getElementById("discount").style.color = "#000";
				} else {
					document.getElementById("discountDiv").style.display = "none"; // show div
					document.getElementById("discountHelper").style.display = "none"; // show div
					document.getElementById("discount").style.backgroundColor = "#FFF";
					document.getElementById("discount").style.color = "#000";
				}
			}
		</script>


<script>
	function validateEmail() {
		var email = document.getElementById('email').value;
		var atPosition = email.indexOf('@');
		var dotPosition = email.lastIndexOf('.');

		if (atPosition < 1 || dotPosition < atPosition + 2 || dotPosition + 2 >= email.length) {
			alert('Het ingevoerde e-mailadres is ongeldig');
		} else {

		}
	}
</script>				<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
				<!-- AddToAny END -->
				</div>


				<div class="col-xs-12 col-md-3" style="margin-top:10px;">
					<div class="row">
						<div class="col-xs-12 shadowAgenda bottomBorder leftpadding" style="padding:15px; margin-bottom: 20px;">
							<h1 class="blauw">Kaarten</h1>
							<p><ul>
	<li>U kunt kaarten bestellen via de website. De kaarten kunt u betalen via iDeal. Nadat uw betaling afgerond is ontvangt u de kaarten automatisch op het door u opgegeven mailadres.</li>
	<li>Servicekosten bedragen &euro;0,50 per kaart.</li>
	<li>Op de dag van de voorstelling kunt u vanaf 30 minuten v&oacute;&oacute;r aanvang kaarten kopen aan de kassa, mits er nog kaarten beschikbaar zijn. Dit kan alleen door middel van PIN betaling.</li>
	<li>Voor vragen over de kaartverkoop kunt u contact opnemen via mail: info@podiumdepleats.nl<br />
	&nbsp;</li>
</ul>
</p>
						</div>
						<div class="col-xs-12 shadowAgenda bottomBorder leftpadding" style="padding:15px; margin-bottom: 20px;">
							<h1 class="blauw">Informatie</h1>
							<p>Voor vragen, suggesties of opmerkingen kunt u contact opnemen met info@podiumdepleats.nl</p>
						</div>
					</div>
				</div>
			</div>
	</div>

    <!-- eind hoofd container -->

    <div class="">
        <div class="container">
            <!-- Payoff -->
<div class="row hidden-xs" style="margin-top:35px">
	<div class="col-lg-12 ">
		<hr>
		<p class="footercopyright">
			Stichting Culturele Commissie De Pleats - Joh. Falkenastraat 35 - 9251CN - Burgum - info@podiumdepleats.nl</p>
		<p class="footercopyright">
			&copy; 2024 - Podium De Pleats - Created with <i class="fa fa-heart"></i> & <i class="fa fa-coffee"></i> BY <a href="http://www.spinnerz.nl/" target="_blank">Spinnerz</a></p>
		<a href="#"><i class="go-top fa fa-angle-double-up"></i></a>
	</div>
</div>

<!-- mobile pay-off -->
<div class="row visible-xs">
	<div class="col-lg-12 ">
		<hr>
		<p class="footercopyright">
			Stichting Culturele Commissie De Pleats - Joh. Falkenastraat 35 - 9251CN - Burgum</p>
		<p class="footercopyright text-center">&copy; 2024 - Podium in De Pleats <br> vormgeving <a href="http://www.spinnerz.nl/" target="_blank">Spinnerz communicatie</a></p>
		<a href="#"><i class="go-top fa fa-angle-double-up"></i></a>

	</div>
</div>            <!--
			<p class="pull-right">
	<a href="#"><i class="fa fa-arrow-up fa-3x"></i></a>
	</p>
-->

        </div>
    </div>

    <!-- JS -->
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" integrity="sha256-VAvG3sHdS5LqTT+5A/aeq/bZGa/Uj04xKxY8KM/w9EE=" crossorigin="anonymous"></script>
    <!-- Slider Revolution core JavaScript files -->


    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/main.js"></script>
    <script type="text/javascript" src="/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/js/jquery.mask.min.js"></script>
    <!--        	<script type="text/javascript" src="/js/owl.carousel.js"></script> -->
    <script type="text/javascript" src="/js/holder.js"></script>
    <script src="/js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
    <!-- 	   	<script src="/js/allinone_bannerRotator.js" type="text/javascript"></script> -->
    <script type="text/javascript" src="/js/jquery.appear.js"></script>
    <script async src="//static.addtoany.com/menu/page.js"></script>

    <script type="text/javascript" src="/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="/revolution/js/jquery.themepunch.revolution.min.js"></script>

    <!-- 	   	<script src="/swipebox/source/jquery.swipebox.js"></script> -->


    <script type="text/javascript">
        /* https://learn.jquery.com/using-jquery-core/document-ready/ */
        jQuery(document).ready(function() {

            /* initialize the slider based on the Slider's ID attribute from the wrapper above */
            jQuery('#rev_slider_1').show().revolution({

                /* options are 'auto', 'fullwidth' or 'fullscreen'
                sliderLayout: 'auto',

                /* basic navigation arrows and bullets */
                navigation: {

                    arrows: {
                        enable: true,
                        style: "hesperiden",
                        hide_onleave: false
                    },

                    bullets: {
                        enable: true,
                        style: "hesperiden",
                        hide_onleave: false,
                        h_align: "center",
                        v_align: "bottom",
                        h_offset: 0,
                        v_offset: 20,
                        space: 5
                    }
                }
            });
        });
    </script>

</body>

</html>