<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8" />
      <meta name="description" content="" />
      <link rel="icon" type="image/png" href="<?php echo base_url();?>files/assets/images/favicon.png" sizes="16x16">
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta http-equiv="content-security-policy" content="">
      <link rel="stylesheet" href="<?=base_url()?>files/_app/assets/pages/index.svelte-bba79733.css">
      <link rel="modulepreload" href="<?=base_url()?>files/_app/start-f9a102fc.js">
      <link rel="modulepreload" href="<?=base_url()?>files/_app/chunks/vendor-099cc1ff.js">
      <link rel="modulepreload" href="<?=base_url()?>files/_app/layout.svelte-0239f3b0.js">
      <link rel="modulepreload" href="<?=base_url()?>files/_app/pages/index.svelte-94149d4f.js">
      <title><?php echo $title; ?></title>
      <style type="text/css">
         .header__title
         {
            font-size: 22px !important;
            font-weight: bold;
         }
         .results__button.svelte-2uoird {
            background-color: #2285C7;
            width: 100%;
            text-align: center;
            margin-top: 70px;
         }
         .results__button.svelte-2uoird  span{
            width: 100%;
            font-size: 20px;
         }
         .results__button.svelte-2uoird:hover {
           background-color: #2285C7;
         }
         .results__button-container.svelte-2uoird a {
            color: #000;
            height: 250px;
         }
      </style>
   </head>
   <body style="display: grid;align-content: center;height: 100vh;">
      <div style="width: 100%;max-width: 500px;margin: auto;text-align: left;padding: 0px 18px;">
         <a href="<?=base_url()?>myqr"><img src="<?=base_url()?>files/assets/images/icon/back.png"></a>
      </div>
      
      <input type="hidden" value="<?php echo $guest_detail['qr_token']; ?>" id="get_qr_token">
      <input type="hidden" value="<?=base_url()?>" id="get_base_url">
      
      <div>
         <header class="svelte-11a89w0">
            <div class="header__text-container svelte-11a89w0">
               <div class="header__title svelte-11a89w0">Scan your QR code</div>
            </div>
         </header>
         <main>
            <div class="scanner  svelte-1jvnekp">
               <div class="scanner__aspect-ratio-container svelte-1jvnekp">
                  <canvas class="scanner__canvas svelte-1jvnekp"></canvas>
                  <video class="scanner__video svelte-1jvnekp"></video>
                  <div>
                     <div class="scanner-border scanner-border--top-left svelte-5ppqz9"></div>
                     <div class="scanner-border scanner-border--top-right svelte-5ppqz9"></div>
                     <div class="scanner-border scanner-border--bottom-left svelte-5ppqz9"></div>
                     <div class="scanner-border scanner-border--bottom-right svelte-5ppqz9"></div>
                  </div>
               </div>
            </div>

            <div class="results svelte-2uoird">
               <div class="results__button-container svelte-2uoird">
                  <button type="button" class="results__button svelte-2uoird"><span>New Scan</span></button>
               </div>

            </div>

         </main>

         <script src="<?php echo base_url();?>files/assets/js/lib/jquery-3.6.0.min.js"></script>

         <script type="module" data-hydrate="65rho7">
            import { start } from "./files/_app/start-f9a102fc.js";
            start({
            	target: document.querySelector('[data-hydrate="65rho7"]').parentNode,
            	paths: {"base":"/files/_app","assets":"/files/_app"},
            	session: {},
            	route: true,
            	spa: false,
            	trailing_slash: "never",
            	hydrate: {
            		status: 200,
            		error: null,
            		nodes: [
            			import("./files/_app/layout.svelte-0239f3b0.js"),
            			import("./files/_app/pages/index.svelte-94149d4f.js")
            		],
                  url: new URL("https://splashmania.makeablmoments.com"),
            		params: {}
            	}
            });

            function hardik(argument) {
               console.log(argument);
            }
         </script>
      </div>
   </body>
</html>