@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))
                <img src="{{ ns()->option->get('ns_store_square_logo') }}" alt="POS">
            @else
                <img src="{{ asset('svg/ary-tech-pos.svg') }}" class="w-32" alt="POS">
            @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 =