@extends('layouts.admin')
@section('title','Transfer '.$transfer->number)
@section('content')
@php
  $label = fn (string $v) => ucwords(str_replace(['_', '-'], ' ', $v));
  $statusTone = match ($transfer->status) {
      'draft' => 'muted',
      'in_transit' => 'info',
      'partial' => 'warning',
      'received' => 'success',
      'canceled' => 'danger',
      default => 'muted',
  };
  $requested = (int) $transfer->lines->sum('quantity');
  $shipped = (int) $transfer->lines->sum('quantity_shipped');
  $received = (int) $transfer->lines->sum('quantity_received');
  $pct = $requested > 0 ? (int) round(($received / $requested) * 100) : 0;
@endphp

<x-admin.page
    title="{{ $transfer->number }}"
    subtitle="{{ $transfer->fromLocation?->name }} → {{ $transfer->toLocation?->name }}"
>
    <x-slot:actions>
        <a href="{{ route('admin.transfers.index') }}" class="admin-btn">
            <i data-lucide="arrow-left" class="h-3.5 w-3.5"></i>
            All transfers
        </a>
        <a href="{{ route('admin.inventory.index') }}" class="admin-btn">Inventory</a>
        @if($transfer->isDraft())
            <form method="post" action="{{ route('admin.transfers.cancel', $transfer) }}" onsubmit="return confirm('Cancel this draft transfer?')">
                @csrf
                <button type="submit" class="admin-btn">Cancel draft</button>
            </form>
        @endif
    </x-slot:actions>

    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            {{ $errors->first() }}
        </div>
    @endif

    <div class="order-ops-stat-rail mb-6">
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Status</span>
            <span class="order-ops-stat-value text-base"><x-admin.badge :tone="$statusTone">{{ $label($transfer->status) }}</x-admin.badge></span>
            <span class="order-ops-stat-meta">{{ $transfer->createdBy?->name ?? 'System' }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Requested</span>
            <span class="order-ops-stat-value">{{ number_format($requested) }}</span>
            <span class="order-ops-stat-meta">{{ $transfer->lines->count() }} SKUs</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Shipped</span>
            <span class="order-ops-stat-value">{{ number_format($shipped) }}</span>
            <span class="order-ops-stat-meta">Left origin</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Received</span>
            <span class="order-ops-stat-value">{{ number_format($received) }}</span>
            <span class="order-ops-stat-meta">{{ $pct }}% complete</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Lane</span>
            <span class="order-ops-stat-value text-lg">{{ $transfer->fromLocation?->code }} → {{ $transfer->toLocation?->code }}</span>
            <span class="order-ops-stat-meta">{{ $transfer->created_at?->timezone(config('app.timezone'))->format('Y-m-d H:i') }}</span>
        </div>
    </div>

    <div class="mb-6 h-2 overflow-hidden rounded-full bg-[#e4e5e7]">
        <div class="h-full rounded-full bg-[#202223]" style="width: {{ $pct }}%"></div>
    </div>

    <div class="grid gap-4 lg:grid-cols-3">
        <div class="lg:col-span-2 space-y-4">
            @if($transfer->canShip())
                <form method="post" action="{{ route('admin.transfers.ship', $transfer) }}" class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                    @csrf
                    <h2 class="mb-1 text-sm font-semibold text-[#202223]">Ship</h2>
                    <p class="mb-4 text-xs text-[#6d7175]">Deducts available at origin and posts incoming at destination. Partial quantities are allowed.</p>
                    <div class="overflow-x-auto">
                        <table class="w-full text-sm">
                            <thead>
                                <tr class="text-left text-xs text-[#8c9196]">
                                    <th class="pb-2">SKU</th>
                                    <th>Need</th>
                                    <th>Left to ship</th>
                                    <th>This shipment</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($transfer->lines as $line)
                                    <tr class="border-t border-black/5">
                                        <td class="py-2">
                                            <div class="font-medium">{{ $line->variant?->sku ?? '—' }}</div>
                                            <div class="text-xs text-[#8c9196]">{{ $line->variant?->product?->title }}</div>
                                        </td>
                                        <td class="tabular-nums">{{ $line->quantity }}</td>
                                        <td class="tabular-nums">{{ $line->remainingToShip() }}</td>
                                        <td>
                                            <input type="number" name="line_qty[{{ $line->id }}]" min="0" max="{{ $line->remainingToShip() }}" value="{{ $line->remainingToShip() }}" class="admin-input w-24" @disabled($line->remainingToShip() < 1)>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <label class="mt-4 block text-xs font-medium text-[#6d7175]">Tracking
                        <input type="text" name="tracking" class="admin-input mt-1 w-full max-w-sm" placeholder="Optional carrier tracking">
                    </label>
                    <button type="submit" class="admin-btn admin-btn-primary mt-4">Ship selected quantities</button>
                </form>
            @endif

            @if($transfer->canReceive())
                <form method="post" action="{{ route('admin.transfers.receive', $transfer) }}" class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                    @csrf
                    <h2 class="mb-1 text-sm font-semibold text-[#202223]">Receive</h2>
                    <p class="mb-4 text-xs text-[#6d7175]">Converts destination incoming into on-hand / available. You can split receipts.</p>
                    <div class="overflow-x-auto">
                        <table class="w-full text-sm">
                            <thead>
                                <tr class="text-left text-xs text-[#8c9196]">
                                    <th class="pb-2">SKU</th>
                                    <th>Shipped</th>
                                    <th>Outstanding</th>
                                    <th>This receipt</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($transfer->lines as $line)
                                    <tr class="border-t border-black/5">
                                        <td class="py-2 font-medium">{{ $line->variant?->sku ?? '—' }}</td>
                                        <td class="tabular-nums">{{ $line->quantity_shipped }}</td>
                                        <td class="tabular-nums">{{ $line->remainingToReceive() }}</td>
                                        <td>
                                            <input type="number" name="line_qty[{{ $line->id }}]" min="0" max="{{ $line->remainingToReceive() }}" value="{{ $line->remainingToReceive() }}" class="admin-input w-24" @disabled($line->remainingToReceive() < 1)>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <button type="submit" class="admin-btn admin-btn-primary mt-4">Receive selected quantities</button>
                </form>
            @endif

            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Line board</h2>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="text-left text-xs text-[#8c9196]">
                                <th class="pb-2">SKU / Product</th>
                                <th>Qty</th>
                                <th>Shipped</th>
                                <th>Received</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($transfer->lines as $line)
                                <tr class="border-t border-black/5">
                                    <td class="py-2">
                                        <div class="font-medium">{{ $line->variant?->sku ?? '—' }}</div>
                                        <div class="text-xs text-[#8c9196]">{{ $line->variant?->product?->title }}</div>
                                    </td>
                                    <td class="tabular-nums font-semibold">{{ $line->quantity }}</td>
                                    <td class="tabular-nums">{{ $line->quantity_shipped }}</td>
                                    <td class="tabular-nums">{{ $line->quantity_received }}</td>
                                    <td class="text-right">
                                        @if($transfer->isDraft())
                                            <form method="post" action="{{ route('admin.transfers.lines.destroy', [$transfer, $line]) }}" class="inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="text-xs text-red-700 hover:underline">Remove</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($transfer->isDraft())
                    <form method="post" action="{{ route('admin.transfers.lines.store', $transfer) }}" class="mt-4 grid gap-3 sm:grid-cols-12">
                        @csrf
                        <label class="block text-xs font-medium text-[#6d7175] sm:col-span-8">Add SKU
                            <select name="variant_id" required class="admin-input mt-1 w-full">
                                <option value="">Select from origin stock…</option>
                                @foreach($originStock as $stock)
                                    <option value="{{ $stock['variant_id'] }}">{{ $stock['sku'] }} — {{ $stock['title'] }} ({{ $stock['available'] }})</option>
                                @endforeach
                            </select>
                        </label>
                        <label class="block text-xs font-medium text-[#6d7175] sm:col-span-2">Qty
                            <input type="number" name="quantity" min="1" value="1" required class="admin-input mt-1 w-full">
                        </label>
                        <div class="flex items-end sm:col-span-2">
                            <button type="submit" class="admin-btn admin-btn-primary w-full">Add</button>
                        </div>
                    </form>
                @endif
            </div>
        </div>

        <div class="space-y-4">
            <form method="post" action="{{ route('admin.transfers.notes', $transfer) }}" class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                @csrf
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Notes</h2>
                <textarea name="notes" rows="5" class="admin-input w-full" @disabled($transfer->status === 'canceled')>{{ $transfer->notes }}</textarea>
                @if($transfer->status !== 'canceled')
                    <button type="submit" class="admin-btn mt-3">Save notes</button>
                @endif
            </form>

            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Shipment log</h2>
                <div class="space-y-3">
                    @forelse($transfer->shipments as $shipment)
                        <div class="rounded-lg border border-black/5 bg-[#fafbfb] p-3 text-sm">
                            <div class="flex items-center justify-between gap-2">
                                <x-admin.badge :tone="$shipment->status === 'received' ? 'success' : 'info'">{{ $label($shipment->status) }}</x-admin.badge>
                                <span class="text-xs text-[#8c9196]">{{ ($shipment->shipped_at ?? $shipment->received_at)?->diffForHumans() }}</span>
                            </div>
                            @if($shipment->tracking_number)
                                <div class="mt-2 text-xs">Tracking: {{ $shipment->tracking_number }}</div>
                            @endif
                            <div class="mt-1 text-xs text-[#6d7175]">{{ collect($shipment->line_quantities ?? [])->sum() }} units</div>
                        </div>
                    @empty
                        <p class="text-sm text-[#8c9196]">No shipments yet.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</x-admin.page>
@endsection