@extends('admin.layouts.app')
@section('body-class', 'wholesale-preview')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/wholesale.css') }}?v={{ filemtime(public_path('assets/wholesale.css')) }}">
@endpush
@push('scripts')
<script type="module" src="{{ asset('assets/wholesale.js') }}?v={{ filemtime(public_path('assets/wholesale.js')) }}"></script>
@endpush
@section('content')
<div class="ws-app" id="wholesale-app" data-ws-page="{{ $wholesalePage }}" data-image-base="{{ asset('images/categories') }}/">
    <div class="ws-toolbar"><div><h2>{{ $currentPage }}</h2><span class="quiet-badge">Design preview</span></div><div>@yield('wholesale-actions')</div></div>
    @yield('wholesale-content')
    <p class="ws-demo-note">Demo data only. Preview actions do not save parties, invoices or payments, change stock, or update the ledger. Changes reset when you leave or refresh this page.</p>
    <dialog class="ws-document" data-ws-document aria-labelledby="ws-document-title"><div class="ws-panel-heading ws-document-actions"><h2 id="ws-document-title">Preview</h2><button type="button" class="icon-button" data-ws-close aria-label="Close preview"><x-icon name="close" :size="18" /></button></div><div data-ws-document-content></div><div class="ws-dialog-actions ws-document-actions"><button type="button" class="ws-button" data-ws-close>Close</button><button type="button" class="ws-button ws-primary" data-ws-print><x-icon name="receipt" :size="15" /> Print preview</button></div></dialog>
</div>
<script type="application/json" id="wholesale-preview-data">{!! json_encode($wholesaleData, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@endsection