@props(['title', 'scripts' => ''])
<!doctype html>
<html lang="en" data-bs-theme="{{ auth_user()?->preferences?->mode ?? 'dark' }}" id="hhtml">

<head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no" />
    <link rel="apple-touch-icon" href="{{ setting('site_favicon') }}">
    <link rel="icon" type="image/x-icon" href="{{ setting('site_favicon') }}">

    <link href="/css/style.css?v=1" rel="stylesheet">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/i.css">
    <link href="/css/modal.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/translate.css">
    
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/java.js"></script>
    <script src="/js/intlTelInput.js"></script>
    {{ $scripts }}
    <title> {{ $title }} | {{ setting('site_name') }}</title>
</head>

<body>
    <div id="showit"></div>
    
    <div class="prls" x-data 
        @loading.window = "$el.classList.remove('d-none')" 
        @loaded.window = "$el.classList.add('d-none')">
        <div class="_loader" style="z-index:10;"></div>
    </div>

    {{ $slot }}
    
    <script>
        $(window).on('load', function(){ $('.pre').hide(); $('.mpre').show(); });
    </script>
    <div class="pt-4"></div>
    <script src="https://www.cryptohopper.com/widgets/js/script" crossorigin="anonymous" data-navigate-once></script>
    <script type="text/javascript" src="https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <div class="kresh"></div>
    <script src="/js/index.js" data-navigate-once></script>
    <x-widgets.alert />
    <!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '80a73190602c984c9984864774a980ab41618d55';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
</body>

</html>