{{-- resources/views/purchases/grn/create.blade.php --}}
@extends('layouts.app')
@section('title', 'Receive Goods')
@section('page_title', 'Receive Goods')
@section('page_subtitle', 'GRN for ' . $po->po_number . ' · ' . $po->supplier?->name)

@section('content')

<div class="row justify-content-center">
<div class="col-xl-7">

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('purchases.show', ['po' => $po->id]) }}"
       class="btn btn-sm btn-outline-secondary">← Back to PO</a>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            <i class="bi bi-box-arrow-in-down me-2"
               style="color:var(--clay)"></i>
            Goods Received Note
        </span>
    </div>
    <div class="card-body">
        <form method="POST"
              action="{{ tenant_route('purchases.grn.store', ['po' => $po->id]) }}">
            @csrf

            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        Date Received <span class="text-danger">*</span>
                    </label>
                    <input type="date" name="received_date"
                           class="form-control"
                           value="{{ old('received_date', today()->toDateString()) }}"
                           required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        Delivery Note #
                    </label>
                    <input type="text" name="delivery_note"
                           class="form-control"
                           value="{{ old('delivery_note') }}"
                           placeholder="Supplier delivery note number">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">
                        Condition Notes
                    </label>
                    <textarea name="condition_notes" rows="2"
                              class="form-control"
                              placeholder="Any notes about condition of goods received...">{{ old('condition_notes') }}</textarea>
                </div>
            </div>

            {{-- Items --}}
            <div style="font-size:.72rem;font-weight:700;
                        text-transform:uppercase;
                        letter-spacing:.08em;
                        color:var(--muted);margin-bottom:10px;">
                Items to Receive
            </div>

            @foreach($po->items as $index => $item)
                @php
                    $remaining = $item->quantity_ordered - $item->quantity_received;
                @endphp
                <input type="hidden"
                       name="items[{{ $index }}][po_item_id]"
                       value="{{ $item->id }}">

                <div style="background:var(--bg);border-radius:8px;
                             padding:14px;margin-bottom:10px;">
                    <div style="display:flex;justify-content:space-between;
                                align-items:flex-start;margin-bottom:10px;">
                        <div>
                            <div class="fw-semibold" style="font-size:.84rem;">
                                {{ $item->description }}
                            </div>
                            <div style="font-size:.73rem;color:var(--muted);
                                        margin-top:2px;">
                                Ordered: {{ $item->quantity_ordered }}
                                {{ $item->unit }}
                                @if($item->quantity_received > 0)
                                    · Already received: {{ $item->quantity_received }}
                                @endif
                                · Remaining: {{ $remaining }}
                            </div>
                        </div>
                        @if($remaining <= 0)
                            <span style="font-size:.72rem;background:#d1fae5;
                                         color:#065f46;padding:2px 8px;
                                         border-radius:20px;font-weight:600;">
                                Fully received
                            </span>
                        @endif
                    </div>

                    <div class="row g-2">
                        <div class="col-md-4">
                            <label style="font-size:.72rem;color:var(--muted);">
                                Qty Receiving
                            </label>
                            <input type="number"
                                   name="items[{{ $index }}][quantity_received]"
                                   class="form-control form-control-sm"
                                   value="{{ old("items.{$index}.quantity_received", min($remaining, $remaining > 0 ? $remaining : 0)) }}"
                                   min="0"
                                   max="{{ $item->quantity_ordered }}"
                                   step="0.01"
                                   {{ $remaining <= 0 ? 'disabled' : '' }}>
                        </div>
                        <div class="col-md-4">
                            <label style="font-size:.72rem;color:var(--muted);">
                                Condition
                            </label>
                            <select name="items[{{ $index }}][condition]"
                                    class="form-select form-select-sm"
                                    {{ $remaining <= 0 ? 'disabled' : '' }}>
                                <option value="good">Good</option>
                                <option value="partial">Partial</option>
                                <option value="damaged">Damaged</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label style="font-size:.72rem;color:var(--muted);">
                                Notes
                            </label>
                            <input type="text"
                                   name="items[{{ $index }}][notes]"
                                   class="form-control form-control-sm"
                                   placeholder="Optional notes"
                                   {{ $remaining <= 0 ? 'disabled' : '' }}>
                        </div>
                    </div>
                </div>
            @endforeach

            <div class="d-flex gap-2 pt-3">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-box-arrow-in-down me-1"></i>
                    Confirm Receipt
                </button>
                <a href="{{ tenant_route('purchases.show', ['po' => $po->id]) }}"
                   class="btn btn-outline-secondary">Cancel</a>
            </div>

        </form>
    </div>
</div>

</div>
</div>

@endsection