@extends('layout.dashboard-blank')

@section('layout.dashboard.header')
    @parent
    @yield('layout.dashboard.header.pos')
@endsection

@section('layout.dashboard.body')
    <div id="pos-app" class="h-full w-full relative">
        <div id="loader"
            class="top-0 anim-duration-500 fade-in-entrance left-0 absolute w-full z-50 h-full flex flex-col items-center justify-center">
            @if (!ns()->option->get('ns_store_square_logo', false))
                @if (ns()->option->get('ns_default_theme', 'light') == 'dark')
                    <img src="{{ asset('logos/ary_tech_pos_white_logo_xs.png') }}" alt="ARYTechPOSLogo">
                @else
                    <img src="{{ asset('logos/ary_tech_pos_blue_logo_xs.png') }}" alt="ARYTechPOSLogo">
                @endif
            @else
                <img src="{{ ns()->option->get('ns_store_square_logo') }}" alt="ARYTechPOSLogo">
            @endif
            <p class="font-semibold py-2">{{ __('Loading...') }}</p>
        </div>
        <ns-pos></ns-pos>
    </div>
@endsection

@section('layout.dashboard.footer')
    @parent
    @include('common.popups')
    @vite(['resources/ts/pos-init.ts'])
    <script>
        const nsShortcuts =