@extends('admin.layouts.app')
@section('page-title', $currentPage)
@section('body-class', 'client-space-preview')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/wholesale.css') }}?v={{ filemtime(public_path('assets/wholesale.css')) }}">
<link rel="stylesheet" href="{{ asset('assets/client-space.css') }}?v={{ filemtime(public_path('assets/client-space.css')) }}">
@endpush
@push('scripts')
<script type="module" src="{{ asset('assets/client-space.js') }}?v={{ filemtime(public_path('assets/client-space.js')) }}"></script>
@endpush
@section('content')
<div class="ws-app op-app" data-op-page="{{ $clientPage }}" data-selected-id="{{ $selectedId }}" data-image-base="{{ asset('images/categories') }}/">
<div class="ws-toolbar"><div><h2>{{ $currentPage }}</h2><span class="quiet-badge">Design preview</span></div><div>@if($clientPage === 'users')<button type="button" class="ws-button ws-primary" data-add-user>Add staff user</button>@elseif($clientPage === 'roles')<a class="ws-button" href="{{ route('admin.settings.users') }}">User Management</a>@elseif($activeModule === 'orders')<a class="ws-button" href="{{ route('admin.orders.index') }}">Order List</a>@else<a class="ws-button" href="{{ route('admin.customers.index') }}">Customer List</a>@endif</div></div>
<div class="ws-metrics" data-op-metrics></div>
@if(in_array($clientPage, ['order-detail','customer-detail','roles']))
<div data-op-detail></div>
@else
<section class="panel"><div class="ws-filters"><label class="ws-search"><x-icon name="search" :size="16" /><input type="search" data-op-search aria-label="Search records" placeholder="Search name, reference or email"></label><select data-op-status aria-label="Filter status"><option value="">All statuses</option></select><select data-op-type aria-label="Filter type"><option value="">All types</option></select><button type="button" class="ws-text-button" data-op-reset>Reset filters</button></div><div class="ws-table-scroll"><table class="ws-table op-table"><caption class="sr-only">{{ $currentPage }}</caption><thead data-op-head></thead><tbody data-op-rows><tr><td class="ws-empty">Loading demo records?</td></tr></tbody></table></div><div class="ws-pagination"><span data-op-page-label></span><div><button type="button" class="ws-button" data-op-prev>Previous</button><button type="button" class="ws-button" data-op-next>Next</button></div></div></section>
@endif
<p class="ws-message op-message" data-op-message role="status" aria-live="polite">UI preview only. No order, account, permission, stock or message is saved or sent. Changes reset on refresh/navigation.</p>
<dialog class="ws-document op-dialog" data-op-dialog aria-labelledby="op-dialog-title"><div class="ws-panel-heading ws-document-actions"><h2 id="op-dialog-title">Preview</h2><button type="button" class="icon-button" data-op-close aria-label="Close preview"><x-icon name="close" :size="18" /></button></div><div data-op-dialog-content></div></dialog>
</div>
<script type="application/json" id="client-space-preview-data">{!! json_encode($clientData, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@endsection