

<!-- 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/Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet.png" class="img-fluid bottle pr-5 pl-5" style="padding-right:45px;" alt="Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet">
                                    </div>
                                    <div class="col-7 col-md-8">
                                        <p class="soloWineName pt-5 pb-5">Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet</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> cabernet en sangiovese</p>
                                                                                                                                            </div>

                                            <div class="tab-pane fade" id="serveren" role="tabpanel" aria-labelledby="vineyard-tab">
                                                                                                    <p><strong>Proefnotities:</strong> Helder rode kleur in combinatie met een rijke geur van bessen en een beetje kruiden. In de smaak ondersteund met rijp fruit, milde zuren en een vriendelijk karakter.</p>
                                                                                                                                                    <p><strong>Serveersuggesties:</strong> Lekker bij harde kazen, diverse  gebakken en gegrilde vleesgerechten, stoofschotels en als afsluiting van de avond.     </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> Apulië</p>
                                                                                                                                                    <p><strong>Streek:</strong> Puglia is het Zuid-Italiaanse wijngebied en vormt de 'hak van de Italiaanse laars'. Dit gebied staat onder invloed van de Adriatische Zee. Het is een vruchtbare streek, maar het is er ook warm en droog.</p>
                                                                                                                                                    <p><strong>Over het wijnhuis:</strong> Uit de naam Teanum proef je al de invloed van de oude Romeinen. Echter is het een uiterst modern wijnbedrijf in het Zuid-Italiaanse Apulië dat met behulp van de modernste technologie maar ook ouderwets vakmanschap wijnen maakt die aansluiten bij de huidige wijnconsument. Oude wijngaarden met hun authentieke locale druivensoorten zijn in ere hersteld.</p>
                                                                                                                                                    <p><strong>Bijzonderheden/opmerkingen:</strong> ‘Castelli di Severino’ is afgeleid van de oorspronkelijke naam voor San Severo: ‘Castellum Sancti Severini’. In 1627 werd de stad getroffen door een zware aardbeving die de gehele stad verwoest heeft. De wederopbouw heeft prachtige barokke bouwwerken opgeleverd waar men nu nog mee kan pronken.
</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/Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet.jpg" download="Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet-HR" class="pb-4">download drukwerkafbeelding (hoge resolutie)</a></p>
                                        <p><a href="/wijnflessen/Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet.png" download="Cantine Teanum 'Castelli di Severino' IGP Puglia rosso sangiovese cabernet-LR" class=" pb-4">download internetafbeelding (lage resolutie)</a></p>
                                        <p><a href="/test.php?id=432214" 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>Italië</p>
                                        <p><strong>Gebied: </strong>Apulië</p>
                                        <p><strong>Type wijn: </strong>Rood</p>
                                        <p><strong>Jaargang: </strong>2021</p>
                                        <p><strong>Artikelnummer: </strong>432214</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>