<!DOCTYPE html>
<html lang="en" data-surface="pos">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', 'POS - ' . \App\Models\Setting::get('site_name', 'KiyoKart') . ' Admin')</title>

    <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=Fraunces:opsz,wght@9..144,500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="{{ asset('css/bootstrap-icons.css') }}">
    <link rel="stylesheet" href="{{ asset('css/app.css') }}?v={{ @filemtime(public_path('css/app.css')) }}">
    <link rel="stylesheet" href="{{ asset('css/pos.css') }}?v={{ @filemtime(public_path('css/pos.css')) }}">
    @include('partials.select2-styles')
    @stack('styles')
</head>
<body class="pos-body">
    @yield('content')

    <script src="{{ asset('js/ui-bridge.js') }}?v={{ @filemtime(public_path('js/ui-bridge.js')) }}"></script>
    @include('partials.select2-scripts')
    <script src="{{ asset('js/app.js') }}?v={{ @filemtime(public_path('js/app.js')) }}"></script>
    <script src="{{ asset('js/pos-ui.js') }}?v={{ @filemtime(public_path('js/pos-ui.js')) }}"></script>
    <script defer src="{{ asset('js/alpine.min.js') }}"></script>

    @stack('scripts')
</body>
</html>
