From 2db1dd640d7be0d946688229377d64888e9fb6c0 Mon Sep 17 00:00:00 2001
From: Jorge Vargas <jorgev259@outlook.es>
Date: Tue, 11 Feb 2025 00:33:36 -0600
Subject: [PATCH] Add Play Asia footer

---
 src/components/Footer.astro | 48 +++++++++++++++++++++++++++++++++++++
 src/layouts/base.astro      |  3 ++-
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Footer.astro

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..b31ba01
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,48 @@
+---
+const { permissions } = Astro.locals
+const show = !permissions.includes('SKIP_ADS')
+---
+
+{ show ? (
+  <>
+    <footer class='bg-dark p-2'>
+      <iframe
+        id='id01_62693'
+        title='id01_62693'
+        src='https://www.play-asia.com/38/190%2C000000%2Cnone%2C0%2C0%2C0%2C0%2CFFFFFF%2C000000%2Cleft%2C0%2C0-391-76a-707gw6-062-782i-29466-901vq93-33iframe_banner-401-4450'
+        style={{
+          borderStyle: 'none',
+          borderWidth: 0,
+          borderColor: '#FFFFFF',
+          padding: 0,
+          height: '220px',
+          width: '100%'
+        }}
+        scrolling='no'></iframe>
+    </footer>
+
+    <script>
+      document.addEventListener('astro:before-preparation', () => {
+        //@ts-ignore
+        window.tyche = {
+          mode: 'tyche',
+          config: '//config.playwire.com/1023181/v2/websites/71145/banner.json'
+        }
+      })
+
+      document.addEventListener('astro:after-preparation', () => {
+        let t = ''
+        t += window.location
+        t = t
+          .replace(/#.*$/g, '')
+          .replace(/^.*:\/*/i, '')
+          .replace(/\./g, '[dot]')
+          .replace(/\//g, '[obs]')
+          .replace(/-/g, '[dash]')
+        t = encodeURIComponent(encodeURIComponent(t))
+
+        document.querySelector('#id01_62693')?.setAttribute('src', t)
+      })
+    </script>
+  </>
+) : null}
\ No newline at end of file
diff --git a/src/layouts/base.astro b/src/layouts/base.astro
index e681da0..ba3cef5 100644
--- a/src/layouts/base.astro
+++ b/src/layouts/base.astro
@@ -3,6 +3,7 @@ import { Toaster } from 'react-hot-toast'
 
 import { languageTag } from '../paraglide/runtime'
 import Header from 'components/Header.astro'
+import Footer from 'components/Footer.astro'
 
 import 'styles/global.css'
 ---
@@ -29,6 +30,6 @@ import 'styles/global.css'
       <Toaster client:only='react' toastOptions={{ duration: 6000 }} />
       <slot />
     </main>
-    <footer class='bg-soc-green'>This is the footer</footer>
+    <Footer />
   </body>
 </html>