Viewing file:  7e8f0d51ae33d2300e4cc70aaafb91a0.php (31.19 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" as="image" href="<?php echo e(asset('image/integration.svg')); ?>">
<link rel="preload" as="image" href="<?php echo e(asset('image/billing.svg')); ?>">
<link rel="preload" as="image" href="<?php echo e(asset('image/secure.svg')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('css/a908a227fb3cc0b6.css')); ?>">
<link rel="preload" as="image" href="<?php echo e(asset('image/support.svg')); ?>">
<link rel="stylesheet" href="_next/static/css/a908a227fb3cc0b6.css" data-precedence="next">
<link rel="preload" as="script" fetchpriority="low" href="_next/static/chunks/webpack-265bc752b349d040.js">
<script src="_next/static/chunks/fd9d1056-82fc2a82826c61b9.js" async=""></script>
<script src="_next/static/chunks/23-1b68e5aa48aa08f3.js" async=""></script>
<script src="_next/static/chunks/main-app-f73cdb3bce740b12.js" async=""></script>
<script src="_next/static/chunks/0e5ce63c-fbd6c160855e6dc9.js" async=""></script>
<script src="_next/static/chunks/30-f592b2a114fd1bc4.js" async=""></script>
<script src="_next/static/chunks/706-65e5da1060cffd78.js" async=""></script>
<script src="_next/static/chunks/225-86f9db8b67d87f40.js" async=""></script>
<script src="_next/static/chunks/app/page-4679b6e7df77e692.js" async=""></script>
<script src="_next/static/chunks/app/layout-3801ddffad0ca02b.js" async=""></script>
<title>GWP - Your Payment Provider</title>
<link rel="icon" href="favicon.ico">
<script src="_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" nomodule=""></script>
</head>
<?php echo $__env->yieldContent('css'); ?>
<style>
.cursor-not-allowed {
cursor: not-allowed;
}
.top-18 {
top: 8rem;
}
</style>
<body>
<script>
! function() {
try {
var d = document.documentElement,
c = d.classList;
c.remove('light', 'dark');
var e = localStorage.getItem('theme');
if ('system' === e || (!e && true)) {
var t = '(prefers-color-scheme: dark)',
m = window.matchMedia(t);
if (m.media !== t || m.matches) {
d.style.colorScheme = 'dark';
c.add('dark')
} else {
d.style.colorScheme = 'light';
c.add('light')
}
} else if (e) {
c.add(e || '')
}
if (e === 'light' || e === 'dark') d.style.colorScheme = e
} catch (e) {}
}()
</script>
<div class="flex flex-col min-h-screen bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
<header class="bg-white shadow-sm">
<div
class="jsx-389692e235f2b5aa bg-white dark:bg-gray-900 transition-colors duration-200 fixed top-0 left-0 w-full z-50">
<div
class="jsx-389692e235f2b5aa max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
<div class="jsx-389692e235f2b5aa flex items-center"><a href="/">
<img alt="GWP" loading="lazy" width="100" height="100" decoding="async"
data-nimg="1" style="color:transparent" src="<?php echo e(asset('image/logo_GWP.jpg')); ?>"></a>
</div>
<nav class="jsx-389692e235f2b5aa hidden md:flex space-x-8 items-center">
<div class="jsx-389692e235f2b5aa relative"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="/">Home</a></div>
<div class="jsx-389692e235f2b5aa relative"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('payment_solutions')); ?>">Payment Solutions</a></div>
<div class="relative inline-block text-left">
<!-- Dropdown Button -->
<button id="dropdownButton"
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor focus:outline-none flex items-center">
Our Service
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="ml-1 h-4 w-4">
<path d="m6 9 6 6 6-6"></path>
</svg>
</button>
<!-- Dropdown Menu -->
<div id="dropdownMenu"
class="hidden absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg rounded-md z-50">
<a href="<?php echo e(route('consulting')); ?>"
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md">
Consulting Service
</a>
<a href="<?php echo e(route('marketing')); ?>"
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md">
Marketing Service
</a>
</div>
</div>
<div class="jsx-389692e235f2b5aa relative"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('contact')); ?>">Contact</a></div>
<div class="jsx-389692e235f2b5aa relative"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('blog')); ?>">Blog</a></div>
<div class="jsx-389692e235f2b5aa relative"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('career')); ?>">Career</a></div>
<div class="jsx-389692e235f2b5aa relative">
<span
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor cursor-not-allowed">
Dev Docs
</span>
</div>
<div class="relative inline-block text-left">
<button id="loginDropdownHomeBtn"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent h-9 px-4 py-2 dark:text-gray-300 hover:text-paycombatColor dark:hover:text-paycombatColor bg-paycombatColor text-white"
type="button" id="radix-:R14mfkq:" aria-haspopup="menu" aria-expanded="false"
data-state="closed">Log in</button>
<div id="loginDropdownHome"
class="hidden absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg rounded-md z-50">
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Login
as Merchant</span>
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Login
as Partner</span>
</div>
</div>
<div class="relative inline-block text-left" style="margin-left: 0">
<button id="signupDropdownHomeBtn"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent h-9 px-4 py-2 dark:text-gray-300 hover:text-paycombatColor dark:hover:text-paycombatColor bg-paycombatColor text-white"
type="button" id="radix-:R1kmfkq:" aria-haspopup="menu" aria-expanded="false"
data-state="closed" style="margin-left: 10px">Sign Up
</button>
<div id="signupDropdownHome"
class="hidden absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg rounded-md z-50">
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Sign
up as Merchant</span>
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Sign
up as Partner</span>
</div>
</div>
</nav>
<div class="jsx-389692e235f2b5aa flex items-center space-x-4 md:hidden"><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent h-9 px-4 py-2 dark:text-gray-300 hover:text-paycombatColor dark:hover:text-paycombatColor bg-paycombatColor text-white"
type="button" id="radix-:Rmmfkq:" aria-haspopup="menu" aria-expanded="false"
data-state="closed">Log in</button><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent h-9 px-4 py-2 dark:text-gray-300 hover:text-paycombatColor dark:hover:text-paycombatColor bg-paycombatColor text-white"
type="button" id="radix-:R16mfkq:" aria-haspopup="menu" aria-expanded="false"
data-state="closed" style="margin-left: 10px">Sign Up</button><button
id="mobile-menu-toggle"
class="jsx-389692e235f2b5aa text-gray-500 dark:text-gray-300 focus:outline-none"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-menu h-6 w-6">
<line x1="4" x2="20" y1="12" y2="12"></line>
<line x1="4" x2="20" y1="6" y2="6"></line>
<line x1="4" x2="20" y1="18" y2="18"></line>
</svg></button></div>
<div id="mobile-menu"
class="jsx-389692e235f2b5aa md:hidden fixed top-18 left-0 w-full bg-white dark:bg-gray-900 shadow-lg z-50 transition-all duration-300 ease-in-out opacity-0 pointer-events-none">
<nav class="jsx-389692e235f2b5aa flex flex-col space-y-4 p-4 overflow-y-auto">
<div class="jsx-389692e235f2b5aa"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="/">Home</a></div>
<div class="jsx-389692e235f2b5aa"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('payment_solutions')); ?>">Payment Solutions</a>
</div>
<!-- Our Service Dropdown -->
<div class="relative inline-block text-left">
<button id="serviceDropdownBtn"
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor focus:outline-none flex items-center">
Our Service
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="ml-1 h-4 w-4 transition-transform duration-200"
id="serviceChevron">
<path d="m6 9 6 6 6-6"></path>
</svg>
</button>
<!-- Dropdown Menu -->
<div id="serviceDropdown"
class="hidden absolute left-0 mt-2 w-52 bg-white dark:bg-gray-800 rounded-md shadow-lg z-50">
<a href="<?php echo e(route('consulting')); ?>"
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md">Consulting
Service</a>
<a href="<?php echo e(route('marketing')); ?>"
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md">Marketing
Service</a>
</div>
</div>
<div class="jsx-389692e235f2b5aa"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('contact')); ?>">Contact</a></div>
<div class="jsx-389692e235f2b5aa"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('blog')); ?>">Blog</a></div>
<div class="jsx-389692e235f2b5aa"><a
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor"
href="<?php echo e(route('career')); ?>">Career</a></div>
<div class="jsx-389692e235f2b5aa"><span
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor cursor-not-allowed">Dev
Docs</span></div>
<!-- Login Dropdown -->
<div class="relative inline-block text-left">
<button id="loginDropdownBtn"
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor focus:outline-none flex items-center">
Log in
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="ml-1 h-4 w-4">
<path d="m6 9 6 6 6-6"></path>
</svg>
</button>
<!-- Dropdown Menu -->
<div id="loginDropdown"
class="hidden absolute left-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-md shadow-lg z-50">
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Login
as Merchant</span>
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Login
as Partner</span>
</div>
</div>
<!-- Signup Dropdown -->
<div class="relative inline-block text-left">
<button id="signupDropdownBtn"
class="text-gray-500 dark:text-gray-300 hover:text-GWPColor dark:hover:text-GWPColor focus:outline-none flex items-center">
Sign Up
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="ml-1 h-4 w-4">
<path d="m6 9 6 6 6-6"></path>
</svg>
</button>
<!-- Dropdown Menu -->
<div id="signupDropdown"
class="hidden absolute left-0 mt-2 w-52 bg-white dark:bg-gray-800 rounded-md shadow-lg z-50">
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Sign
up as Merchant</span>
<span
class="block px-4 py-2 text-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md cursor-not-allowed">Sign
up as Partner</span>
</div>
</div>
</nav>
</div>
<div class="hidden md:flex items-center space-x-4">
<button id="theme-toggle" aria-label="Toggle theme"
class="inline-flex items-center justify-center rounded-md text-sm font-medium border border-input bg-background shadow-sm h-9 w-9 transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-1 focus:ring-ring">
<svg id="sun-icon" class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 2v2m0 16v2m10-10h-2M4 12H2m16.364-7.364l-1.414 1.414M6.05 17.95l-1.414 1.414M17.95 17.95l-1.414-1.414M6.05 6.05L4.636 7.464M12 6a6 6 0 100 12 6 6 0 000-12z" />
</svg>
<svg id="moon-icon" class="h-5 w-5 hidden" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" />
</svg>
</button>
</div>
</div>
</div>
</header>
<?php echo $__env->yieldContent('main-section'); ?>
<footer class="bg-gray-800 text-white">
<div class="container mx-auto px-4 py-12">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="text-lg font-semibold mb-4">Company</h3>
<ul class="space-y-2">
<li><span class="hover:text-primary cursor-not-allowed">About Us</span></li>
<li><a class="hover:text-primary" href="<?php echo e(route('contact')); ?>">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">Resources</h3>
<ul class="space-y-2">
<li><a class="hover:text-primary" href="<?php echo e(route('blog')); ?>">Blog</a></li>
<li><span class="hover:text-primary cursor-not-allowed">API Docs</span></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">Legal</h3>
<ul class="space-y-2">
<li><a class="hover:text-primary" href="<?php echo e(route('privacy_policy')); ?>">Privacy Policy</a>
</li>
<li><a class="hover:text-primary" href="<?php echo e(route('term_of_service')); ?>">Terms of
Service</a></li>
</ul>
</div>
</div>
<div
class="mt-8 border-t border-muted-foreground/20 pt-8 flex flex-col md:flex-row justify-between items-center">
<p>© 2024 GWP. All rights reserved.</p>
<div class="flex space-x-4 mt-4 md:mt-0"><a class="hover:text-primary"
href="https://t.me/GWPsp"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-send h-6 w-6">
<path
d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z">
</path>
<path d="m21.854 2.147-10.94 10.939"></path>
</svg><span class="sr-only">Telegram</span></a></div>
</div>
</div>
</footer>
</div>
<script src="_next/static/chunks/webpack-265bc752b349d040.js" async=""></script>
<script>
(self.__next_f = self.__next_f || []).push([0]);
self.__next_f.push([2, null])
</script>
<script>
self.__next_f.push([1, "1:HL[\"/_next/static/css/a908a227fb3cc0b6.css\",\"style\"]\n"])
</script>
<script>
self.__next_f.push([1,
"2:I[5751,[],\"\"]\n4:I[6513,[],\"ClientPageRoot\"]\n5:I[3943,[\"310\",\"static/chunks/0e5ce63c-fbd6c160855e6dc9.js\",\"30\",\"static/chunks/30-f592b2a114fd1bc4.js\",\"706\",\"static/chunks/706-65e5da1060cffd78.js\",\"225\",\"static/chunks/225-86f9db8b67d87f40.js\",\"931\",\"static/chunks/app/page-4679b6e7df77e692.js\"],\"default\",1]\n6:I[4858,[\"185\",\"static/chunks/app/layout-3801ddffad0ca02b.js\"],\"ThemeProvider\"]\n7:I[9275,[],\"\"]\n8:I[1343,[],\"\"]\na:I[6130,[],\"\"]\nb:[]\n"
])
</script>
<script>
self.__next_f.push([1,
"0:[\"$\",\"$L2\",null,{\"buildId\":\"dv7Y1oQns51ZYK1704kew\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[\"$\",\"$L4\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$5\"}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a908a227fb3cc0b6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L6\",null,{\"attribute\":\"class\",\"storageKey\":\"theme\",\"defaultTheme\":\"system\",\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L9\"],\"globalErrorComponent\":\"$a\",\"missingSlots\":\"$Wb\"}]\n"
])
</script>
<script>
self.__next_f.push([1,
"9:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"GWP - Your Payment Provider\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}]]\n3:null\n"
])
</script>
<script>
const themeToggleBtn = document.getElementById('theme-toggle');
const htmlElement = document.documentElement;
const sunIcon = document.getElementById('sun-icon');
const moonIcon = document.getElementById('moon-icon');
// Initialize theme
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
htmlElement.classList.add('dark');
sunIcon.classList.add('hidden');
moonIcon.classList.remove('hidden');
} else {
htmlElement.classList.remove('dark');
sunIcon.classList.remove('hidden');
moonIcon.classList.add('hidden');
}
// Toggle theme on click
themeToggleBtn.addEventListener('click', () => {
htmlElement.classList.toggle('dark');
const isDark = htmlElement.classList.contains('dark');
if (isDark) {
localStorage.setItem('theme', 'dark');
sunIcon.classList.add('hidden');
moonIcon.classList.remove('hidden');
} else {
localStorage.setItem('theme', 'light');
sunIcon.classList.remove('hidden');
moonIcon.classList.add('hidden');
}
});
</script>
<script>
const button = document.getElementById('dropdownButton');
const menu = document.getElementById('dropdownMenu');
button.addEventListener('click', () => {
menu.classList.toggle('hidden');
});
// Optional: Close dropdown when clicking outside
document.addEventListener('click', (e) => {
if (!button.contains(e.target) && !menu.contains(e.target)) {
menu.classList.add('hidden');
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const menuToggle = document.getElementById("mobile-menu-toggle");
const mobileMenu = document.getElementById("mobile-menu");
menuToggle.addEventListener("click", function() {
mobileMenu.classList.toggle("opacity-0");
mobileMenu.classList.toggle("pointer-events-none");
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
function setupDropdown(buttonId, menuId, chevronId = null) {
const button = document.getElementById(buttonId);
const menu = document.getElementById(menuId);
const chevron = chevronId ? document.getElementById(chevronId) : null;
button.addEventListener("click", () => {
menu.classList.toggle("hidden");
if (chevron) {
chevron.classList.toggle("rotate-180"); // rotate arrow
}
});
// Close if clicked outside
document.addEventListener("click", (e) => {
if (!button.contains(e.target) && !menu.contains(e.target)) {
menu.classList.add("hidden");
if (chevron) chevron.classList.remove("rotate-180");
}
});
}
// Setup all dropdowns
setupDropdown("loginDropdownBtn", "loginDropdown");
setupDropdown("loginDropdownHomeBtn", "loginDropdownHome");
setupDropdown("signupDropdownBtn", "signupDropdown");
setupDropdown("signupDropdownHomeBtn", "signupDropdownHome");
setupDropdown("serviceDropdownBtn", "serviceDropdown", "serviceChevron");
});
</script>
<?php echo $__env->yieldContent('js'); ?>
</body>
</html>
<?php /**PATH D:\projects\laravel\gwp\resources\views/layout/layout.blade.php ENDPATH**/ ?>
|