

<!-- 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="en">

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

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

		gtag('config', 'G-GVX7LFWPKR');
	</script>
	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta http-equiv="X-UA-Compatible" content="IE=9">

	<link rel="shortcut icon" href="favicon.ico">


	<!-- Google Fonts CSS -->
	<link href="https://fonts.googleapis.com/css?family=Cabin|Inconsolata|Nunito|Nunito+Sans|Pacifico|Quicksand|Rubik|VT323" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
	<!-- Own style sheets -->

	<!-- Bootstrap core CSS -->
	<link href="/css/bootstrap.min.css" rel="stylesheet">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/css/jquery-ui-1.10.4.custom.css">
	<link rel="stylesheet" type="text/css" href="/css/animate.css">
	<link rel="stylesheet" type="text/css" href="/css/hover.css">
	<link rel="stylesheet" type="text/css" href="/css/custom.css">
	<link rel="stylesheet" type="text/css" href="/css/nav.css">
	<link rel="stylesheet" type="text/css" href="/vendor/fancybox/jquery.fancybox.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css" />


	<!-- Owl Carousel -->
	<link rel="stylesheet" href="/vendor/owlcarousel/owl.carousel.min.css">
	<link rel="stylesheet" href="/vendor/owlcarousel/owl.theme.default.min.css">

	<!-- Slider Revolution CSS Files -->
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/settings.css">
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/layers.css">
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/navigation.css">

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>


	<!--[if lt IE 8]>
			<link href="/css/bootstrap-ie7.css" rel="stylesheet">
	<![endif]-->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

	<script src='https://www.google.com/recaptcha/api.js'></script>
	<script defer data-domain="hetbroodhuys.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=782545958518243";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>

	<div class="" style="margin-bottom:20px; margin-top:0px;">
		<section id="Home">

	<div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="pa-slide" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
		<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
		<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">


			<ul>

				
					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 02.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 08.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 19.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 20.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 06.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 21.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 18.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 16.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 15.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 24.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 25.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 23.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 10.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 09.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 17.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 12.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 14.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 13.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 01.jpg" width="130" height="40">


					</li>
				

					<!-- MINIMUM SLIDE STRUCTURE -->

					<li data-transition="fade" data-mediafilter="">

						<!-- SLIDE'S MAIN BACKGROUND IMAGE -->

						<img src="/upload/gallery/20170614031800/orig/Broodhuys intereur 2017 26.jpg" width="130" height="40">


					</li>
				
			</ul>

			<!-- ******************* -->
			<!-- BEGIN STATIC LAYERS -->
			<!-- ******************* -->
			<div class="tp-static-layers" style="width:100%; height:100%; overflow:hidden">

				<!-- BEGIN STATIC LAYER -->
				<div class="tp-static-layer tp-caption tp-resizeme largewhitebg" data-startslide="0" data-endslide="99" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
					{"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="0" data-width="100%" data-height="220"></div>
				<!-- END STATIC LAYER -->

			</div>

			<div class="tp-static-layers" style="width:100%; height:100%; overflow:hidden">

				<!-- BEGIN STATIC LAYER -->
				<div class="tp-static-layer tp-caption tp-resizeme " data-startslide="0" data-endslide="99" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
					{"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']"><img src="/images/logode.png">
				</div>

				<div class="tp-static-layer tp-caption " data-fontsize="['20', '18', '11', '12']" data-startslide="0" data-endslide="99" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 1", "to": "opacity: 1"},
				{"delay": "wait", "speed": 300, "to": "opacity: 1"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="80" data-width="['auto']" data-height="['auto']">
					<span class="addressCarousel hidden-xs text-center">Nieuwestad 99 | 8911CL Leeuwarden | Telefoon: 058-2122703 | info@hetbroodhuys.nl</span>
					<p class="addressCarousel visible-xs text-center">Nieuwestad 99 | 8911CL Leeuwarden</p>
				</div>

				<div class="tp-static-layer tp-caption " style="background-color: #1c323a; padding:15px;" data-fontsize="['20', '18', '11', '12']" data-startslide="0" data-endslide="99" data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 1", "to": "opacity: 1"},
				{"delay": "wait", "speed": 300, "to": "opacity: 1"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="220" data-width="['auto']" data-height="['auto']">
					<a href="#reserveren" target="_blank"> <span class="addressCarousel hidden-xs text-center" style="color:#fff; font-size:22px;">
							RESERVEER ONLINE
						</span></a>

				</div>


				<!--
			<div class="tp-static-layer tp-caption "


			data-startslide="0"
			data-endslide="99"

			data-frames='[{"delay": 0, "speed": 0, "from": "opacity: 0", "to": "opacity: 1"},
			{"delay": "wait", "speed": 300, "to": "opacity: 0"}]'

			data-x="center"
			data-y="center"
			data-hoffset="0"
			data-voffset="200"
			data-width="['auto']"
			data-height="['auto']"
			>			
			
			<a class="btn btn-primary" href="#kleurwedstrijd">Kleurwedstrijd</a>		

			</div>
-->

				<div class="tp-static-layer tp-caption " data-startslide="0" data-endslide="99" data-frames='[{"delay": 0, "speed": 0, "from": "opacity: 0", "to": "opacity: 1"},
			{"delay": "wait", "speed": 300, "to": "opacity: 0"}]' data-x="center" data-y="center" data-hoffset="0" data-voffset="420" data-width="['auto']" data-height="['auto']">


					<p class="pulsate hidden-xs"><a href="#homeblok"><i class="fa fa-3x fa-chevron-circle-down chevronWhite" aria-hidden="true"></i></a></p>
					<p class="pulsate visible-xs"><a href="#homeblok"><i class="fa fa-3x fa-chevron-circle-down chevronWhite" aria-hidden="true"></i></a></p>

				</div>

			</div>
			<!-- END STATIC LAYERS -->
		</div>
</section>	</div>

	<div class="container">
		<div class="row">
			<div class="col-xs-12 navc" style="margin-bottom: 20px;">
				<!--     <div class="navbar navbar-default navbar-static-top" role="navigation"> -->
<nav id="custom-bootstrap-menu" class="nav navbar navbar-fixed-top navbar-default">
	<div class="container">

		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Menu 2</span>
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			
<!-- 			Get Multiple Languages - Flags		 -->
			<div class="visible-xs visible-sm">
					
						<!-- <a style="padding-right:10px;" href="/nl/">Nederlands</a> --> <!-- tekst weergave -->
						<a style="margin-right:22px; padding-top:40px;" href="/nl/"><span><img style="margin-top:20px;" width="22px" src="/images/flags/nl.png"></span></a>
						
						<!-- <a style="padding-right:10px;" href="/de/">Duits</a> --> <!-- tekst weergave -->
						<a style="margin-right:22px; padding-top:40px;" href="/de/"><span><img style="margin-top:20px;" width="22px" src="/images/flags/de.png"></span></a>
						
						<!-- <a style="padding-right:10px;" href="/gb/">Engels</a> --> <!-- tekst weergave -->
						<a style="margin-right:22px; padding-top:40px;" href="/gb/"><span><img style="margin-top:20px;" width="22px" src="/images/flags/gb.png"></span></a>
								
				<a style="" class="navbar-brand visible-xs" href="/de/"><img class="img-responsive" style="max-width: 120px;" src="/images/logo.png"></a>	
			</div>		

		</div>
		<!-- Collect the nav links, forms, and other content for toggling -->

		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav nav"><li><a class="page-scroll" href="#Home">Home</a></li><li></li><li></li><li></li><li></li><li>										<a class="page-scroll " href="#feste">Feste</a>
										<!-- <a class="page-scroll " href="#de/feste">Feste</a> -->

										</li><li></li><li>										<a class="page-scroll " href="#schauhinein">Schau hinein</a>
										<!-- <a class="page-scroll " href="#de/schauhinein">Schau hinein</a> -->

										</li><li>										<a class="page-scroll " href="#kontact">Kontact</a>
										<!-- <a class="page-scroll " href="#de/kontact">Kontact</a> -->

										</li>
										<!-- <a style="padding-right:10px;" href="/nl/">Nederlands</a> --> <!-- tekst weergave -->
										<li class="hidden-sm hidden-xs"><a style="" href="/nl/"><span><img src="/images/flags/nl.png"></span></a> </li><!-- afb weergave -->
									
										<!-- <a style="padding-right:10px;" href="/de/">Duits</a> --> <!-- tekst weergave -->
										<li class="hidden-sm hidden-xs"><a style="" href="/de/"><span><img src="/images/flags/de.png"></span></a> </li><!-- afb weergave -->
									
										<!-- <a style="padding-right:10px;" href="/gb/">Engels</a> --> <!-- tekst weergave -->
										<li class="hidden-sm hidden-xs"><a style="" href="/gb/"><span><img src="/images/flags/gb.png"></span></a> </li><!-- afb weergave -->
									</ul>					</div><!-- /.navbar-collapse -->
				</div>
				<div class="col-xs-12 top-address text-center">Nieuwestad 99 - 8911CL <img class="hidden-sm hidden-xs"  style="padding-left:20px; padding-right:20px; max-height: 35px; margin-top:-10px;" src="/images/logo.png"> Leeuwarden - 058 2122703</div>

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


	<div class="container-fluid main3 icon-back" id="homeblok">
	<div class="container">
		<div class="row">
							<div class="col-xs-12 col-sm-4">
											<h1 class="">Willkommen</h1>
						<p class="">Das Broodhuys ist das ideale Lokal, wenn Sie Appetit auf ein k&ouml;stliches Mittagessen oder ein leckeres Getr&auml;nk im Herzen von Leeuwarden haben. Wir hei&szlig;en Sie in unseren R&auml;umen oder auf der beheizten Terrasse herzlich willkommen!<br></p>
									</div>

							<div class="col-xs-12 col-sm-4">
									</div>

							<div class="col-xs-12 col-sm-4">
											<h1 class="">Öffnungszeiten</h1>
						<p class=""><table class="table">
	<tbody>
		<tr>
			<td>Montag</td>
			<td>10:00 - 18:00</td>
		</tr>
		<tr>
			<td>Dienstag</td>
			<td>09:30 - 19:00</td>
		</tr>
		<tr>
			<td>Mittwoch</td>
			<td>09:30 - 19:00</td>
		</tr>
		<tr>
			<td>Donnerstag</td>
			<td>09:30 - 20:00</td>
		</tr>
		<tr>
			<td>Freitag&nbsp;</td>
			<td>09:30 - 20:00</td>
		</tr>
		<tr>
			<td>Samstag</td>
			<td>09:30 - 20:00</td>
		</tr>
		<tr>
			<td>Sonntag</td>
			<td>12:00 - 18:00</td>
		</tr>
	</tbody>
</table>
<br></p>
									</div>

					</div>
	</div>
</div>
				
		
        <section id="feste"  class="section-padding">
            <div class="container-fluid maincontainer icon-back">
	            <div class="container">
		            <div class="row">
			            <div class="col-xs-12">
							<div class="section-title">
								<h1 class="title">Feste<span class="candiman"></span></h1>
							</div>
			            </div>
		            </div>
				</div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <span class="border-line"></span>
                        <p class="lead subtitle-caption content">
                           Wie w&auml;r&lsquo;s, wenn Sie Ihre Feier im Broodhuys steigen lassen w&uuml;rden?&nbsp;&nbsp;In unserer Gastst&auml;tte ist Platz f&uuml;r ungef&auml;hr 200 Personen.&nbsp;&nbsp;Das Lokal steht Ihnen vollkommen gratis zur Verf&uuml;gung, wenn Sie von unserem Hauscatering Gebrauch machen. Das ist nicht nur ausgesprochen lecker, sondern auch superbequem. Selbstverst&auml;ndlich stimmen wir uns bei der Zubereitung aller Gerichte mit Ihnen ab, sodass immer f&uuml;r gen&uuml;gend Originalgerichte und Getr&auml;nke gesorgt ist.                        </p>
                    </div>
                </div><!-- title row end-->
				
				
				            </div>
        </section>
        
		
        <section id="schauhinein"  class="section-padding">
            <div class="container-fluid maincontainer icon-back">
	            <div class="container">
		            <div class="row">
			            <div class="col-xs-12">
							<div class="section-title">
								<h1 class="title">Schau hinein<span class="candiman"></span></h1>
							</div>
			            </div>
		            </div>
				</div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <span class="border-line"></span>
                        <p class="lead subtitle-caption content">
                                                   </p>
                    </div>
                </div><!-- title row end-->
				
				
				</div><div class="">

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 17.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 17.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 04.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 04.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 01.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 01.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 15.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 15.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 08.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 08.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 24.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 24.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 09.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 09.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 21.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 21.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 18.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 18.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 14.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 14.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 03.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 03.jpg"></a></div>

	<div class="col-xs-6 col-md-3 padding-0"><a data-fancybox="gallery" href="/upload/gallery/20170614031800/Broodhuys intereur 2017 12.jpg"><img class="img-responsive" src="/upload/gallery/20170614031800/thumb/Broodhuys intereur 2017 12.jpg"></a></div>
</div>
<div style="clear: both;"></div>
<div>
				            </div>
        </section>
        
		
        <section id="kontact"  class="section-padding">
            <div class="container-fluid maincontainer icon-back">
	            <div class="container">
		            <div class="row">
			            <div class="col-xs-12">
							<div class="section-title">
								<h1 class="title">Kontact<span class="candiman"></span></h1>
							</div>
			            </div>
		            </div>
				</div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <span class="border-line"></span>
                        <p class="lead subtitle-caption content">
                                                   </p>
                    </div>
                </div><!-- title row end-->
				
				
				</div><div class="container">
	<div class="row">
		
			<div class="col-xs-12 col-md-6">
								<p class="text-center"><strong>Het Broodhuys</strong><br />
<br />
Nieuwestad 99<br />
8911CL&nbsp;Leeuwarden<br />
Telefoon: 058-2122703<br />
<br />
Email: info@hetbroodhuys.nl<br />
Internet: www.hetbroodhuys.nl</p>
				<p class="visible-xs">
					<hr>
				</p>
			</div>
		
			<div class="col-xs-12 col-md-6">
								<p class="text-center"><div class="fb-page" data-adapt-container-width="true" data-hide-cover="false" data-href="https://www.facebook.com/hetbroodhuys" data-show-facepile="true" data-small-header="false">
<blockquote cite="https://www.facebook.com/hetbroodhuys" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/hetbroodhuys">Het Broodhuys</a></blockquote>
</div>
</p>
				<p class="visible-xs">
					<hr>
				</p>
			</div>
			</div>
</div>

<div class="container">
	<!-- Button trigger modal -->
	<div class="row">
		<div class="col-xs-12" style="margin:10px auto;">
			<p class="text-center">Wünschen Sie weitere Informationen oder haben Sie eine Frage? Benutzen Sie unser <button type="button" class="btn btn-sm btn-custom" data-toggle="modal" data-target="#contact_dialog">Kontaktformular</button></p>
		</div>
	</div>
</div>

<!-- the div that represents the modal dialog -->
<div class="modal fade" id="contact_dialog" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title">Kontaktformular</h4>
			</div>
			<div class="modal-body">
				<form id="contact_form" action="/pages/contactformModalPost.php" method="POST">
					<div class="form-group">
						<div class="col-sm-12" style="margin-bottom: 12px;">
							<input type="text" class="form-control required" name="name" id="name" required="" placeholder="Name">
						</div>
					</div>
					<br>
					<div class="form-group">
						<div class="col-sm-12" style="margin-bottom: 12px;">
							<input type="email" class="form-control required email" name="email" id="email" required="" placeholder="Email">
						</div>
					</div>
					<br>
					<div class="form-group">
						<div class="col-sm-12" style="margin-bottom: 12px;">
							<input type="text" class="form-control required" name="phone" id="phone" placeholder="Telefonnummer">
						</div>
					</div>
					<br>
					<div class="form-group">
						<div class="col-sm-12" style="margin-bottom: 12px;">
							<textarea class="form-control required" name="message" id="message" required="" rows="3" placeholder="Nachricht / Frage"></textarea>
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-12" style="margin-bottom: 12px;">
							<textarea class="form-control" name="spam" id="spam" rows="3" placeholder="Spam controle: Hoeveel is 3 + 8" required></textarea>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
				<button type="button" id="submitForm" class="btn btn-primary">Senden</button>
			</div>
		</div>
	</div>
</div>


<!-- 		<iframe class="col-xs-12" src="https://www.google.com/maps/embed?pb=!1m0!4v1510675540331!6m8!1m7!1sF%3A-p27GcqsN6oc%2FWP8htNU4O3I%2FAAAAAAAGJrs%2FBOtNfiI1ATgJPXRMx7yPOnA-__5B-XzsgCLIB!2m2!1d53.200931029275!2d5.7943305255907!3f198.72!4f-5.439999999999998!5f0.7820865974627469" width="" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> -->

<div id="gmap-holder">
	<iframe src="https://walkinto.in/easyembedview/byjAc7S1JQWJgjC5XB1ym" width="100%" height="450px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" scrollwheel="false">
	</iframe>
</div><div>
				            </div>
        </section>
        
		
	<div class="container vdh">
		<hr class="featurette-divider">
	</div>


	<div class="main3">
		    <div id="map"></div>
	</div>


	<!-- FOOTER -->

	<div class="container">
		<footer>
			<!--     <p class="pull-right"><a href="#">Terug naar boven</a></p> -->

			<p class="hidden-xs">&copy; 2024 Het Broodhuys - <a href="#privacy" data-toggle="modal" data-target="#privacy">Privacy statement</a> - <a class="footer" href="http://www.spinnerz.nl" target="_blank">design Spinnerz Communicatie</a></p>

			<p class="visible-xs text-center" style="font-size:13px;">&copy; 2024 Het Broodhuys<br>
				<a class="footer" href="http://www.spinnerz.nl" target="_blank">design <span class="visible-xs"><br></span>Spinnerz Communicatie</a><br><a href="#privacy" data-toggle="modal" data-target="#privacy">Privacy statement</a>
			</p>

			<a href="#"><i class="scrollup fa fa-angle-up"></i></a>


							<!-- the div that represents the modal dialog privacy statement-->
				<div class="modal fade" id="privacy" role="dialog">
					<div class="modal-dialog  modal-lg" style="margin-top: 25%;">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title">Privacy Statement</h4>
							</div>
							<div class="modal-body">
								Beste Gasten,<br />
<br />
Bedankt voor het bezoek aan onze website. U bezoekt momenteel de website van Het Broodhuys Leeuwarden.<br />
<br />
Deze website wordt beheerd door Het Broodhuys. &nbsp;Als je gebruik maakt van de website van en de producten en diensten die daarop te vinden zijn, dan laat je gegevens bij ons achter. Bovendien laat de website een aantal soorten cookies op je computer achter. Die worden gebruikt om de website beter te laten werken op jouw apparaat.<br />
<br />
Hieronder kun je lezen welke gegevens Het Broodhuys kan verzamelen, waarom we dat doen en wat we met die gegevens kunnen doen. Ook kun je lezen welke cookies we gebruiken en waarom. Dit statement gaat over onze hele website: het geldt dus voor bezoekers.<br />
<br />
Cookies<br />
Om deze website beter en sneller te laten functioneren en om deze te kunnen afstemmen op jouw voorkeuren, worden bepaalde gegevens betreffende uw gebruik van deze website verzameld. Deze informatie kan verzameld worden door gebruik te maken van zogenaamde &#39;cookies&#39;. Dit zijn kleine tekstbestanden die door de bezochte webpagina automatisch op je computer worden geplaatst. Je kunt het gebruik van &#39;cookies&#39; via de instellingen van je browser uitschakelen. Dit leidt echter tot een minder goede werking van deze website. Ook derde partijen kunnen cookies plaatsen en internetgedrag volgen, zoals bijvoorbeeld het geval is bij embedded video&#39;s van Vimeo.&nbsp;&nbsp;<br />
<br />
Hoe komen wij aan je gegevens?<br />
Als je gebruik maakt van Het Broodhuys website, dan laat je soms persoonsgegevens bij ons achter. Je laat op de volgende manieren je gegevens bij ons achter:<br />
- Invullen van een contactformulier.<br />
- Analytics gegevens (ip-adres, locatie, besturingssysteem, browser)<br />
<br />
Wat doen we met je gegevens?&nbsp;<br />
Het Broodhuys bewaart en verwerkt je gegevens met de volgende doelen:<br />
-&nbsp;Verzamelen en analyseren van statistieken ten einde de website te optimaliseren;<br />
- Het leveren van de producten en diensten die je van ons afneemt.<br />
<br />
Hoe beveiligen we je gegevens?<br />
Je gegevens worden veilig opgeslagen en verzonden. Wie niets met jouw gegevens te maken heeft, kan er simpelweg niet bij. Streeft ernaar je gegevens met de meest recente beveiligingstechnieken en versleutelingsmethoden op te slaan en te verzenden.<br />
<br />
Met wie deelt Het Broodhuys jouw gegevens?<br />
Het Broodhuys&nbsp;gaat vertrouwelijk met je persoonsgegevens om. Wij zullen nooit jouw gegevens verkopen aan andere partijen.<br />
<br />
Contact, mailing en/of reclame<br />
Mocht je toch mail of ongewenste reclame ontvangen dan kan je altijd aangeven dat je niet meer wilt dat wij contact met je opnemen. Aan het afmelden zijn nooit kosten verbonden.<br />
<br />
Jonger dan 16 jaar?<br />
Als je minderjarig bent, dus jonger dan 16 jaar, dan mag je alleen toestemming geven voor het verwerken van je persoonsgegevens met toestemming van een van je ouders of wettelijke voogd. Het is dan belangrijk dat je ouder(s) of je voogd dit statement leest. Zij kunnen ook de rechten uitoefenen die je hebt met betrekking tot de persoonsgegevens die je bij ons achterlaat, zoals het recht om je te verzetten tegen de (verdere) verwerking van je persoonsgegevens of het recht op inzage in en correctie van je gegevens.<br />
<br />
Inzicht in je gegevens?<br />
Je kunt altijd inzicht krijgen in de gegevens die over jou heeft. Je kunt hiertoe een schriftelijk verzoek indien bij Het Broodhuys. Je kunt op basis van de uitkomsten ook verzoeken om je gegevens aan te passen als die feitelijk onjuist, onvolledig of irrelevant zijn.<br />
<br />
Contactgegevens<br />
De website en de persoonsgegevens die je hier achterlaat worden beheerd door Het Broodhuys. Voor vragen en opmerkingen over dit Privacy Statement kun je altijd contact opnemen via info@hetbroodhuys.nl.&nbsp;<br />
<br />
Websites van derden<br />
Dit Privacy en Cookie Statement is niet van toepassing op websites van derden die via deze website via links kunnen worden bezocht.<br />
<br />
Wijzigingen Privacy statement<br />
Het Broodhuys&nbsp;behoudt zich het recht voor om wijzigingen aan te brengen in dit Privacy statement. Het verdient daarom aanbeveling om dit Privacy statement regelmatig na te kijken, zodat je van deze wijzigingen op de hoogte blijft. De meest actuele versie kan altijd via de website worden geraadpleegd.<br />
&nbsp;<br />
Gastvrije groet,<br />
<br />
Team Het Broodhuys							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
							</div>
						</div>
					</div>
				</div>
			
		</footer>
	</div>

	<!-- eind hoofd container -->
	<!-- JS -->

	<!-- Slider Revolution core JavaScript files -->
	<script type="text/javascript" src="/vendor/revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="/vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="/js/main.js"></script>
	<script type="text/javascript" src="/js/jquery-ui.min.js" defer></script>
	<script type="text/javascript" src="/js/jquery.ui.touch-punch.min.js" defer></script>
	<script type="text/javascript" src="/js/bootstrap.min.js"></script>

	<!-- Owl Carousel -->
	<script src="/vendor/owlcarousel/owl.carousel.min.js"></script>


	<!-- Validatie offer form -->
	<script type="text/javascript" src="/js/jquery.validate.js"></script>
	<script type="text/javascript" src="/js/additional-methods.js"></script>

	<!-- Owl Carousel examples -->
	<script type="text/javascript" src="/js/holder.js" defer></script>
	<script type="text/javascript" src="/js/jquery.appear.js"></script>
	<script type="text/javascript" src="/js/jquery.matchHeight.js"></script>
	<script type="text/javascript" src="/js/modernizr.custom.js"></script>
	<script type="text/javascript" src="/js/jquery.mask.min.js" defer></script>
	<script type="text/javascript" src="/js/scrollreveal.js"></script>
	<script type="text/javascript" src="/vendor/parallax.js-1.4.2/parallax.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js"></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAW0UkddS8kwTeQ1vuAozTBOhypC7W5J84"></script>
	<script type="text/javascript">
		// When the window has finished loading create our google map below
		google.maps.event.addDomListener(window, 'load', init);

		function init() {
			// Basic options for a simple Google Map
			var mapOptions = {
				// How zoomed in you want the map to start at (always required)
				zoom: 19,

				// The latitude and longitude to center the map (always required)
				center: new google.maps.LatLng(53.200948, 5.794341), // New York

				// How you would like to style the map.
				// This is where you would paste any style found on Snazzy Maps.
				styles: [{
					"featureType": "water",
					"elementType": "geometry",
					"stylers": [{
						"color": "#193341"
					}]
				}, {
					"featureType": "landscape",
					"elementType": "geometry",
					"stylers": [{
						"color": "#2c5a71"
					}]
				}, {
					"featureType": "road",
					"elementType": "geometry",
					"stylers": [{
						"color": "#29768a"
					}, {
						"lightness": -37
					}]
				}, {
					"featureType": "poi",
					"elementType": "geometry",
					"stylers": [{
						"color": "#406d80"
					}]
				}, {
					"featureType": "transit",
					"elementType": "geometry",
					"stylers": [{
						"color": "#406d80"
					}]
				}, {
					"elementType": "labels.text.stroke",
					"stylers": [{
						"visibility": "on"
					}, {
						"color": "#3e606f"
					}, {
						"weight": 2
					}, {
						"gamma": 0.84
					}]
				}, {
					"elementType": "labels.text.fill",
					"stylers": [{
						"color": "#ffffff"
					}]
				}, {
					"featureType": "administrative",
					"elementType": "geometry",
					"stylers": [{
						"weight": 0.6
					}, {
						"color": "#1a3541"
					}]
				}, {
					"elementType": "labels.icon",
					"stylers": [{
						"visibility": "on"
					}]
				}, {
					"featureType": "poi.park",
					"elementType": "geometry",
					"stylers": [{
						"color": "#2c5a71"
					}]
				}]
			};

			// Get the HTML DOM element that will contain your map
			// We are using a div with id="map" seen below in the <body>
			var mapElement = document.getElementById('map');

			// Create the Google Map using our element and options defined above
			var map = new google.maps.Map(mapElement, mapOptions);

			// Let's also add a marker while we're at it
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(53.200948, 5.794341),
				map: map,
				title: ''
			});
		}
	</script>

	<script>
		/* must apply only after HTML has loaded */
		$(document).ready(function() {
			$("#contact_form").on("submit", function(e) {
				var postData = $(this).serializeArray();
				var formURL = $(this).attr("action");
				$.ajax({
					url: formURL,
					type: "POST",
					data: postData,
					success: function(data, textStatus, jqXHR) {
						$('#contact_dialog .modal-header .modal-title').html("Verstuurd");
						$('#contact_dialog .modal-body').html(data);
						$("#submitForm").remove();
					},
					error: function(jqXHR, status, error) {
						console.log(status + ": " + error);
					}
				});
				e.preventDefault();
			});

			$("#submitForm").on('click', function() {
				$("#contact_form").submit();
			});
		});
	</script>

	<script>
		grecaptcha.ready(function() {
			grecaptcha.execute('6LcZbnkUAAAAAOhJKEcqSKdNxA1fciSkA4g4p0j5', {
					action: 'action_name'
				})
				.then(function(token) {
					// Verify the token on the server.
				});
		});
	</script>

	
	<!-- // Get actvive days defined in ReserverenData  -->
	
	<script>
		var unavailableDates = ['27-5-2020','28-5-2020','29-5-2020','30-5-2020','31-5-2020','15-10-2020','16-10-2020','17-10-2020','18-10-2020','19-10-2020','20-10-2020','21-10-2020','22-10-2020','23-10-2020','24-10-2020','25-10-2020','26-10-2020','27-10-2020','28-10-2020','4-11-2020','5-11-2020','6-11-2020','7-11-2020','8-11-2020','9-11-2020','10-11-2020','11-11-2020','12-11-2020','13-11-2020','14-11-2020','15-11-2020','16-11-2020','17-11-2020','18-11-2020','19-11-2020','20-11-2020','21-11-2020','22-11-2020','23-11-2020','24-11-2020','25-11-2020','26-11-2020','27-11-2020','28-11-2020','29-11-2020','30-11-2020','1-12-2020','2-12-2020','3-12-2020','4-12-2020','5-12-2020','6-12-2020','7-12-2020','8-12-2020','9-12-2020','10-12-2020','11-12-2020','12-12-2020','13-12-2020','14-12-2020','15-12-2020','16-12-2020','17-12-2020','18-12-2020','19-12-2020','20-12-2020','21-12-2020','22-12-2020','23-12-2020','24-12-2020','25-12-2020','26-12-2020','27-12-2020','28-12-2020','29-12-2020','30-12-2020','31-12-2020','1-1-2021','2-1-2021','3-1-2021','4-1-2021','5-1-2021','6-1-2021','7-1-2021','8-1-2021','9-1-2021','10-1-2021','11-1-2021','12-1-2021','13-1-2021','14-1-2021','15-1-2021','16-1-2021','17-1-2021','18-1-2021','19-1-2021','20-1-2021','21-1-2021','22-1-2021','23-1-2021','24-1-2021','25-1-2021','26-1-2021','27-1-2021','28-1-2021','29-1-2021','30-1-2021','31-1-2021','1-2-2021','2-2-2021','3-2-2021','4-2-2021','5-2-2021','6-2-2021','7-2-2021','8-2-2021','9-2-2021','10-2-2021','11-2-2021','12-2-2021','13-2-2021','14-2-2021','15-2-2021','16-2-2021','17-2-2021','18-2-2021','19-2-2021','20-2-2021','21-2-2021','22-2-2021','23-2-2021','24-2-2021','25-2-2021','26-2-2021','27-2-2021','28-2-2021','1-3-2021','2-3-2021','3-3-2021','4-3-2021','5-3-2021','6-3-2021','7-3-2021','8-3-2021','9-3-2021','10-3-2021','11-3-2021','12-3-2021','13-3-2021','14-3-2021','15-3-2021','16-3-2021','17-3-2021','18-3-2021','19-3-2021','20-3-2021','21-4-2021','22-4-2021','23-4-2021','24-4-2021','25-4-2021','26-4-2021','27-4-2021','10-10-2021','19-12-2021','20-12-2021','21-12-2021','22-12-2021','23-12-2021','24-12-2021','25-12-2021','26-12-2021','27-12-2021','28-12-2021','29-12-2021','30-12-2021','31-12-2021','1-1-2022','15-4-2022','17-4-2022','18-4-2022','27-4-2022','5-5-2022','26-5-2022','5-6-2022','6-6-2022','25-4-2022','26-4-2022','28-4-2022','29-4-2022','1-5-2022','2-5-2022','3-5-2022','4-5-2022','7-5-2022','6-5-2022','30-4-2022','27-5-2022','28-5-2022','16-10-2022','17-10-2022','18-10-2022','19-10-2022','20-10-2022','22-10-2022','23-10-2022','21-10-2022','23-12-2022','24-12-2022','25-12-2022','26-12-2022','27-12-2022','28-12-2022','29-12-2022','30-12-2022','31-12-2022','1-1-2023','2-1-2023','3-1-2023','7-1-2023','6-1-2023','5-1-2023','4-1-2023','8-1-2023','27-4-2023','5-5-2023','25-2-2023','26-2-2023','27-2-2023','28-2-2023','1-3-2023','2-3-2023','3-3-2023','4-3-2023','5-3-2023','1-5-2023','2-5-2023','3-5-2023','4-5-2023','6-5-2023','7-5-2023','28-4-2023','29-4-2023','8-4-2023','9-4-2023','10-4-2023','7-4-2023','18-5-2023','19-5-2023','20-5-2023','28-5-2023','27-5-2023','26-5-2023','21-4-2023','22-4-2023','26-4-2023','25-4-2023','24-4-2023','23-4-2023','30-4-2023','20-10-2023','21-10-2023','29-10-2023','28-10-2023','27-10-2023','26-10-2023','25-10-2023','24-10-2023','23-10-2023','22-10-2023','7-1-2024','6-1-2024','5-1-2024','4-1-2024','1-1-2024','2-1-2024','3-1-2024','23-12-2023','24-12-2023','25-12-2023','26-12-2023','27-12-2023','28-12-2023','29-12-2023','30-12-2023','31-12-2023','12-11-2022','14-5-2023','21-5-2023','4-6-2023','11-6-2023','18-6-2023','25-6-2023','17-2-2024','18-2-2024','19-2-2024','20-2-2024','21-2-2024','22-2-2024','23-2-2024','24-2-2024','25-2-2024','27-4-2024','26-4-2024','28-4-2024','29-4-2024','30-4-2024','4-5-2024','5-5-2024','3-5-2024','1-5-2024','2-5-2024','26-10-2024','27-10-2024','28-10-2024','29-10-2024','30-10-2024','31-10-2024','1-11-2024','2-11-2024','3-11-2024','29-3-2024','30-3-2024','31-3-2024','9-5-2024','19-5-2024','21-12-2024','31-12-2024','28-12-2024','27-12-2024','26-12-2024','25-12-2024','24-12-2024','23-12-2024','22-12-2024','29-12-2024','30-12-2024','1-1-2025','2-1-2025','3-1-2025','4-1-2025','5-1-2025','1-4-2024','6-5-2024','8-5-2024','7-5-2024','10-5-2024','11-5-2024','12-5-2024','20-5-2024','22-7-2024','23-7-2024','24-7-2024','25-7-2024','29-7-2024','30-7-2024','31-7-2024','1-8-2024','5-8-2024','6-8-2024','7-8-2024','8-8-2024','12-8-2024','13-8-2024','14-8-2024','15-8-2024','19-8-2024','20-8-2024','21-8-2024','22-8-2024','26-8-2024','27-8-2024','28-8-2024','29-8-2024','1-9-2024'];

		function disabledays(date) {
			var dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
			if ($.inArray(dmy, unavailableDates) >= 0) {
				return [false, "", "Unavailable"];
			} else {
				// Show only days defined in activeDays
				let daysArray = ["1","2","3","4"].map(Number);
				let day = date.getDay(); // Get day of the week (0 for Sunday, 1 for Monday, ..., 6 for Saturday)
				let condition = daysArray.includes(day);
				return [condition];
			}
		}
	</script>

</body>

</html>