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

@section('content')

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

    @if($grn->status === 'draft')
        <form method="POST"
              action="{{ tenant_route('purchases.grn.confirm', ['po' => $po->id, 'grn' => $grn->id]) }}">
            @csrf
            <button class="btn btn-sm btn-success" type="submit">
                <i class="bi bi-check-circle me-1"></i>Confirm GRN
            </button>
        </form>
    @endif
</div>

<div class="row justify-content-center">
<div class="col-xl-8">
    <div class="card mb-3">
        <div class="card-header">
            <span class="card-title">
                <i class="bi bi-box-arrow-in-down me-2"
                   style="color:var(--clay)"></i>
                {{ $grn->grn_number }}
            </span>
            <span style="font-size:.73rem;font-weight:600;
                         padding:3px 9px;border-radius:20px;
                         background:{{ $grn->status === 'confirmed' ? '#d1fae5' : '#fef3c7' }};
                         color:{{ $grn->status === 'confirmed' ? '#065f46' : '#92400e' }};">
                {{ ucfirst($grn->status) }}
            </span>
        </div>
        <div class="card-body">
            <div class="row g-3 mb-4">
                <div class="col-md-3">
                    <div style="font-size:.68rem;font-weight:700;
                                text-transform:uppercase;letter-spacing:.08em;
                                color:var(--muted);margin-bottom:4px;">
                        Date Received
                    </div>
                    <div>{{ $grn->received_date->format('d M Y') }}</div>
                </div>
                @if($grn->delivery_note)
                    <div class="col-md-3">
                        <div style="font-size:.68rem;font-weight:700;
                                    text-transform:uppercase;letter-spacing:.08em;
                                    color:var(--muted);margin-bottom:4px;">
                            Delivery Note #
                        </div>
                        <div>{{ $grn->delivery_note }}</div>
                    </div>
                @endif
                <div class="col-md-3">
                    <div style="font-size:.68rem;font-weight:700;
                                text-transform:uppercase;letter-spacing:.08em;
                                color:var(--muted);margin-bottom:4px;">
                        Received By
                    </div>
                    <div>{{ $grn->receivedBy?->name ?? '—' }}</div>
                </div>
                @if($grn->confirmedBy)
                    <div class="col-md-3">
                        <div style="font-size:.68rem;font-weight:700;
                                    text-transform:uppercase;letter-spacing:.08em;
                                    color:var(--muted);margin-bottom:4px;">
                            Confirmed By
                        </div>
                        <div>{{ $grn->confirmedBy->name }}</div>
                    </div>
                @endif
            </div>

            @if($grn->condition_notes)
                <div style="background:var(--bg);border-radius:8px;
                             padding:10px 12px;margin-bottom:16px;
                             font-size:.8rem;color:var(--muted);">
                    <strong>Condition Notes:</strong> {{ $grn->condition_notes }}
                </div>
            @endif

            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Item</th>
                            <th>Ordered</th>
                            <th>Received</th>
                            <th>Condition</th>
                            <th>Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($grn->items as $item)
                            <tr>
                                <td style="font-size:.82rem;">
                                    {{ $item->purchaseOrderItem?->description }}
                                </td>
                                <td style="font-size:.8rem;color:var(--muted);">
                                    {{ $item->purchaseOrderItem?->quantity_ordered }}
                                    {{ $item->purchaseOrderItem?->unit }}
                                </td>
                                <td style="font-size:.82rem;font-weight:600;
                                           color:var(--success);">
                                    {{ $item->quantity_received }}
                                </td>
                                <td>
                                    @php
                                        $cc = [
                                            'good'    => ['bg'=>'#d1fae5','color'=>'#065f46'],
                                            'partial' => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                            'damaged' => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                                        ][$item->condition] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                                    @endphp
                                    <span style="font-size:.7rem;font-weight:600;
                                                 padding:2px 8px;border-radius:20px;
                                                 background:{{ $cc['bg'] }};
                                                 color:{{ $cc['color'] }};">
                                        {{ ucfirst($item->condition) }}
                                    </span>
                                </td>
                                <td style="font-size:.75rem;color:var(--muted);">
                                    {{ $item->notes ?? '—' }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</div>

@endsection