@extends('pwa::layouts.master')

@section('content')
    <div id="nd-flash-page" class="hidden"></div>
    <div class="px-[1.5rem] mx-auto w-full bg-white">
        <div class="flex flex-col justify-center items-center min-h-screen">
            <div class="w-full relative -top-4">
                <img class="w-72 absolute flash-screen-logo-position" src="{{ asset('assets/img/s4s-logo.png') }}" alt="S4S Logo">
                <div class="logo-overlay"></div>
            </div>    
        </div>
        <div class="fixed bottom-8 left-0 w-full">
            <p class="uppercase font-bold text-center">powered by s4stechnologies</p>
        </div>
    </div>
@endsection

@section('custom-js')
    <script>
        // On DOM load and NOTIFICATION
        document.addEventListener("DOMContentLoaded", async function () { 
            //  update the cookies token
            const getIndexedData = await storeGetDataById("sessionStore", 1);
            console.log("🚀 ~ getIndexedData:", getIndexedData);
            if (getIndexedData) {
                Cookies.set('employee_mobile_number', getIndexedData.mobile_number);
                Cookies.set('employee_api_token', getIndexedData.token);

                setTimeout(() => {
                    // redirect to dashboard
                    window.location.href = `${PWA_BASEURL}/pwa/dashboard`;
                }, 2000);

            } else {
                setTimeout(() => {
                    window.location.href = `${PWA_BASEURL}/pwa/login`;
                }, 2000);
            }
        });
    </script>
@endsection