Viewing file:  app.blade.php (8.37 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@props(['ads'])
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
@hasSection('meta')
@yield('meta')
@else
<meta name="title" content="{{ $setting->seo_meta_title }}">
<meta name="description" content="{{ $setting->seo_meta_description }}">
<meta name="keywords" content="{{ $setting->seo_meta_keywords }}">
@endif
<!-- PWA Meta Theme color and link Start -->
@if ($setting->pwa_enable)
<meta name="theme-color"
content="{{ empty($setting->frontend_primary_color) ? '#00AAFF' : $setting->frontend_primary_color }}" />
<link rel="apple-touch-icon" href="{{ $setting->favicon_image_url }}">
<link rel="manifest" href="{{ asset('manifest.json') }}">
@endif
<!-- PWA Meta Theme color and link End -->
<!-- Favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset($setting->favicon_image) }}" />
<!-- Title -->
<title>@yield('title') - {{ config('app.name') }}</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@stack('css')
<!-- Custom and dynamic css/scripts -->
{!! $setting->header_css !!}
{!! $setting->header_script !!}
@livewireStyles
@vite(['resources/frontend/css/app.css', 'resources/frontend/js/app.js'])
</head>
<style>
:root {
--gray-50: #F5F6F7;
--gray-100: #D7DCE0;
--gray-200: #B7BCC4;
--gray-300: #A1A8AD;
--gray-400: #8C9299;
--gray-500: #6E747A;
--gray-600: #555B61;
--gray-700: #3F444A;
--gray-800: #2A2E33;
--gray-900: #1C2126;
--primary-50: #E8F0FC;
--primary-100: #D1E1FA;
--primary-200: #A2C3F5;
--primary-300: #74A6EF;
--primary-400: #4588EA;
--primary-500: {{ $setting->frontend_primary_color }};
--primary-600: {{ $setting->frontend_secondary_color }};
--primary-700: {{ $setting->frontend_secondary_color }};
--primary-800: {{ $setting->frontend_secondary_color }};
--primary-900: #05152E;
--success-50: #EAF2E8;
--success-100: #D5E4D1;
--success-200: #ABCAA4;
--success-300: #82AF76;
--success-400: #589549;
--success-500: #2E7A1B;
--success-600: #256216;
--success-700: #1C4910;
--success-800: #12310B;
--success-900: #091805;
--warning-50: #FCEFE7;
--warning-100: #FAE0CE;
--warning-200: #F5C09D;
--warning-300: #EFA16D;
--warning-400: #EA813C;
--warning-500: #E5620B;
--warning-600: #B74E09;
--warning-700: #893B07;
--warning-800: #5C2704;
--warning-900: #2E1402;
--error-50: #FAEAEA;
--error-100: #F5D4D4;
--error-200: #EBAAAA;
--error-300: #E17F7F;
--error-400: #D75555;
--error-500: #CD2A2A;
--error-600: #A42222;
--error-700: #7B1919;
--error-800: #521111;
--error-900: #290808;
}
footer {
background-color: {{ $setting->frontend_secondary_color }} !important;
}
.w-full .overflow-hidden .relative button {
background-color: {{ $setting->frontend_primary_color }} !important;
}
</style>
<body dir="{{ langDirection() ?? 'ltr' }}" class="<?php echo isset($_COOKIE['darkMode']) && $_COOKIE['darkMode'] === 'true' ? 'dark' : ''; ?>">
<x-frontend.cookies-allowance :cookies="$cookies" />
<div class="flex flex-col min-h-screen">
@if ($setting->current_theme == 3)
<x-frontend.header3.header :login="true" />
@elseif($setting->current_theme == 2)
<x-frontend.header2.header :login="true" />
@else
<x-frontend.header.header :login="true" />
@endif
<main class="flex-grow dark:bg-gray-800">
@yield('content')
</main>
@if ($setting->current_theme == 3)
<x-frontend.footer3.footer />
@elseif($setting->current_theme == 2)
<x-frontend.footer2.footer />
@else
<x-frontend.footer.footer />
@endif
</div>
<!-- Preloader Start -->
@if (setting('website_loader'))
<x-frontend.preloader />
@endif
<!-- Preloader End -->
<!-- PWA Button Start -->
<button class="pwa-install-btn bg-white position-fixed hidden" id="installApp">
<img src="{{ asset('pwa-btn.png') }}" alt="Install App">
</button>
<!-- PWA Button End -->
@include('frontend.layouts.partials.scripts')
<!-- PWA Script Start -->
@if ($setting->pwa_enable)
<script src="{{ asset('sw.js') }}"></script>
<script>
if (!navigator.serviceWorker) {
navigator.serviceWorker.register("/sw.js").then(function(reg) {
console.log("Service worker has been registered for scope: " + reg);
});
}
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
document.getElementById('installApp').classList.remove('hidden');
deferredPrompt = e;
});
const installApp = document.getElementById('installApp');
installApp.addEventListener('click', async () => {
if (deferredPrompt !== null) {
deferredPrompt.prompt();
const {
outcome
} = await deferredPrompt.userChoice;
if (outcome === 'accepted') {
deferredPrompt = null;
}
}
});
</script>
@endif
<!-- PWA Script End -->
@livewireScripts
@stack('js')
<script>
document.addEventListener('DOMContentLoaded', function() {
const lightLogoUrl = "{{ asset($setting->white_logo_url) }}";
const darkLogoUrl = "{{ asset($setting->logo_image) }}";
const darkModeToggle = document.getElementById('darkModeToggle');
const icon = document.getElementById('icon');
const logo = document.getElementById('logo');
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
const isDarkMode = getCookie('darkMode') === 'true';
setDarkMode(isDarkMode);
darkModeToggle.addEventListener('click', function() {
const currentMode = getCookie('darkMode') === 'true';
setDarkMode(!currentMode);
document.cookie = `darkMode=${!currentMode}; path=/;`;
});
function setDarkMode(isDark) {
document.body.classList.toggle('dark', isDark);
if (isDark) {
icon.innerHTML = `
<!-- Custom SVG for Dark Mode -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 1 0 21.752 15z" />
</svg>
`;
logo.src = darkLogoUrl;
} else {
icon.innerHTML = `
<!-- Custom SVG for Light Mode -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3.75V2.25m0 19.5v-1.5M4.964 5.036l-1.06-1.06m15.182 15.182-1.06-1.06M21.75 12h-1.5M3.75 12H2.25m16.714-6.714-1.06 1.06m-12.728 12.728-1.06 1.06M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
</svg>
`;
logo.src = lightLogoUrl;
}
}
});
</script>
</body>
</html>
|