@extends('layouts.app')

@section('title', 'Stock Take')

@section('content')
    @php
        $num = fn ($v) => \App\Support\Fmt::plain($v, 2);
        $money = fn ($v) => \App\Support\Fmt::money($v);
        $day = fn ($v) => \App\Support\Fmt::day($v instanceof \DateTimeInterface ? $v->format('Y-m-d') : $v);
        $sel = 'h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50';
    @endphp
    <div class="flex flex-col gap-6">
        <div class="flex flex-wrap items-end justify-between gap-3">
            <div>
                <p class="text-xs font-medium text-muted-foreground">Physical counts against book balances; differences post as adjustments on approval</p>
                <h1 class="text-lg font-semibold">Stock Take</h1>
            </div>
            <a href="{{ route('kitchen.stock-take.csv') }}"
               class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">CSV</a>
        </div>

        @include('partials.flashes')

        <div class="grid grid-cols-2 gap-3 lg:grid-cols-4">
            @foreach ([
                ['label' => 'Counts recorded', 'value' => (string) $counts->count()],
                ['label' => 'Adjustments posted', 'value' => (string) $postedAdjustments],
                ['label' => 'Open draft', 'value' => (string) $counts->where('status', 'Draft')->count()],
                ['label' => 'Approved', 'value' => (string) $counts->where('status', 'Approved')->count()],
            ] as $card)
                <div class="rounded-xl border border-border bg-card p-4">
                    <span class="block text-lg font-semibold tabular-nums">{{ $card['value'] }}</span>
                    <span class="block text-xs text-muted-foreground">{{ $card['label'] }}</span>
                </div>
            @endforeach
        </div>

        <div class="grid gap-6 lg:grid-cols-3">
            <div class="rounded-xl border border-border bg-card lg:col-span-1">
                <form method="get" action="{{ route('kitchen.stock-take') }}" class="flex flex-wrap items-end gap-2 border-b border-border p-4">
                    <div class="min-w-40 flex-1">
                        <x-field label="Search"><x-input name="q" value="{{ $q }}" placeholder="No., store, counter" /></x-field>
                    </div>
                    <div class="min-w-36 flex-1">
                        <x-field label="Store">
                            <select name="store" class="{{ $sel }}">
                                @foreach ($storeOptions as $id => $name)
                                    <option value="{{ $id }}" @selected($storeFilter === (string) $id)>{{ $name }}</option>
                                @endforeach
                            </select>
                        </x-field>
                    </div>
                    <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground">Filter</button>
                </form>

                <div class="flex flex-col gap-1 p-2">
                    @forelse ($counts as $c)
                        <a href="{{ route('kitchen.stock-take', ['count' => $c->id] + array_filter(['store' => $storeFilter, 'q' => $q], fn ($v) => $v !== 'all' && $v !== '')) }}"
                           class="flex items-center justify-between gap-2 rounded-lg border px-3 py-2 transition-colors {{ $active?->id === $c->id ? 'border-primary/40 bg-accent' : 'border-border hover:bg-accent/40' }}">
                            <span class="flex min-w-0 flex-col">
                                <span class="truncate font-mono text-xs font-semibold">{{ $c->stock_take_no }}</span>
                                <span class="truncate text-xs text-muted-foreground">
                                    {{ $c->store?->name ?? '—' }} &middot; {{ $day($c->counted_on) }}
                                </span>
                            </span>
                            <span class="flex shrink-0 items-center gap-1.5">
                                <span class="text-[10px] tabular-nums text-muted-foreground">{{ $c->differingLines() }} diff</span>
                                @include('kitchen.partials.badge', ['status' => $c->status])
                            </span>
                        </a>
                    @empty
                        <p class="px-2 py-6 text-center text-sm text-muted-foreground">No stock takes recorded yet.</p>
                    @endforelse
                </div>

                <div class="border-t border-border p-4">
                    <details id="st-new">
                        <summary class="cursor-pointer text-sm font-semibold">Start a new count</summary>
                        <form method="post" action="{{ route('kitchen.stock-take.store') }}" class="mt-3 grid gap-3">
                            @csrf
                            <x-field label="Store *" required>
                                <select name="store_id" class="{{ $sel }}" required>
                                    <option value="">Select store</option>
                                    @foreach (collect($storeOptions)->reject(fn ($k) => $k === 'all') as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </x-field>
                            <x-field label="Date counted *" required>
                                <x-input type="date" name="counted_on" value="{{ now()->toDateString() }}" required />
                            </x-field>
                            <x-field label="Counted by">
                                <x-input name="counted_by" value="{{ auth()->user()->name }}" />
                            </x-field>
                            <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Start count</button>
                            <p class="text-xs text-muted-foreground">Every item in the store is pulled in with its current book balance.</p>
                        </form>
                    </details>
                </div>
            </div>

            <div class="lg:col-span-2">
                @if ($active)
                    <div class="rounded-xl border border-border bg-card">
                        <div class="flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3">
                            <div>
                                <h2 class="text-sm font-semibold">{{ $active->stock_take_no }}</h2>
                                <p class="text-xs text-muted-foreground">
                                    {{ $active->store?->name ?? '—' }} &middot; {{ $day($active->counted_on) }} &middot; {{ $active->counted_by }}
                                </p>
                            </div>
                            <div class="flex items-center gap-2">
                                @include('kitchen.partials.badge', ['status' => $active->status])
                                <a href="{{ route('kitchen.stock-take.print', $active) }}"
                                   class="flex h-8 items-center rounded-lg border border-border px-2 text-xs hover:bg-accent">Print</a>
                            </div>
                        </div>

                        <form method="get" action="{{ route('kitchen.stock-take') }}" class="flex flex-wrap items-end gap-3 border-b border-border p-4">
                            <input type="hidden" name="count" value="{{ $active->id }}">
                            <div class="min-w-48 flex-1">
                                <x-field label="Search items"><x-input name="line_q" value="{{ $line_q }}" placeholder="Item name" /></x-field>
                            </div>
                            <label class="mb-2 flex items-center gap-2 text-xs">
                                <input type="checkbox" name="only_diff" value="1" @checked($only_diff) class="size-4 rounded border-input">
                                Differences only
                            </label>
                            <button class="h-9 rounded-lg border border-border px-3 text-sm hover:bg-accent">Apply</button>
                            <a href="{{ route('kitchen.stock-take', ['count' => $active->id]) }}"
                               class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">Reset</a>
                        </form>

                        @if ($active->status === 'Draft')
                            <form method="post" action="{{ route('kitchen.stock-take.save', $active) }}">
                                @csrf @method('PUT')
                                <div class="overflow-x-auto">
                                    <table class="w-full text-sm">
                                        <thead>
                                            <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                                <th class="px-4 py-2 font-medium">Item</th>
                                                <th class="px-4 py-2 text-right font-medium">Book qty</th>
                                                <th class="px-4 py-2 text-right font-medium">Counted</th>
                                                <th class="px-4 py-2 text-right font-medium">Variance</th>
                                                <th class="px-4 py-2 text-right font-medium">Unit cost</th>
                                                <th class="px-4 py-2 text-right font-medium">Value</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($activeLines as $line)
                                                <tr class="border-b border-border/60 last:border-0">
                                                    <td class="px-4 py-2 font-medium">
                                                        {{ $line->item?->name ?? '—' }}
                                                        <span class="block text-xs text-muted-foreground">{{ $line->item?->unit }}</span>
                                                    </td>
                                                    <td class="px-4 py-2 text-right tabular-nums">{{ $num($line->book_qty) }}</td>
                                                    <td class="px-4 py-2 text-right">
                                                        <input type="number" step="0.01" name="counted[{{ $line->id }}]" value="{{ $line->counted_qty }}"
                                                               placeholder="—"
                                                               class="h-8 w-28 rounded-lg border border-input bg-transparent px-2 text-right text-sm tabular-nums outline-none focus-visible:border-ring">
                                                    </td>
                                                    <td class="px-4 py-2 text-right tabular-nums {{ $line->isDifferent() ? 'font-semibold text-amber-700' : 'text-muted-foreground' }}">
                                                        {{ $line->variance() === null ? '—' : \App\Support\Fmt::signed($line->variance()) }}
                                                    </td>
                                                    <td class="px-4 py-2 text-right tabular-nums">{{ $money($line->item?->weighted_avg_cost ?? 0) }}</td>
                                                    <td class="px-4 py-2 text-right tabular-nums">
                                                        {{ $money(abs($line->variance() ?? 0) * (float) ($line->item?->weighted_avg_cost ?? 0)) }}
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr><td colspan="6" class="px-4 py-8 text-center text-muted-foreground">No items match this filter.</td></tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                <div class="flex flex-wrap items-center gap-2 border-t border-border p-4">
                                    <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Save draft count</button>
                                    <span class="text-xs text-muted-foreground">{{ $active->uncountedLines() }} line(s) still uncounted</span>
                                </div>
                            </form>
                        @else
                            <div class="overflow-x-auto">
                                <table class="w-full text-sm">
                                    <thead>
                                        <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                            <th class="px-4 py-2 font-medium">Item</th>
                                            <th class="px-4 py-2 text-right font-medium">Book qty</th>
                                            <th class="px-4 py-2 text-right font-medium">Counted</th>
                                            <th class="px-4 py-2 text-right font-medium">Variance</th>
                                            <th class="px-4 py-2 text-right font-medium">Value</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($activeLines as $line)
                                            <tr class="border-b border-border/60 last:border-0">
                                                <td class="px-4 py-2 font-medium">{{ $line->item?->name ?? '—' }}</td>
                                                <td class="px-4 py-2 text-right tabular-nums">{{ $num($line->book_qty) }}</td>
                                                <td class="px-4 py-2 text-right tabular-nums">{{ $line->counted_qty === null ? '—' : $num($line->counted_qty) }}</td>
                                                <td class="px-4 py-2 text-right tabular-nums {{ $line->isDifferent() ? 'font-semibold text-amber-700' : 'text-muted-foreground' }}">
                                                    {{ $line->variance() === null ? '—' : \App\Support\Fmt::signed($line->variance()) }}
                                                </td>
                                                <td class="px-4 py-2 text-right tabular-nums">
                                                    {{ $money(abs($line->variance() ?? 0) * (float) ($line->item?->weighted_avg_cost ?? 0)) }}
                                                </td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="5" class="px-4 py-8 text-center text-muted-foreground">No items match this filter.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            <p class="border-t border-border p-4 text-xs text-muted-foreground">
                                This count is approved. Its differences have already been posted as adjustment movements.
                            </p>
                        @endif

                        @if ($active->status === 'Draft')
                            <div class="border-t border-border p-4">
                                <form method="post" action="{{ route('kitchen.stock-take.approve', $active) }}"
                                      onsubmit="return confirm('Approve {{ $active->stock_take_no }} and post adjustments?')">
                                    @csrf
                                    <button class="rounded-lg border border-emerald-300 px-4 py-2 text-sm font-medium text-emerald-700 hover:bg-emerald-50">
                                        Approve &amp; post adjustments
                                    </button>
                                    <span class="ml-2 text-xs text-muted-foreground">
                                        Only lines with a counted quantity that differs from the book balance are posted.
                                    </span>
                                </form>
                            </div>
                        @endif
                    </div>
                @else
                    <div class="rounded-xl border border-border bg-card px-4 py-12 text-center text-sm text-muted-foreground">
                        Select a count on the left to enter counted quantities, or start a new one.
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection