<?php
// This file outputs a placeholder HTML page for when no redirects are found

// Set the content type header to tell the browser it's an HTML page
header('Content-Type: text/html; charset=UTF-8');
?>

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hosting.NL - Domeinnaam geregistreerd</title>
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="robots" content="noindex,nofollow">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Assistant:wght@700&family=Caveat:wght@600&family=DM+Serif+Display&family=Roboto&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link href="https://fonts.googleapis.com/css2?family=Assistant:wght@700&family=Caveat:wght@600&family=DM+Serif+Display&family=Roboto&display=swap" rel="stylesheet" type="text/css" />
    </noscript>
    <link rel="stylesheet" type="text/css" href="https://sqr.nl/css/main.css">
</head>
<body>

    <!-- Logo -->
    <img class="logo" src="https://sqr.nl/img/hostingnl-default-logo.svg" alt="logo" width="241" height="49">

    <!-- Navigation -->
    <nav>
        <ul>
            <li><a href="https://hosting.nl/support"><img src="https://sqr.nl/img/book.svg" alt="Handleidingen" width="19" height="25">Handleidingen</a></li>
            <li><a href="https://mijn.hosting.nl"><img src="https://sqr.nl/img/user.svg" alt="Inloggen" width="20" height="25">Inloggen</a></li>
        </ul>
    </nav>

    <!-- Title -->
    <div class="main-title">
        <div class="personal-message">Gereserveerd!</div>
        <h1><span id="websiteName">Domeinnaam.nl</span><br>is geregistreerd door<br> een klant van Hosting.NL</h1>
    </div>

    <!-- Domainchecker -->
    <form class="domainchecker" id="domainchecker" method="get" action="https://hosting.nl/domainchecker/">
        <input type="text" id="naam" name="domain" placeholder="Zoek een andere domeinnaam…" required autofocus>
        <input type="submit" value="Check Domeinnaam">
    </form>

    <!-- Illustrations -->
    <div class="illustrations">
        <!-- left illustrations -->
        <img class="wolk-links" src="https://sqr.nl/img/i-cloud.svg" alt="Wolk links" width="95" height="34">
        <img class="ballon-links-1" src="https://sqr.nl/img/i-balloon-red.svg" alt="Ballon 1 links" width="31" height="91">
        <img class="ballon-links-2" src="https://sqr.nl/img/i-balloon-blue.svg" alt="Ballon 2 links" width="64" height="97">
        <img class="huis-links" src="https://sqr.nl/img/i-house-left.svg" alt="Huis links" width="409" height="395">
        <!-- center illustration -->
        <img class="dude" src="https://sqr.nl/img/i-dude.svg" alt="Happy klant" width="449" height="410">
        <!-- right illustrations -->
        <img class="ballon-rechts-1" src="https://sqr.nl/img/i-balloon-blue-dark.svg" alt="Ballon 1 rechts" width="86" height="118">
        <img class="wolk-rechts" src="https://sqr.nl/img/i-cloud.svg" alt="Wolk rechts" width="95" height="34">
        <img class="huis-rechts" src="https://sqr.nl/img/i-house-right.svg" alt="Huis rechts" width="356" height="404">
    </div>

    <!-- Footer -->
    <footer>&nbsp;</footer>

    <!-- Script -->
    <script>
        // Title URL
        window.addEventListener('DOMContentLoaded', (event) => {
            var currentURL = window.location.href;
            var urlWithoutProtocol = currentURL.replace(/^(https?:\/\/)?(www\.)?/i, '');
            var domainName = urlWithoutProtocol.split('/')[0];
            document.getElementById('websiteName').innerText = domainName;
        });
    </script>
</body>
</html>
