@extends('layouts.dashboard')
@section('title','Warehouse Request')
@section('page-title','Warehouse 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">LIVE OPERATIONS</span><span class="badge badge-outline">{{ strtoupper(str_replace('_',' ',$record->status)) }}</span><a href="{{ route('warehouse-operations.order-history') }}" class="btn btn-sm btn-primary rounded-xl">← All Warehouse Orders</a><a href="{{ route('warehouse-operations.orders.create') }}" class="btn btn-sm btn-outline rounded-xl">+ New 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
  @if(in_array($record->status,['reserved','awaiting_str'],true) && $documents->every(fn($d)=>!$d->str_number))
  <div class="mb-3"><a class="btn btn-primary" href="{{ route('warehouse-operations.orders.receiver.edit',$record->id) }}">Change Salesman / Showroom Destination · Keep SERIES & STI</a></div>
  @endif
  @if($record->status==='reserved' && $documents->every(fn($d)=>!$d->sti_number))
  <div class="mb-4"><a class="btn btn-warning" href="{{ route('warehouse-operations.orders.edit',$record->id) }}">Edit allocation · Same SERIES</a></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.orders.excel',$record->id) }}" class="btn btn-success rounded-xl"><span>⬇</span> Download Excel</a>
          <a href="{{ route('warehouse-operations.orders.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>
    @if(auth()->user()->isAdmin() && in_array($document->status,['reserved','sti_entered'],true) && !$document->str_number && !$document->posted_at)
    <form method="POST" action="{{ route('warehouse-operations.orders.documents.cancel',[$record->id,$document->id]) }}" class="mb-3 flex flex-wrap items-end gap-2" onsubmit="return confirm('Cancel ONLY this {{ $document->warehouse_code }} STI in SNYT? Ensure its Focus STI is cancelled separately. Other STRs will remain unchanged.')">
      @csrf
      <label class="flex-1 min-w-[220px] text-sm">Reason for cancelling this STI<input name="reason" class="input input-bordered w-full mt-1" required minlength="5" maxlength="500" placeholder="e.g. STI cancelled in Focus / stock unavailable"></label>
      <button class="btn btn-outline btn-error" type="submit">Cancel this STI only</button>
    </form>
    @endif
    @if(in_array($document->status,['reserved','sti_entered'],true))
    <div class="alert alert-warning rounded-xl mb-3"><span><strong>Before STR:</strong> Change the quantity or remove an unavailable product below. The STI number stays the same. Changes here do not automatically update Focus — edit the same STI there before confirming STR.</span></div>
    @endif
    <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="text-right">
              @if(in_array($document->status,['reserved','sti_entered'],true))
                <form method="POST" action="{{ route('warehouse-operations.orders.lines.adjust',[$record->id,$document->id,$item->id]) }}" class="flex justify-end gap-2 items-center flex-wrap" onsubmit="return confirm('Update this line locally? Also update the same STI in Focus before STR.')">
                  @csrf
                  <input type="number" name="quantity" min="0" max="1000000" value="{{ (int)$item->quantity }}" class="input input-bordered input-sm w-20 text-right" required aria-label="Quantity">
                  <button type="submit" class="btn btn-xs btn-primary">Save</button>
                  <button type="submit" name="quantity" value="0" class="btn btn-xs btn-outline btn-error" onclick="return confirm('Remove this item? You must also remove it from the same Focus STI.')">Remove</button>
                </form>
              @else <strong>{{ number_format($item->quantity) }}</strong> @endif
            </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.orders.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 records quantities in the warehouse order register, exactly once.</p>
        @if($document->status==='received')
          <span class="badge badge-success">✓ Transfer confirmed</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.orders.str',[$record->id,$document->id]) }}" class="flex flex-wrap gap-2" onsubmit="return confirm('Confirm Focus STR for {{ $document->warehouse_code }} to 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 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($isShowroom)<p class="text-sm opacity-70 mt-3">Showroom outbound tracking only: sales and live showroom on-hand are not managed. The source DIP / WIWU-DIP balance is adjusted when STR is confirmed.</p>@elseif($destStock->isNotEmpty())<div class="mt-4"><strong>Receiver's recorded 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.orders.cancel',$record->id) }}" method="POST" class="mt-4" onsubmit="return confirm('Cancel this order and release ALL unposted reservations?')">@csrf<button class="btn btn-outline btn-error btn-sm">Cancel 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