<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="FZg48qcbqtwsgvJxnpKI-neLB4reIGDOwdkvt8ZPmZ4" />
    <meta name="yandex-verification" content="e00886ac10ba6048" />
    <meta name="naver-site-verification" content="8d1a1ebcd8313bb1d72a5cc480553343a03334c8" />
    @stack('metadata')
    <?php
        $page = (int) request()->query('page', 1);
        $current_url = $page > 1
            ? url()->current() . '?page=' . $page
            : url()->current();
    ?>
    <link rel="canonical" href="{{ $current_url }}" />
    <link rel="alternate" hreflang="x-default" href="{{ $current_url }}" />
    <link rel="alternate" hreflang="en" href="{{ $current_url }}" />
    @if (app()->environment() !== 'production')
    <meta name="robots" content="noindex, nofollow">
    @elseif(request()->has('preview') && request()->get('preview') === 'draft')
    <meta name="robots" content="noindex, nofollow">
    @else
    <meta name="google-adsense-account" content="ca-pub-3683577924679113">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <meta name="yandex-verification" content="e6d36375b920baaf" />
    <meta name="bitmedia-site-verification" content="d5f4bb41e976f700401059f250d96229" />
    @endif
    <meta name="bitmedia-site-verification" content="3cc32d33a6fa7b233dc08d4d8b017eda" />
    <link rel="preconnect" href="https://d1fj0xwbldmb8x.cloudfront.net" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://unpkg.com" crossorigin>
    <link rel="dns-prefetch" href="https://cdn.bmcdn6.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">

    {{-- <link rel="preload" as="image" href="{{ URL::asset('assets/images/crypto-display.webp') }}" fetchpriority="high"> --}}
    
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/fonts/montserrat-medium.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/fonts/montserrat-semibold.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/fonts/montserrat-bold.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/webfonts/fa-solid-900.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/webfonts/fa-brands-400.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://d1fj0xwbldmb8x.cloudfront.net/public/webfonts/fa-regular-400.woff2">

    <!-- Favicon set -->
    <link rel="icon" type="image/png" sizes="16x16" href="{{ URL::asset('assets/images/favicon/favicon-16x16.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ URL::asset('assets/images/favicon/favicon-32x32.png') }}">
    <link rel="icon" type="image/png" sizes="48x48" href="{{ URL::asset('assets/images/favicon/favicon-48x48.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ URL::asset('assets/images/favicon/favicon-180x180.png') }}">
    <link rel="icon" type="image/png" sizes="512x512" href="{{ URL::asset('assets/images/favicon/favicon-512x512.png') }}">
    <link rel="manifest" href="{{ URL::asset('assets/images/site.webmanifest') }}">
    <link rel="icon" type="image/png" href="{{ URL::asset('assets/images/favicon.png') }}">
    <!-- Bootstrap -->
    {{-- <link rel="preload" href="https://d1fj0xwbldmb8x.cloudfront.net/public/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link href="https://d1fj0xwbldmb8x.cloudfront.net/public/css/bootstrap.min.css" rel="stylesheet">
    </noscript> --}}
    <link href="https://d1fj0xwbldmb8x.cloudfront.net/public/css/bootstrap.min.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="preload" href="https://d1fj0xwbldmb8x.cloudfront.net/public/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet" href="https://d1fj0xwbldmb8x.cloudfront.net/public/css/all.min.css">
    </noscript>
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('assets/css/style.min.css') }}">
    @stack('head_scripts')
    {!! \App\Helpers\SchemaHelper::organizationSchema() !!}
    @stack('styles')
    <script>
        window.dataLayer = window.dataLayer || [];
        (function(w, d, s, l, i) {
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-NM2G5TNR');
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10825074764"></script>
    <script>
        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'AW-10825074764');
    </script>
    <meta name="csrf-token" content="{{ csrf_token() }}">
</head>

<body>
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NM2G5TNR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <a class="visually-hidden-focusable" href="#main-content">
        Skip to main content
    </a>
    @include('components.layouts.header')
    <main id="main-content">
        {{ $slot }}
    </main>
    @include('components.layouts.footer')
    @stack('pageId')
    <!-- Bitmedia ad network tag -->
    <div aria-label="Advertisement Banner" role="region">
        <ins class="691598813ff45d5343d59bf1" style="display:inline-block;width:1px;height:1px;"></ins>
    </div>
    <script>
        ! function(e, n, c, t, o, r, d) {
            ! function e(n, c, t, o, r, m, d, s, a) {
                s = c.getElementsByTagName(t)[0],
                    (a = c.createElement(t)).async = !0, a.src = "https://" + r[m] + "/js/" + o + ".js?v=" + d,
                    a.onerror = function() {
                        a.remove(), (m += 1) >= r.length || e(n, c, t, o, r, m)
                    },
                    s.parentNode.insertBefore(a, s)
            }(window, document, "script", "691598813ff45d5343d59bf1",
                ["cdn.bmcdn6.com"], 0, new Date().getTime())
        }();
    </script>

    <!-- to give title to close btn and iframe -->
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const observer = new MutationObserver(() => {

                // Fix close button
                const btn = document.querySelector('.bitmedia-sticky-close-btn');
                if (btn && !btn.getAttribute('aria-label')) {
                    btn.setAttribute('aria-label', 'Close advertisement');
                    btn.setAttribute('title', 'Close advertisement');
                }

                // Fix iframe title (THIS is the missing part)
                const iframe = document.querySelector('iframe[src*="bmcdn6.com"]');
                if (iframe && !iframe.getAttribute('title')) {
                    iframe.setAttribute('title', 'Advertisement banner');
                }

            });

            observer.observe(document.body, {
                childList: true,
                subtree: true
            });
        });
    </script>

    <script src="https://d1fj0xwbldmb8x.cloudfront.net/public/js/bootstrap.bundle.min.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
    <script src="{{ URL::asset('assets/js/ads.js') }}" defer></script>
    
    {{-- <script defer>
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof AOS !== 'undefined') {
                AOS.init({
                    duration: 1200
                });
            }
            setTimeout(function() {
                var alertEl = document.getElementById('flashMessage');
                if (alertEl && typeof bootstrap !== 'undefined') {
                    bootstrap.Alert.getOrCreateInstance(alertEl).close();
                }
            }, 3000);
        });
    </script> --}}
    
    <script>
        window.addEventListener("load", function() {
            document.querySelectorAll("iframe").forEach(function(frame) {
                if (!frame.hasAttribute("title")) {
                    frame.setAttribute("title", "Advertisement");
                }
            });
        });
    </script>
    @stack('scripts')
</body>

</html>
