<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-16">
		<link rel="stylesheet" type="text/css" href="css/core.css">
		<script src="js/core.js"></script>
		<title>daddyhd</title>
	</head>
	<body class="background-gradient">

		<div class="iframe-box">
			<iframe></iframe>
		</div>

		<div class="workarea-daddyhd">
			<button option>1</button>
			<button option>2</button>
			<button option>3</button>
			<button option>4</button>
			<button option>5</button>
			<button option>6</button>
			<hr>
			<button stream="51">ABC USA</button>
			<button stream="52">CBS USA</button>
			<button stream="53">NBC USA</button>
			<button stream="54">FOX USA</button>
			<button stream="315">E! Entertainment</button>
			<button stream="339">Cartoon Network</button>
			<button stream="343">USA Network</button>
			<button stream="350">ITV 1 UK</button>
			<button stream="356">BBC One UK</button>
			<button stream="602">CTV Canada</button>
			<button custom="https://modistreams.org/embed/olympics%2F2026-02-19%2Ffigure-skating%2Fnbc-womens-free-skate">Custom</button>
			<br>
			<button class="button-fullscreen" onclick="toggleFullscreen(document.querySelector('iframe'));">Fullscreen</button>
		</div>

		<!-- daddyhd.com -->

		<style>
			.workarea-daddyhd {
				display: block;
				width: 75vw;
				margin: 24px auto;
				text-align: center;
			}
			.button-fullscreen {
				width: 150px;
				height: 50px;
				margin: 24px auto;
			}

			iframe {
				width: 100%;
				height: 100%;
				resize: both;
				overflow: auto;
				box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
			}
			.iframe-box {
				display: block;
				width: 98vw;
				height: 98vh;
				margin: 0 auto;
				text-align: center;
				resize: both;
				overflow: hidden;
				border: 2px solid var(--borderColor);
				--borderColor: #c0c0c0;
			}

			button.active {
				background: #d0d0d0;
			}

			@media (prefers-color-scheme: dark) {
				.iframe-box { --borderColor: #686868; }
				button.active { background: #808080; }
			}
		</style>

		<script type="text/javascript">
			const player = document.querySelector('iframe');
			const buttonsStream = document.querySelectorAll('button[stream]'), buttonsCustom = document.querySelectorAll('button[custom]'), buttonsOption = document.querySelectorAll('button[option]');
			const options = ["", "stream", "cast", "watch", "plus", "casting", "player"];
			var streamCurrent;

			player.src = "#"; // are you insane?
			player.removeAttribute("src");

			for (const button of buttonsStream) {
				button.addEventListener('click', function(event) {
					streamCurrent = event.target.getAttribute("stream");
					buttonsOption[0].click();
					for (const b of [...buttonsStream, ...buttonsCustom]) b.classList.remove('active');
					this.classList.add('active');
				});
			}
			for (const button of buttonsOption) {
				button.addEventListener('click', function(event) {
					if (streamCurrent) {
						player.src = `https://dlhd.link/${options[event.target.innerHTML]}/stream-${streamCurrent}.php`;
						for (const b of buttonsOption) b.classList.remove('active');
						this.classList.add('active');
					}
				});
			}
			for (const button of buttonsCustom) {
				button.addEventListener('click', function(event) {
					player.src = button.getAttribute("custom");
					for (const b of [...buttonsStream, ...buttonsCustom, ...buttonsOption]) b.classList.remove('active');
					this.classList.add('active');
				});
			}
		</script>

	</body>
</html>