@extends('layouts.dashboard')
@section('title', 'Warehouse Operations')
@section('page-title', 'Warehouse Operations')
@section('content')
<div class="snyt-page" x-data="warehousePreview()">
    <section class="snyt-hero">
        <div><h1>Warehouse Operations</h1><p>One workspace for WhatsApp stock requests, Focus inventory and warehouse transfers.</p></div>
        <div class="snyt-page-header__actions flex flex-wrap gap-2"><span class="badge badge-outline">Focus · Manual STI / STR</span><a href="{{ route('warehouse-operations.orders.create') }}" class="btn btn-primary btn-sm rounded-xl">New Warehouse Order →</a></div>
    </section>
    @if(!$ready)
    <div class="alert alert-warning rounded-2xl mb-5"><span>Warehouse data tables are not installed yet. Preview is available without changing production stock. Imports, reservations and STR posting remain disabled.</span></div>
    @endif
    <section class="snyt-kpis">
        <x-ui.metric label="Warehouse locations" :value="$locations->count()" hint="Configured sources and destinations" tone="cyan" />
        <x-ui.metric label="STI awaiting STR" :value="$pending" hint="Cleared only after receipt confirmation" tone="warning" />
        <x-ui.metric label="Recent requests" :value="$requests->count()" hint="Latest 15 stock requests" />
        <x-ui.metric label="Integration mode" value="Manual" hint="No direct Focus connection" tone="cyan" />
    </section>
    <section class="mb-5"><x-ui.card><div class="flex flex-wrap justify-between items-center gap-3"><div><h2 class="text-lg font-bold">Warehouse Order History</h2><p class="text-sm opacity-70">Browse all orders, 30 per page, with search and status filters.</p></div><a class="btn btn-primary" href="{{ route('warehouse-operations.order-history') }}">View All Warehouse Orders →</a></div></x-ui.card></section>
    <section class="mb-5"><x-ui.card>
        <x-ui.section-header title="Morning Focus stock import" subtitle="Upload DIP and WIWU-DIP separately. Check and confirm each report before updating available stock." />
        @if($errors->any())<div class="alert alert-error rounded-xl mb-3">{{ $errors->first() }}</div>@endif
        @if(session('success'))<div class="alert alert-success rounded-xl mb-3">{{ session('success') }}</div>@endif
        @if($ready && auth()->user()->isAdmin())
        <form method="POST" action="{{ route('warehouse-operations.import.upload') }}" enctype="multipart/form-data" class="grid grid-cols-1 md:grid-cols-5 gap-3 items-end">@csrf
            <div class="md:col-span-2"><label for="warehouse-code" class="label font-semibold">Select warehouse</label><select id="warehouse-code" name="warehouse_code" class="select select-bordered w-full rounded-xl" required><option value="">Choose location...</option><option value="DIP">DIP NEW WH</option><option value="WIWUDIP">WiWU-DIP WH</option></select></div>
            <div class="md:col-span-2"><label for="warehouse-file" class="label font-semibold">Focus Stock Movement (.xlsx / .xls)</label><input id="warehouse-file" type="file" name="import_file" accept=".xlsx,.xls" class="file-input file-input-bordered w-full rounded-xl" required /></div>
            <div><button class="btn btn-primary w-full rounded-xl">Upload & review</button></div>
        </form>
        <p class="text-xs opacity-60 mt-3">Focus format: warehouse in F3, report date in F4, header row 6, Balance Quantity in column J. Files are staged first and never automatically replace stock.</p>
        @elseif(!$ready)<p class="text-sm opacity-70">Database setup is pending. Upload will become available after the isolated warehouse migration is installed.</p>@endif
        @if($snapshots->isNotEmpty())
        <div class="mt-5 overflow-x-auto"><table class="table"><thead><tr><th>Warehouse</th><th>Report date</th><th>Products</th><th>Import status</th><th></th></tr></thead><tbody>@foreach($snapshots as $snapshot)<tr><td class="font-semibold">{{ $snapshot->location_name }}</td><td>{{ substr($snapshot->effective_at,0,10) }}</td><td>{{ number_format($snapshot->row_count) }}</td><td><span class="badge {{ $snapshot->status==='active' ? 'badge-success' : ($snapshot->status==='staged' ? 'badge-warning' : 'badge-ghost') }}">{{ ucfirst($snapshot->status) }}</span></td><td><a class="btn btn-sm btn-ghost rounded-xl" href="{{ route('warehouse-operations.import.review',$snapshot->id) }}">Review →</a></td></tr>@endforeach</tbody></table></div>
        @endif
    </x-ui.card></section>
    @if($demoStock->isNotEmpty())
    <section class="mb-5"><x-ui.card>
      <div class="flex flex-wrap items-center justify-between gap-3 mb-4"><div><h2 class="text-lg font-bold">Sandbox / Demo Mode <span class="badge badge-warning ml-2">TEST ONLY</span></h2><p class="text-sm opacity-70">{{ $demoStock->count() }} isolated demo stock entries; Focus warehouse balances and van stock remain untouched.</p></div><div class="join"><button type="button" class="btn btn-sm join-item" x-on:click="demoMode=false" x-bind:class="!demoMode ? 'btn-primary' : 'btn-outline'">Live View</button><button type="button" class="btn btn-sm join-item" x-on:click="demoMode=true" x-bind:class="demoMode ? 'btn-warning' : 'btn-outline'">Demo View</button></div></div>
      <div x-show="demoMode" x-cloak><div class="mb-3 flex gap-3 flex-wrap items-center"><span class="badge badge-warning">{{ $demoPending }} Demo STI awaiting STR</span>@foreach($demoRecent as $d)<a class="badge badge-outline" href="{{ route('warehouse-operations.demo.show',$d->id) }}">{{ $d->reference }} · {{ str_replace('_',' ',$d->status) }}</a>@endforeach</div><div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-3 mb-4">@foreach($demoLocations as $destination)<div class="rounded-xl border border-base-300 bg-base-200 p-3"><div class="flex items-center justify-between gap-2"><strong>{{ $destination->name }}</strong><span class="badge badge-outline">{{ ucfirst($destination->type) }}</span></div><p class="font-mono text-xs opacity-60 mt-1">{{ $destination->code }}</p></div>@endforeach</div><div class="alert alert-warning rounded-xl mb-3"><span>Demo stock is completely separate from live inventory. Use the Demo Order Builder to allocate stock, copy individual SKUs into Focus, register an STI per warehouse, download Excel/PNG, and test STR posting safely.</span></div><div class="overflow-x-auto max-h-80"><table class="table table-zebra table-sm"><thead><tr><th>Warehouse</th><th>Product</th><th>SKU</th><th>Barcode</th><th class="text-right">Demo Qty</th></tr></thead><tbody>@foreach($demoStock as $demo)<tr><td><span class="badge badge-ghost">{{ $demo->warehouse }}</span></td><td>{{ $demo->name }}</td><td class="font-mono">{{ $demo->sku }}</td><td class="font-mono">{{ $demo->barcode }}</td><td class="font-bold text-right">{{ number_format($demo->quantity,0) }}</td></tr>@endforeach</tbody></table></div></div>
    </x-ui.card></section>
    @endif
    <div class="grid grid-cols-1 xl:grid-cols-5 gap-5">
        <div class="xl:col-span-2"><x-ui.card>
            <x-ui.section-header title="WhatsApp order" subtitle="Paste barcode suffix and quantity, one per line" />
            <label class="label font-semibold" for="warehouse-message">Salesman order</label>
            <textarea id="warehouse-message" x-model="message" class="textarea textarea-bordered w-full min-h-64 rounded-xl font-mono text-sm" placeholder="11402-20&#10;11372-20&#10;12798_5"></textarea>
            <div class="mt-3 flex flex-wrap gap-2"><button type="button" class="btn btn-primary rounded-xl" x-on:click="sessionStorage.setItem('snyt-warehouse-order-text',message); window.location.assign('{{ route('warehouse-operations.orders.create') }}')" x-bind:disabled="!message.trim()">Match & Allocate →</button><button type="button" class="btn btn-outline rounded-xl" x-on:click="preview()" x-bind:disabled="busy || !message.trim()"><span x-text="busy ? 'Checking…' : 'Preview only'"></span></button><button type="button" class="btn btn-ghost rounded-xl" x-on:click="message=''; result=null; error=''">Clear</button></div>
            <p class="mt-3 text-xs opacity-70">This preview never reserves stock or creates Focus documents. All ambiguous and duplicate codes require manual review.</p>
        </x-ui.card></div>
        <div class="xl:col-span-3"><x-ui.card>
            <x-ui.section-header title="Product matching" subtitle="Exact suffix matches, never automatic fuzzy selection" />
            <template x-if="error"><div class="alert alert-error mb-3 rounded-xl" x-text="error"></div></template>
            <template x-if="!result"><div class="py-14 text-center opacity-60"><div class="text-4xl mb-2">⌕</div><p>Paste an order to inspect products, quantities and duplicates.</p></div></template>
            <template x-if="result"><div><div class="flex gap-2 mb-3"><span class="badge badge-primary" x-text="result.total_lines+' lines'"></span><span class="badge badge-outline" x-text="result.total_pieces+' pieces'"></span></div><div class="space-y-3 max-h-[650px] overflow-auto pr-1">
                <template x-for="line in result.lines" :key="line.number"><div class="rounded-2xl border border-base-300 p-3">
                    <div class="flex flex-wrap gap-2 items-center mb-2"><strong class="font-mono" x-text="line.raw"></strong><span class="text-xs opacity-60" x-text="'Line '+line.number"></span><span x-show="line.duplicate" class="badge badge-warning">Duplicate · review</span><span x-show="!line.valid" class="badge badge-error">Invalid format</span><span x-show="line.valid && line.matches.length===0" class="badge badge-error">Not found</span><span x-show="line.matches.length>1" class="badge badge-warning">Multiple matches</span></div>
                    <template x-for="product in line.matches" :key="product.id"><div class="flex items-center gap-3 border-t border-base-200 py-2"><div class="w-12 h-12 bg-base-200 rounded-xl overflow-hidden shrink-0"><img x-show="product.main_image" x-bind:src="imageUrl(product.main_image)" class="w-full h-full object-contain" alt="Product image" loading="lazy"></div><div class="min-w-0"><p class="text-sm font-semibold" x-text="product.name"></p><p class="text-xs opacity-60" x-text="(product.sku || 'No SKU')+' · '+(product.barcode || 'No barcode')"></p></div></div></template>
                    <p x-show="line.truncated_matches" class="text-xs text-warning">15+ candidates: requires refined lookup before selection.</p>
                </div></template>
            </div></div></template>
        </x-ui.card></div>
    </div>
    <section class="mt-5"><x-ui.card><x-ui.section-header title="Inventory & transfer workflow" subtitle="Planned workflow — operations are disabled until validation and protected posting are ready" /><div class="grid sm:grid-cols-2 xl:grid-cols-4 gap-3"><div class="rounded-2xl bg-base-200 p-4"><strong>01 · Morning import</strong><p class="text-sm opacity-70 mt-2">DIP and WIWU-DIP snapshots</p></div><div class="rounded-2xl bg-base-200 p-4"><strong>02 · Reserve stock</strong><p class="text-sm opacity-70 mt-2">Choose location and destination</p></div><div class="rounded-2xl bg-base-200 p-4"><strong>03 · STI preparation</strong><p class="text-sm opacity-70 mt-2">Excel and warehouse share image</p></div><div class="rounded-2xl bg-base-200 p-4"><strong>04 · STR receipt</strong><p class="text-sm opacity-70 mt-2">Atomic movement into receiver stock</p></div></div></x-ui.card></section>
</div>
<script>
function warehousePreview(){return {demoMode:false,message:'',busy:false,result:null,error:'',imageUrl(path){if(!path)return '';return path.startsWith('http')?path:'{{ url('/') }}/storage/'+path.replace(/^\/+|^storage\//g,'');},async preview(){this.busy=true;this.error='';this.result=null;try{const r=await fetch('{{ route('warehouse-operations.preview') }}',{method:'POST',headers:{'Content-Type':'application/json','Accept':'application/json','X-CSRF-TOKEN':document.querySelector('meta[name="csrf-token"]')?.content||'{{ csrf_token() }}'},body:JSON.stringify({message:this.message})});if(!r.ok)throw Error('Unable to preview ('+r.status+')');this.result=await r.json();}catch(e){this.error=e.message;}finally{this.busy=false;}}};}
</script>
@endsection