@extends('layouts.admin')
@section('title','Stocktake '.($stocktake->number ?? $stocktake->id))
@section('content')
<div class="flex flex-wrap items-center justify-between gap-3">
    <h1 class="text-2xl font-semibold">{{ $stocktake->number ?? 'Stocktake #'.$stocktake->id }}</h1>
    <a class="text-sm underline" href="{{ route('admin.stocktakes.index') }}">← Stocktakes</a>
</div>
<div class="mt-4 rounded border border-black/10 bg-white p-6 text-sm">
    <div><strong>Location:</strong> {{ $stocktake->location?->name ?? $stocktake->location_id }}</div>
    <div class="mt-1"><strong>Status:</strong> {{ $stocktake->status }}</div>
</div>

@if($stocktake->status === 'open')
<h2 class="mt-8 text-lg font-medium">Count lines</h2>
<form method="post" action="{{ route('admin.stocktakes.complete', $stocktake) }}" class="mt-3">
    @csrf
    <table class="w-full rounded border border-black/10 bg-white text-sm">
        <thead class="bg-black/5 text-left">
            <tr><th class="p-3">SKU</th><th>Expected</th><th>Counted</th><th>Reason</th></tr>
        </thead>
        <tbody>
            @foreach($stocktake->lines ?? [] as $line)
                <tr class="border-t border-black/5">
                    <td class="p-3 font-mono text-xs">{{ $line->variant?->sku ?? '—' }}</td>
                    <td>{{ $line->expected_qty }}</td>
                    <td class="p-3">
                        <input type="number" name="counts[{{ $line->id }}][counted]" value="{{ old('counts.'.$line->id.'.counted', $line->counted_qty ?? $line->expected_qty) }}" min="0" class="w-24 rounded border border-black/15 px-2 py-1">
                    </td>
                    <td class="p-3">
                        <input name="counts[{{ $line->id }}][reason]" value="{{ old('counts.'.$line->id.'.reason', $line->variance_reason) }}" placeholder="Variance reason" class="w-full min-w-[10rem] rounded border border-black/15 px-2 py-1">
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <button class="mt-4 rounded bg-black px-4 py-2 text-sm text-white">Complete stocktake</button>
</form>
@endif
@endsection