<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#6d28d9" media="(prefers-color-scheme: light)">
    <meta name="theme-color" content="#0d0c13" media="(prefers-color-scheme: dark)">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ config('tracker.title') }}</title>

    {{-- Applied before first paint so the theme never flashes. --}}
    <script>
        (function () {
            try {
                var saved = localStorage.getItem('tracker-theme');
                if (saved === 'light' || saved === 'dark') {
                    document.documentElement.setAttribute('data-theme', saved);
                }
            } catch (e) {}
        })();
    </script>

    <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@400..800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="{{ asset('css/app.css') }}?v=6">

    {{-- Everything the app needs before its first request. --}}
    <script>
        window.__TRACKER__ = @json($boot);
    </script>

    @vite('resources/js/app.js')
</head>
<body>

<div id="app">
    {{-- Replaced by the mounted app; shown while the bundle is still parsing. --}}
    <div class="boot">
        <span class="boot-spinner" aria-hidden="true"></span>
        <span class="boot-text">লোড হচ্ছে…</span>
    </div>
</div>

<noscript>
    <div class="shell">
        <div class="empty" style="margin-top:24px">
            <strong>জাভাস্ক্রিপ্ট বন্ধ আছে</strong>
            এই অ্যাপটি Vue দিয়ে চলে, তাই জাভাস্ক্রিপ্ট চালু করতে হবে।
            <a class="btn btn-primary btn-sm" style="margin-top:12px" href="{{ route('expenses.print') }}">প্রিন্ট ভিউ দেখুন</a>
        </div>
    </div>
</noscript>

</body>
</html>
