@php

    /*
    |--------------------------------------------------------------------------
    | Storefront Bootstrap
    |--------------------------------------------------------------------------
    |
    | এই Blade file শুধু initial storefront shell render করবে।
    | React load হওয়ার আগেই:
    |
    | - Hero/LCP image preload
    | - Company title/favicon
    | - Marketing integrations
    | - React bootstrap data
    |
    | প্রস্তুত করা হবে।
    |
    */

    $storefrontHeroImage = null;
    $storefrontCompanyName = 'NebuloidBD';
    $storefrontFavicon = null;


    /*
    |--------------------------------------------------------------------------
    | Helper: Resolve Public Media URL
    |--------------------------------------------------------------------------
    */

    $resolvePublicMediaUrl = static function (
        mixed $value
    ): ?string {

        if (
            $value === null
            || $value === ''
        ) {
            return null;
        }

        $value = trim(
            (string) $value
        );

        if ($value === '') {
            return null;
        }


        /*
        |--------------------------------------------------------------------------
        | Full HTTP / HTTPS URL
        |--------------------------------------------------------------------------
        */

        if (
            str_starts_with(
                $value,
                'http://'
            )
            ||
            str_starts_with(
                $value,
                'https://'
            )
        ) {
            return $value;
        }


        /*
        |--------------------------------------------------------------------------
        | Protocol-relative URL
        |--------------------------------------------------------------------------
        |
        | Example:
        | //cdn.example.com/image.webp
        |
        */

        if (
            str_starts_with(
                $value,
                '//'
            )
        ) {
            return request()->isSecure()
                ? 'https:' . $value
                : 'http:' . $value;
        }


        /*
        |--------------------------------------------------------------------------
        | Remove accidental leading slash
        |--------------------------------------------------------------------------
        */

        $value = ltrim(
            $value,
            '/'
        );


        /*
        |--------------------------------------------------------------------------
        | Common Storage Formats
        |--------------------------------------------------------------------------
        |
        | DB:
        | storage/banners/a.webp
        |
        | DB:
        | banners/a.webp
        |
        */

        if (
            str_starts_with(
                $value,
                'storage/'
            )
        ) {
            return asset(
                $value
            );
        }


        /*
        |--------------------------------------------------------------------------
        | Public paths
        |--------------------------------------------------------------------------
        */

        return asset(
            $value
        );
    };


    /*
    |--------------------------------------------------------------------------
    | Hero Image / LCP Bootstrap
    |--------------------------------------------------------------------------
    */

    try {

        if (
            class_exists(
                \App\Models\Banner::class
            )
        ) {

            /*
             * শুধু image reference cache করছি।
             * পুরো Eloquent model cache করার প্রয়োজন নেই।
             */

            $rawHeroImage = cache()->remember(
                'storefront:lcp-banner:v3',
                now()->addMinutes(5),
                function () {

                    $banner =
                        \App\Models\Banner::query()
                            ->where(
                                'status',
                                true
                            )
                            ->orderBy('id')
                            ->first();

                    if (! $banner) {
                        return null;
                    }


                    /*
                     * আপনার Banner model-এর বিভিন্ন naming
                     * support করার জন্য fallback রাখা হয়েছে।
                     */

                    return
                        $banner->image_url
                        ?? $banner->desktop_image_url
                        ?? $banner->image
                        ?? $banner->desktop_image
                        ?? null;
                }
            );


            $storefrontHeroImage =
                $resolvePublicMediaUrl(
                    $rawHeroImage
                );
        }

    } catch (\Throwable $exception) {

        /*
         * Banner table/model কোনো কারণে unavailable হলেও
         * storefront 500 error দেবে না।
         */

        $storefrontHeroImage = null;

        report(
            $exception
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Company Settings
    |--------------------------------------------------------------------------
    */

    try {

        if (
            class_exists(
                \App\Models\CompanySetting::class
            )
        ) {

            $companyBootstrap =
                cache()->remember(
                    'storefront:company-bootstrap:v2',
                    now()->addMinutes(10),
                    function () {

                        $company =
                            \App\Models\CompanySetting::query()
                                ->orderBy('id')
                                ->first();

                        if (! $company) {
                            return null;
                        }

                        return [
                            'name' =>
                                $company->name,

                            'favicon' =>
                                $company->favicon,
                        ];
                    }
                );


            if (
                is_array(
                    $companyBootstrap
                )
            ) {

                $companyName =
                    trim(
                        (string) (
                            $companyBootstrap['name']
                            ?? ''
                        )
                    );


                if (
                    $companyName !== ''
                ) {
                    $storefrontCompanyName =
                        $companyName;
                }


                $storefrontFavicon =
                    $resolvePublicMediaUrl(
                        $companyBootstrap['favicon']
                        ?? null
                    );
            }
        }

    } catch (\Throwable $exception) {

        report(
            $exception
        );
    }

@endphp


<!DOCTYPE html>

<html lang="en">

<head>

    {{-- ================================================================
        Character Encoding
    ================================================================ --}}

    <meta charset="UTF-8">


    {{-- ================================================================
        Responsive Viewport
    ================================================================ --}}

    <meta
        name="viewport"
        content="width=device-width, initial-scale=1, viewport-fit=cover"
    >


    {{-- ================================================================
        CSRF
    ================================================================ --}}

    <meta
        name="csrf-token"
        content="{{ csrf_token() }}"
    >


    {{-- ================================================================
        Browser / Mobile Hints
    ================================================================ --}}

    <meta
        name="theme-color"
        content="#ffffff"
    >

    <meta
        name="color-scheme"
        content="light"
    >


    {{-- ================================================================
        Default Title
    ================================================================ --}}

    <title>{{ $storefrontCompanyName }}</title>


    {{-- ================================================================
        Favicon
    ================================================================ --}}

    @if($storefrontFavicon)

        <link
            rel="icon"
            href="{{ $storefrontFavicon }}"
        >

        <link
            rel="shortcut icon"
            href="{{ $storefrontFavicon }}"
        >

    @endif


    {{-- ================================================================
        IMPORTANT
        Tailwind CDN intentionally removed.

        DO NOT USE:
        <script src="https://cdn.tailwindcss.com"></script>

        Tailwind/CSS must be bundled through Vite.
    ================================================================ --}}


    {{-- ================================================================
        Hero LCP Image Preload
    ================================================================ --}}
     <script src="https://cdn.tailwindcss.com"></script>

    @if($storefrontHeroImage)

        <link
            rel="preload"
            as="image"
            href="{{ $storefrontHeroImage }}"
            fetchpriority="high"
        >

    @endif


    {{-- ================================================================
        Preconnect
    ================================================================ --}}

    <link
        rel="preconnect"
        href="{{ url('/') }}"
    >


    {{-- ================================================================
        Runtime App Configuration
    ================================================================ --}}

    <script src="{{ asset('app-config.js') }}"></script>


    {{-- ================================================================
        Initial Server → React Bootstrap Data
    ================================================================ --}}

    <script>
        window.__STOREFRONT_BOOTSTRAP__ = Object.freeze({
            heroImage: @json($storefrontHeroImage),
            company: {
                name: @json($storefrontCompanyName),
                favicon: @json($storefrontFavicon),
            },
            appUrl: @json(url('/')),
        });
    </script>


    {{-- ================================================================
        Marketing / SEO / Meta / GA4 / TikTok / GTM

        IMPORTANT:
        API Secret / Meta Access Token / TikTok Access Token
        এই partial থেকে browser-এ output করবেন না।
    ================================================================ --}}

    @include(
        'partials.marketing.head'
    )


    {{-- ================================================================
        React + Vite

        IMPORTANT:
        @viteReactRefresh MUST stay before @vite.
    ================================================================ --}}

    @viteReactRefresh

    @vite([
        'resources/js/app.jsx',
    ])

</head>


<body>

    {{-- ================================================================
        Google Tag Manager noscript / Marketing Body Start
    ================================================================ --}}

    @include(
        'partials.marketing.body-start'
    )


    {{-- ================================================================
        React Application Root
    ================================================================ --}}

    <div id="app"></div>


    {{-- ================================================================
        Live Chat / Third Party Scripts
    ================================================================ --}}

    @include(
        'partials.marketing.body-end'
    )


    {{-- ================================================================
        JavaScript Disabled Fallback
    ================================================================ --}}

    <noscript>

        <div
            style="
                max-width: 680px;
                margin: 40px auto;
                padding: 20px;
                border: 1px solid #e5e7eb;
                border-radius: 12px;
                background: #ffffff;
                color: #111827;
                font-family: Arial, sans-serif;
                text-align: center;
            "
        >

            এই ওয়েবসাইট ব্যবহার করার জন্য
            JavaScript চালু করতে হবে।

        </div>

    </noscript>

</body>

</html>