@extends('layouts.dashboard')
@section('title','Warehouse Demo Request')
@section('page-title','Warehouse Demo Request')
@section('content')
<div class="snyt-page">
  <section class="snyt-hero">
    <div><h1>{{ $record->reference }}</h1><p>Paper Series: {{ $record->series_number }} · One request · {{ $documents->count() }} Focus STI {{ $documents->count()===1?'document':'documents' }} · {{ $record->destination_name }}</p></div>
    <div class="flex flex-wrap gap-2"><span class="badge badge-warning">DEMO MODE</span><span class="badge badge-outline">{{ strtoupper(str_replace('_',' ',$record->status)) }}</span><a href="{{ route('warehouse-operations.index') }}" class="btn btn-sm btn-primary rounded-xl">← Warehouse Operations</a><a href="{{ route('warehouse-operations.demo.create') }}" class="btn btn-sm btn-outline rounded-xl">+ New Demo Order</a></div>
  </section>
  @if(session('success'))<div class="alert alert-success rounded-xl mb-4">{{ session('success') }}</div>@endif
  @if($errors->any())<div class="alert alert-error rounded-xl mb-4">{{ $errors->first() }}</div>@endif
  <section class="mb-4"><x-ui.card>
    <div class="flex justify-between items-start flex-wrap gap-3">
      <div><h2 class="text-xl font-bold">Combined Warehouse Picking Order</h2><p class="opacity-65 text-sm">Salesman / Receiver: <strong>{{ $record->receiver_name ?: $record->destination_name }}</strong> · Destination: {{ $record->destination_name }} @if(filled($record->customer_name)) · Customer: <strong>{{ $record->customer_name }}</strong> @endif · {{ $record->created_at }}</p></div>
      <div class="flex flex-wrap gap-2">
        @if($record->status!=='cancelled' && $documents->every(fn($d)=>filled($d->sti_number)))
          <a href="{{ route('warehouse-operations.demo.excel',$record->id) }}" class="btn btn-success rounded-xl"><span>⬇</span> Download Excel</a>
          <a href="{{ route('warehouse-operations.demo.image',$record->id) }}" class="btn btn-primary rounded-xl"><span>⬇</span> Download Image (PNG)</a>
        @else
          <button disabled class="btn btn-success rounded-xl">⬇ Download Excel</button>
          <button disabled class="btn btn-primary rounded-xl">⬇ Download Image</button>
          <span class="text-xs self-center opacity-65">Enter Focus STI number for every used warehouse first.</span>
        @endif
      </div>
    </div>
    <div class="mt-3 text-xs opacity-65">Exports contain only source warehouses actually used by this request. Focus STI numbers are manual; none are generated by SNYT.</div>
  </x-ui.card></section>
  @if($record->unavailable_items->isNotEmpty())
  <section class="mb-5"><x-ui.card><h2 class="text-xl font-bold text-warning mb-2">Not Available · Both warehouses</h2>
    <p class="text-sm opacity-70 mb-3">These products remain on the picking sheet, but they do not reserve or deduct warehouse stock.</p>
    <div class="overflow-x-auto"><table class="table table-zebra table-sm"><thead><tr><th>SKU</th><th>Barcode</th><th>Product</th><th>Requested but unavailable</th><th>DIP</th><th>WiWU-DIP</th></tr></thead><tbody>
    @foreach($record->unavailable_items as $item)<tr><td>{{ $item->sku }}</td><td>{{ $item->barcode }}</td><td>{{ $item->name }}</td><td>{{ $item->quantity }}</td><td>Not Available</td><td>Not Available</td></tr>@endforeach
    </tbody></table></div>
  </x-ui.card></section>
  @endif
  @foreach($documents as $document)
  <section class="mb-5"><x-ui.card>
    <div class="flex flex-wrap justify-between gap-3 mb-4 items-start">
      <div><div class="flex flex-wrap items-center gap-2"><h2 class="font-bold text-xl">{{ $document->warehouse_name }}</h2><span class="badge badge-primary">{{ $loop->iteration }} / {{ $documents->count() }}</span><span class="badge {{ $document->status==='received'?'badge-success':($document->sti_number?'badge-info':'badge-warning') }}">{{ ucfirst(str_replace('_',' ',$document->status)) }}</span></div>
      <p class="text-sm opacity-65">Source: {{ $document->warehouse_code }} · {{ $document->items->count() }} item rows · {{ number_format($document->items->sum('quantity')) }} pcs</p></div>
      <div class="text-right"><div class="text-xs opacity-60">Focus STI Number</div><div class="text-xl font-black font-mono">{{ $document->sti_number ?: 'Not entered' }}</div>@if($document->str_number)<div class="text-sm">STR: <strong>{{ $document->str_number }}</strong></div>@endif</div>
    </div>
    <div class="overflow-x-auto">
      <table class="table table-zebra">
        <thead><tr><th>#</th><th>Product</th><th>Category</th><th>SKU · Copy individually into Focus</th><th>Barcode</th><th class="text-right">Qty</th></tr></thead>
        <tbody>
          @foreach($document->items as $item)
          <tr>
            <td>{{ $loop->iteration }}</td>
            <td><div class="flex gap-3 items-center">
              @if($item->main_image)<img src="{{ str_starts_with($item->main_image,'http')?$item->main_image:asset('storage/'.ltrim(preg_replace('#^storage/#','',$item->main_image),'/')) }}" class="w-12 h-12 rounded-lg object-contain bg-base-200" loading="lazy" alt="">@endif
              <div class="max-w-[250px]"><div class="text-sm font-semibold">{{ $item->name }}</div><div class="opacity-55 text-xs">WhatsApp line {{ $item->original_line }}</div></div>
            </div></td>
            <td><span class="badge badge-ghost">{{ $item->category?:'Uncategorized' }}</span></td>
            <td><div class="flex gap-2 items-center"><code class="font-semibold text-sm">{{ $item->sku }}</code><button type="button" class="btn btn-xs btn-primary btn-outline" onclick='copyWarehouseSku(@json($item->sku),this)'>📋 Copy SKU</button></div></td>
            <td><code class="text-xs">{{ $item->barcode }}</code></td>
            <td class="font-black text-lg text-right">{{ number_format($item->quantity) }}</td>
          </tr>
          @endforeach
        </tbody>
        <tfoot><tr><td colspan="5" class="text-right font-bold">{{ $document->warehouse_name }} Total</td><td class="text-right font-black">{{ number_format($document->items->sum('quantity')) }}</td></tr></tfoot>
      </table>
    </div>
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4">
      <div class="rounded-xl border border-base-300 p-4">
        <h3 class="font-bold mb-2">Step 1 · Create STI in Focus</h3>
        <p class="text-xs opacity-65 mb-3">Copy each SKU separately using its button above; enter the quantity beside it in Focus, then return here and enter the real Focus STI number for <strong>{{ $document->warehouse_name }}</strong>.</p>
        @if($document->status!=='received' && $document->status!=='cancelled')
          <form method="POST" action="{{ route('warehouse-operations.demo.sti',[$record->id,$document->id]) }}" class="flex flex-wrap gap-2">@csrf
            <input name="sti_number" class="input input-bordered flex-1 min-w-[140px]" placeholder="Focus STI number" value="{{ $document->sti_number }}" required maxlength="80">
            <button class="btn btn-primary" type="submit">{{ $document->sti_number?'Update STI':'Save STI' }}</button>
          </form>
        @else <p class="font-mono">{{ $document->sti_number?:'Not entered' }}</p> @endif
      </div>
      <div class="rounded-xl border border-base-300 p-4">
        <h3 class="font-bold mb-2">Step 2 · Confirm STR</h3>
        <p class="text-xs opacity-65 mb-3">Only after the physical transfer is registered in Focus. Confirming posts quantities from the demo source into the demo receiver, exactly once.</p>
        @if($document->status==='received')
          <span class="badge badge-success">✓ Demo transfer received</span><p class="text-xs opacity-60 mt-2">{{ $document->posted_at }}</p>
        @elseif($document->sti_number && $document->status!=='cancelled')
          @if(auth()->user()->isAdmin())
            <form method="POST" action="{{ route('warehouse-operations.demo.str',[$record->id,$document->id]) }}" class="flex flex-wrap gap-2" onsubmit="return confirm('Post DEMO STR and move stock from {{ $document->warehouse_code }} to demo receiver?')">@csrf
              <input name="str_number" class="input input-bordered flex-1 min-w-[140px]" placeholder="Focus STR number" required maxlength="80">
              <button type="submit" class="btn btn-success">Confirm Demo STR</button>
            </form>
          @else <p class="text-sm">Admin must confirm STR.</p> @endif
        @else <p class="text-sm opacity-60">Waiting for Focus STI number.</p> @endif
      </div>
    </div>
  </x-ui.card></section>
  @endforeach
  <section class="mb-5"><x-ui.card>
    <div class="flex flex-wrap justify-between gap-3">
      <div><h3 class="font-bold text-lg">Combined Order Summary</h3><p class="opacity-60 text-sm">One request, one picking sheet, each warehouse has its own Focus STI.</p></div>
      <div class="text-right"><div class="text-2xl font-black">{{ number_format($documents->sum(fn($d)=>$d->items->sum('quantity'))) }} pcs</div><p class="text-xs opacity-60">{{ $documents->count() }} source warehouse(s)</p></div>
    </div>
    @if($destStock->isNotEmpty())<div class="mt-4"><strong>Receiver's demo stock after posted STRs</strong><div class="overflow-x-auto"><table class="table table-sm"><thead><tr><th>SKU</th><th>Product</th><th>Received Qty</th></tr></thead><tbody>@foreach($destStock as $row)<tr><td class="font-mono">{{ $row->sku }}</td><td>{{ $row->name }}</td><td>{{ $row->quantity }}</td></tr>@endforeach</tbody></table></div></div>@endif
    @if(!in_array($record->status,['cancelled','received','partially_received'],true))
      <form action="{{ route('warehouse-operations.demo.cancel',$record->id) }}" method="POST" class="mt-4" onsubmit="return confirm('Cancel this demo order and release ALL unposted reservations?')">@csrf<button class="btn btn-outline btn-error btn-sm">Cancel Demo Order / Release Reservations</button></form>
    @endif
  </x-ui.card></section>
</div>
<script>
async function copyWarehouseSku(sku,button){
 try {await navigator.clipboard.writeText(String(sku)); const old=button.textContent;button.textContent='✓ Copied';setTimeout(()=>button.textContent=old,1400);}
 catch(e){const field=document.createElement('textarea');field.value=sku;document.body.appendChild(field);field.select();document.execCommand('copy');field.remove();button.textContent='✓ Copied';}
}
</script>
@endsection