@extends('documents.inventory._layout', [
    'documentTitle' => 'Stock Count Sheet',
    'reference'     => $take->reference,
    'documentDate'  => now()->format('d M Y'),
])

@section('header-meta')
    <div class="text-sm" style="color:#444;margin-top:4px;">
        Location: <strong>{{ $take->location?->name ?? '—' }}</strong>
    </div>
    <div class="text-sm" style="color:#444;">
        Mode: <strong>{{ ucfirst($take->counting_mode ?? 'manual') }}</strong>
        @if($take->counting_mode === 'serial')
            &nbsp;<span style="color:#7c3aed;">(serial scanning)</span>
        @endif
    </div>
@endsection

@section('content')

    {{-- Instructions --}}
    <div style="background:#fef9c3;border:1px solid #ca8a04;padding:12px 16px;margin-bottom:20px;font-size:10pt;">
        <strong>Instructions:</strong> Count the physical stock at <strong>{{ $take->location?->name }}</strong>.
        Enter the counted quantity in the "Counted Qty" column. Leave blank if item cannot be found.
        Record your name and the date at the bottom.
        @if($take->counting_mode === 'serial')
            <br><em>Note: This stock take uses serial scanning mode — the count sheet is provided for reference only.</em>
        @endif
    </div>

    <table style="margin-bottom:16px;border:none;">
        <tr>
            <td style="border:none;width:200px;font-weight:bold;padding:4px 8px 4px 0;">Initiated By</td>
            <td style="border:none;">{{ $take->initiatedBy?->name ?? '—' }}</td>
            <td style="border:none;width:200px;font-weight:bold;padding:4px 8px 4px 0;">Initiated Date</td>
            <td style="border:none;">{{ $take->initiated_date ? \Carbon\Carbon::parse($take->initiated_date)->format('d M Y') : '—' }}</td>
        </tr>
    </table>

    {{-- Count table --}}
    <table class="table-compact">
        <thead>
            <tr class="bg-header">
                <th style="color:#fff;width:30px;">#</th>
                <th style="color:#fff;">Product</th>
                <th style="color:#fff;">SKU</th>
                <th style="color:#fff;">Lot</th>
                <th style="color:#fff;text-align:right;">System Qty</th>
                <th style="color:#fff;text-align:right;width:90px;">Counted Qty</th>
                <th style="color:#fff;text-align:right;width:80px;">Variance</th>
                <th style="color:#fff;width:120px;">Counted By</th>
            </tr>
        </thead>
        <tbody>
            @foreach($take->items as $i => $item)
            <tr class="avoid-break-inside" style="height:24pt;">
                <td>{{ $i + 1 }}</td>
                <td>{{ $item->product?->name ?? '—' }}</td>
                <td class="font-mono text-sm">{{ $item->product?->sku ?? '—' }}</td>
                <td class="font-mono text-sm">{{ $item->lot?->lot_number ?? '—' }}</td>
                <td class="text-right font-mono">{{ number_format($item->system_quantity) }}</td>
                <td style="border:2px solid #000;"></td>
                <td style="border:2px solid #000;"></td>
                <td style="border:2px solid #000;"></td>
            </tr>
            @endforeach
        </tbody>
        <tfoot>
            <tr style="font-weight:bold;">
                <td colspan="4" class="text-right">Total Lines: {{ $take->items->count() }}</td>
                <td class="text-right font-mono">{{ number_format($take->items->sum('system_quantity')) }}</td>
                <td></td><td></td><td></td>
            </tr>
        </tfoot>
    </table>

    {{-- Signature --}}
    <div style="margin-top:40pt;" class="avoid-break-inside">
        <table style="border:none;width:100%;">
            <tr>
                <td style="border:none;width:45%;vertical-align:bottom;padding:0 20px 0 0;">
                    <div style="border-top:1px solid #000;padding-top:6px;margin-top:32pt;">
                        <strong>Counter</strong><br>
                        <span class="text-sm text-gray">Name: ___________________________</span><br>
                        <span class="text-sm text-gray">Date: ___________________________</span><br>
                        <span class="text-sm text-gray">Signature: ______________________</span>
                    </div>
                </td>
                <td style="border:none;width:10%;"></td>
                <td style="border:none;width:45%;vertical-align:bottom;">
                    <div style="border-top:1px solid #000;padding-top:6px;margin-top:32pt;">
                        <strong>Supervisor / Warehouse Manager</strong><br>
                        <span class="text-sm text-gray">Name: ___________________________</span><br>
                        <span class="text-sm text-gray">Date: ___________________________</span><br>
                        <span class="text-sm text-gray">Signature: ______________________</span>
                    </div>
                </td>
            </tr>
        </table>
    </div>

@endsection