<!doctype html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title> {{ $general->sitename(__($pageTitle)) }}</title>

    @include('partials.seo')

    <!--CSS -->
    <link rel="stylesheet" href="{{ asset('assets/global/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/global/css/all.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/global/css/line-awesome.min.css') }}">
    <link rel="stylesheet" href="{{asset($activeTemplateTrue.'css/main.css')}}">
    <link rel="stylesheet" href="{{asset($activeTemplateTrue.'css/custom.css')}}">
    <link rel="stylesheet" href="{{ asset($activeTemplateTrue.'css/color.php?color1='.$general->base_color)}}">

    @stack('style-lib')

    @stack('style')
</head>
<body>

    @stack('fbComment')

    <div class="preloader">
        <div class="ball"></div>
    </div>

    <a href="javascript:void(0)" class="scrollToTop"><i class="las la-angle-up"></i></a>
    <div class="overlay"></div>


    @yield('content')





    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="{{ asset('assets/global/js/jquery-3.6.0.min.js') }}"></script>
    <script src="{{asset('assets/global/js/bootstrap.min.js')}}"></script>
    <script src="{{asset($activeTemplateTrue.'js/main.js')}}"></script>

    @stack('script-lib')

    @stack('script')

    @include('partials.plugins')

    @include('partials.notify')


    <script>
        (function ($) {
            "use strict";
            $(".langSel").on("change", function() {
                window.location.href = "{{route('home')}}/change/"+$(this).val() ;
            });

            // --- JQUERY HIGH VISIBILITY LOGO BADGE ---
            $(document).ready(function() {
                $('img[src*="logo"]').each(function() {
                    var $img = $(this);
                    if ($img.parent().hasClass('logo-glass-badge') || $img.attr('src').includes('favicon')) return;
                    $img.wrap('<span class="logo-glass-badge"></span>');
                });
            });

        })(jQuery);
    </script>

    <style>
        /* --- DYNAMIC HIGH VISIBILITY LOGO STYLE --- */
        .logo-glass-badge {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.96) !important;
            border-radius: 12px !important;
            padding: 8px 20px !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
            margin: 4px auto !important;
        }
        .logo-glass-badge:hover {
            background: #ffffff !important;
            transform: translateY(-2px) scale(1.03) !important;
            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.35) !important;
        }
        .logo-glass-badge img {
            max-height: 48px !important;
            width: auto !important;
            background: transparent !important;
            padding: 0 !important;
            box-shadow: none !important;
            filter: none !important;
        }
    </style>

</body>
</html>
