

<!-- 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=G-WE26P5RN31"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

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

        gtag('config', 'G-WE26P5RN31');
    </script>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>DC WIJNEN</title>

    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <link rel="manifest" href="site.webmanifest" />
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
    <link rel="shortcut icon" href="favicon.ico" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-config" content="browserconfig.xml" />
    <meta name="theme-color" content="#ffffff" />

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="/css/main.min.css">

    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet" />
    <link href="/dflip/css/dflip.css" rel="stylesheet" type="text/css" />
    <link href="/dflip/css/themify-icons.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
    <script defer data-domain="dcwijnen.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>

<body>
    <!-- Form element type of grape (color) search 1 -->
    <div class="container" style="padding-top:50px;">
        <div class="row justify-content-center mt-5 mb-5">
            <div class="col">
                <center><a href="/index.php"><img class="img-fluid" alt="dc wijnen boomsma" src="/images/dc.svg" /></a></center>
            </div>
        </div>

        <!-- navbar -->
        <nav class="navbar fixed-top navbar-expand-md navbar-light bg-white pt-3 ">
            <div class="container">
                <!-- <a class="navbar-brand" href="#">Fixed top</a> -->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <ul class="list-group list-group-horizontal d-block d-md-none ">
                    <a class="mr-3 px-2" href=" https://www.facebook.com/groups/DCwijnen" target="_blank"><i class="facebookBlue fab fa-2x fa-facebook"></i></a>
                    <a class="ml-3 px-2" href="https://www.youtube.com/channel/UCU_YWoB081k93FNq2htRugA?view_as=subscriber" target="_blank"><i class="youtubeRed fab fa-2x fa-youtube"></i></a>

                </ul>

                <div class="collapse navbar-collapse " id="navbarSupportedContent">

                    <ul class="navbar-nav me-auto mb-2 mb-lg-0  me-5 ">
                        <li class="nav-item"><a href="/index.php" class=" nav-link">Home</a></li>
                        

                                    <!-- Add subpages to dropdown for the products tab -->
                                                                            <li class="nav-item"><a href="/Contact" class=" nav-link"> Contact</a></li>
                                                                                    <li class="d-none d-md-block nav-item"><a href="https://www.facebook.com/groups/DCwijnen" target="_blank" class=" nav-link"><i class="facebookBlue fab fa-facebook fa-lg"></i></a></li>
                        <li class="d-none d-md-block nav-item"><a href="https://www.youtube.com/channel/UCU_YWoB081k93FNq2htRugA?view_as=subscriber" target="_blank" class=" nav-link"><i class="youtubeRed fab fa-youtube fa-lg"></i></a></li>


                    </ul>
                    <ul class="nav">
                        <li class="nav-item me-2"><a href="https://b2b-boomsma.dinonline.nl/" target="_blank" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bestel online</a></li>
                        <li class="nav-item me-2"><a href="/Receptenfolders" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bekijk de receptenfolders</a></li>
                    </ul>
                </div>
        </nav>
        <! -- End nav bar -->

            <div class="div d-block d-md-none mb-3">
                <div class="row">
                    <div class="col text-center">
                        <a href="https://b2b-boomsma.dinonline.nl/" class="mb-2 nav-link btn btn-sm btn-primary" target="_blank" style="color:#fff;">Bestel online</a>
                        <a href="/Receptenfolders" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bekijk de receptenfolders</a>
                    </div>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-12 main p-3">
                    <form method="post" id="searchelements" action="/index.php">
                        <div class="row">
                            <div class="col">
                                <label class="mb-2 searchc" for="">Zoek wijn op type</label>
                                <select class="form-control" name="kleur" id="kleur" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>


                                        <option " value="DESSERT">Dessert                                        </option>
                                    
                                        <option " value="Mousseux">Mousseux                                        </option>
                                    
                                        <option " value="ROOD">Rood                                        </option>
                                    
                                        <option " value="ROSÉ">Rosé                                        </option>
                                    
                                        <option " value="WIT">Wit                                        </option>
                                    
                                </select>
                            </div>

                            <!-- Form element year search 2 -->
                            <div class="col-sm-12 col-md-4">
                                <label class="mb-2 searchc" for="land">Zoek wijn op land</label>
                                <select class="form-control" name="land" id="land" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>
                                    
                                        <option " value="Argentinië">Argentinië                                        </option>
                                    
                                        <option " value="Californië">Californië                                        </option>
                                    
                                        <option " value="Chili">Chili                                        </option>
                                    
                                        <option " value="Duitsland">Duitsland                                        </option>
                                    
                                        <option " value="Frankrijk">Frankrijk                                        </option>
                                    
                                        <option " value="Italië">Italië                                        </option>
                                    
                                        <option " value="Nieuw-Zeeland">Nieuw-Zeeland                                        </option>
                                    
                                        <option " value="Oostenrijk">Oostenrijk                                        </option>
                                    
                                        <option " value="Portugal">Portugal                                        </option>
                                    
                                        <option " value="Spanje">Spanje                                        </option>
                                    
                                        <option " value="Zuid-Afrika">Zuid-Afrika                                        </option>
                                    
                                </select>
                            </div>

                            <!-- Form element wijnhuis search 3 -->
                            <div class="col">

                                <label class="mb-2 searchc" for="wijnhuis">Zoek wijn op wijnhuis</label>
                                <select class="form-control" name="wijnhuis" id="wijnhuis" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>
                                    
                                        <option " value="Atmosphère">Atmosphère                                        </option>
                                    
                                        <option " value="Barahonda">Barahonda                                        </option>
                                    
                                        <option " value="Bodega Pirineos">Bodega Pirineos                                        </option>
                                    
                                        <option " value="Bodegas Lopez">Bodegas Lopez                                        </option>
                                    
                                        <option " value="Bodegas Piedemonte">Bodegas Piedemonte                                        </option>
                                    
                                        <option " value="Buena Vista Winery">Buena Vista Winery                                        </option>
                                    
                                        <option " value="Cantina Teanum">Cantina Teanum                                        </option>
                                    
                                        <option " value="Carlos Serres">Carlos Serres                                        </option>
                                    
                                        <option " value="Champagne Monmarthe">Champagne Monmarthe                                        </option>
                                    
                                        <option " value="Domaine Lafage">Domaine Lafage                                        </option>
                                    
                                        <option " value="Domaines Chainier">Domaines Chainier                                        </option>
                                    
                                        <option " value="Duché Longueville">Duché Longueville                                        </option>
                                    
                                        <option " value="Écusson Cidre bio">Écusson Cidre bio                                        </option>
                                    
                                        <option " value="Excelsior">Excelsior                                        </option>
                                    
                                        <option " value="Greyrock">Greyrock                                        </option>
                                    
                                        <option " value="Klein Friesland">Klein Friesland                                        </option>
                                    
                                        <option " value="Klostor">Klostor                                        </option>
                                    
                                        <option " value="Krohn">Krohn                                        </option>
                                    
                                        <option " value="Le Haut Païs">Le Haut Païs                                        </option>
                                    
                                        <option " value="Le Preare  ">Le Preare                                          </option>
                                    
                                        <option " value="les Gîtes ">les Gîtes                                         </option>
                                    
                                        <option " value="Maison Bouachon">Maison Bouachon                                        </option>
                                    
                                        <option " value="Maison Robert Vic">Maison Robert Vic                                        </option>
                                    
                                        <option " value="Ménard">Ménard                                        </option>
                                    
                                        <option " value="Montalvo Wilmot ">Montalvo Wilmot                                         </option>
                                    
                                        <option " value="Musti Nobilis">Musti Nobilis                                        </option>
                                    
                                        <option " value="Norabuena">Norabuena                                        </option>
                                    
                                        <option " value="Palazzi">Palazzi                                        </option>
                                    
                                        <option " value="Pruviniano">Pruviniano                                        </option>
                                    
                                        <option " value="Quinta do Côtto">Quinta do Côtto                                        </option>
                                    
                                        <option " value="Ropiteau frères">Ropiteau frères                                        </option>
                                    
                                        <option " value="Sabino">Sabino                                        </option>
                                    
                                        <option " value="Teanum">Teanum                                        </option>
                                    
                                        <option " value="Tenuta San Giorgio">Tenuta San Giorgio                                        </option>
                                    
                                        <option " value="Urbanihof">Urbanihof                                        </option>
                                    
                                        <option " value="Varvaglione">Varvaglione                                        </option>
                                    
                                        <option " value="Vega Real">Vega Real                                        </option>
                                    
                                        <option " value="Vignobles Ferret">Vignobles Ferret                                        </option>
                                    
                                        <option " value="Viña Aromo">Viña Aromo                                        </option>
                                    
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="d-grid gap-2 d-md-block mt-3">
                                    <a class="btn btn-primary" href="/index.php">Reset zoekresultaten</a>
                                    <a href="#" class="btn btn-primary" onclick="myFunction()">Geavanceerd zoeken</a></span>
                                    </p>
                                </div>

                            </div>
                        </div>
                    </form>
                    <form method="post" id="expertsearch" style="display:none;" action="/index.php">
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="expert" required id="expert" placeholder="Voer uw zoekterm in">
                            <button type="submit" class="btn btn-primary">Zoeken</button>

                        </div>


                        <div class="d-grid d-md-block mt-3">
                            <a href="#" class="btn btn-primary d-md-block" onclick="myFunction()">Éénvoudig zoeken</a>
                        </div>
                    </form>
                </div>

                <div class="col main mt-3">
                    <p class="text-center pt-3">Voor extra informatie of het plaatsen van een bestelling, kunt u contact opnemen met 058-2135135 of mailen naar receptie@boomsma.frl.
                    </p>
                </div>
            </div>


                                <div class="container">
                        <div class="row row cols-2 p-4 wineOverview">

                            <div class=" col-md-12 col-lg-8 mb-5">
                                <div class="row">
                                    <div class="col-5 col-md-4 mt-3">
                                        <img src="/wijnflessen/Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram.png" class="img-fluid bottle pr-5 pl-5" style="padding-right:45px;" alt="Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram">
                                    </div>
                                    <div class="col-7 col-md-8">
                                        <p class="soloWineName pt-5 pb-5">Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram</p>

                                        <!-- Tabs Wine Information -->
                                        <ul class="nav nav-tabs mt-5">
                                            <li class="nav-item">
                                                <a class="nav-link active text-uppercase" data-bs-toggle="tab" data-bs-target="#wijngaard">Wijngaard & kelder</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link text-uppercase" data-bs-toggle="tab" data-bs-target="#serveren">serveren & proeven</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link text-uppercase" data-bs-toggle="tab" data-bs-target="#achtergrond">ACHTERGROND</a>
                                            </li>
                                        </ul>

                                        <div class="tab-content section-text" id="tabcontent" style="padding-top:34px;">
                                            <div class="tab-pane fade show active" id="wijngaard" role="tabpanel" aria-labelledby="latinname-tab">
                                                <p><strong>Druivensoorten:</strong> blauer zweigelt</p>
                                                                                                    <p><strong>Organic met certificaat:</strong> AB Agriculture Biologic</p>
                                                                                                                                            </div>

                                            <div class="tab-pane fade" id="serveren" role="tabpanel" aria-labelledby="vineyard-tab">
                                                                                                    <p><strong>Proefnotities:</strong> Een rijke rode en sappige wijn. Lichtkruidig maar ook fris met milde zuren en ronde tannine. </p>
                                                                                                                                                    <p><strong>Serveersuggesties:</strong> Past prima bij harde kaassoorten, lichte hoofdgerechten en een perfecte wijn voor elke gelegenheid. </p>
                                                                                                                                                    <p><strong>Serveer temperatuur:</strong> 16-18° C.</p>
                                                                                            </div>
                                            <div class="tab-pane fade" id="achtergrond" role="tabpanel" aria-labelledby="background-tab">
                                                                                                    <p><strong>Gebied:</strong> Niederösterreich</p>
                                                                                                                                                    <p><strong>Streek:</strong> Wagram is een regio binnen het wijngebied Niederöstereich. Het ligt langs de Donau en de invloed hiervan is duidelijk merkbaar. De bodem bevat veel löss en heeft daardoor een goede drainage en uitermate goed geschikt voor aanplant van druivenstokken.</p>
                                                                                                                                                    <p><strong>Over het wijnhuis:</strong> Ondanks de lange familie traditie is het Weingut Urbanihof jong, modern en springlevend. Sonja en Franz Paschinger, de huidige eigenaren, besteden veel aandacht aan hun familie erfgoed. Zij proberen op een natuurlijke manier de wijngaard te beheren door het volume per hectare te beperken, uitsluitend natuurlijke mest te gebruiken en tussen oktober en mei geen mechanische bewerking in de bodem te doen. Doordat ze zich continu op verbetering van kwaliteit richten, bevinden ze zich in de top van de Wagram Winzer. Sinds de oogst van 2016 is dit beloond en zijn zij volledig BIO gecertificeerd.</p>
                                                                                                                                                    <p><strong>Bijzonderheden/opmerkingen:</strong> De Blauer Zweigelt is een eigen Oostenrijkse kruising tussen de Sankt Laurent en Blaufränkisch.</p>
                                                                                            </div>
                                        </div>
                                        <!-- end tabs -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4">
                                <div class="row">
                                    <div class="col-12 col-md-6 col-lg-12">
                                        <p><strong>Downloads</strong></p>
                                                                                <p><a href="/wijnflessen/jpg/Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram.jpg" download="Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram-HR" class="pb-4">download drukwerkafbeelding (hoge resolutie)</a></p>
                                        <p><a href="/wijnflessen/Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram.png" download="Weingut Urbanihof 'Classic' zweigelt Qualitätswein Wagram-LR" class=" pb-4">download internetafbeelding (lage resolutie)</a></p>
                                        <p><a href="/test.php?id=510203" class="pb-4">download PDF document met specificaties</a></p>
                                    </div>
                                    <div class=" col-12 col-md-6 col-lg-12">
                                        <hr>
                                        <p><strong>Producteigenschappen</strong></p>
                                        <p><strong>Land: </strong>Oostenrijk</p>
                                        <p><strong>Gebied: </strong>Niederösterreich</p>
                                        <p><strong>Type wijn: </strong>Rood</p>
                                        <p><strong>Jaargang: </strong>2019</p>
                                        <p><strong>Artikelnummer: </strong>510203</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                

                <div class="container">
                    <div class="row">
                        <div class="col text-center mt-5 mb-3 main">
                            <div class="row">
                                <div class="col-lg-4 offset-lg-3">
                                    D&C is onderdeel van: Boomsma Distilleerderij / Wijnkoperij B.V.
                                    <br>Edisonstraat 4-6 8912 AW Leeuwarden
                                    <br>Telefoon: 058 2135135 info@boomsma.frl www.dcwijnen.nl
                                </div>
                                <div class="col-lg-2">
                                    <img class="img-fluid" style="max-height:70px;" src="/images/logo-red.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <script>
                    function myFunction() {
                        var x = document.getElementById("searchelements");
                        var y = document.getElementById("expertsearch");
                        if (x.style.display === "none") {
                            x.style.display = "block";
                            y.style.display = "none";
                        } else {
                            x.style.display = "none";
                            y.style.display = "block";

                        }
                    }
                </script>

                <script src="/dflip/js/dflip.js" type="text/javascript"></script>

                <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

                <!-- jQuery 1.9.1 or above -->
                <script src="/dflip/js/libs/jquery.min.js" type="text/javascript"></script>

                <!-- Flipbook main Js file -->
                <script src="/dflip/js/dflip.min.js" type="text/javascript"></script>

                <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>

</body>

</html>