@extends('layouts.app')
@section('title', 'Pharmacy | GRN ' . $receipt->receipt_number)

@section('content')
<div class="flex items-center gap-3 mb-4">
    <a href="{{ route('pharmacy.receipts.index') }}" class="text-gray-400 hover:text-gray-600">
        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
    </a>
    <div class="flex-1">
        <div class="flex items-center gap-3">
            <h1 class="text-lg font-bold text-gray-900 font-mono">{{ $receipt->receipt_number }}</h1>
            @if($receipt->status === 'completed')
                <span class="badge badge-success">Completed</span>
            @else
                <span class="badge badge-warning">Draft</span>
            @endif
        </div>
        <p class="text-xs text-gray-500 mt-0.5">Goods Received Note</p>
    </div>
    @if($receipt->is_draft)
    <div class="flex gap-2">
        <a href="{{ route('pharmacy.receipts.edit', $receipt->id) }}" class="btn-secondary text-xs">Edit Draft</a>
        <form method="POST" action="{{ route('pharmacy.receipts.complete', $receipt->id) }}"
              onsubmit="return confirm('Complete this GRN? This will add all items to stock and cannot be undone.')">
            @csrf
            <button type="submit" class="btn-primary text-xs">Complete &amp; Add to Stock</button>
        </form>
    </div>
    @endif
</div>

@if(session('success'))
<div class="bg-green-50 border border-green-200 rounded-xl px-4 py-3 mb-4 text-sm text-green-700">{{ session('success') }}</div>
@endif
@if(session('error'))
<div class="bg-red-50 border border-red-200 rounded-xl px-4 py-3 mb-4 text-sm text-red-700">{{ session('error') }}</div>
@endif

{{-- Header details --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400 mb-1">Supplier</p>
        <p class="font-semibold text-sm">{{ $receipt->supplier->name ?? '—' }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400 mb-1">Date Received</p>
        <p class="font-semibold text-sm">{{ $receipt->date_received->format('d M Y') }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400 mb-1">Payment Method</p>
        <p class="font-semibold text-sm capitalize">{{ str_replace('_', ' ', $receipt->payment_method) }}</p>
        @if($receipt->payment_reference)
        <p class="text-xs text-gray-400 mt-0.5">Ref: {{ $receipt->payment_reference }}</p>
        @endif
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400 mb-1">Grand Total</p>
        <p class="font-bold text-lg text-green-600">KES {{ number_format($receipt->grand_total, 2) }}</p>
    </div>
</div>

@if($receipt->notes)
<div class="bg-amber-50 border border-amber-200 rounded-xl px-4 py-3 mb-4 text-sm text-amber-800">
    <strong>Notes:</strong> {{ $receipt->notes }}
</div>
@endif

{{-- Items table --}}
<div class="bg-white rounded-xl border shadow-sm overflow-hidden mb-4">
    <div class="px-5 py-3 border-b bg-gray-50 flex items-center justify-between">
        <h3 class="text-sm font-bold text-gray-800">Products ({{ $receipt->items->count() }} items)</h3>
        @if($receipt->is_completed)
        <span class="text-xs text-green-600 font-medium">✓ Stock added to inventory</span>
        @else
        <span class="text-xs text-amber-600 font-medium">⏳ Pending — stock not yet available</span>
        @endif
    </div>
    <table class="w-full">
        <thead>
            <tr class="bg-gray-50 border-b">
                <th class="table-header">Drug</th>
                <th class="table-header">Batch #</th>
                <th class="table-header text-center">Qty Received</th>
                @if($receipt->is_completed)
                <th class="table-header text-center">Qty Available</th>
                @endif
                <th class="table-header text-right">Unit Cost</th>
                <th class="table-header text-right">Selling Price</th>
                <th class="table-header text-right">Line Total</th>
                <th class="table-header">Expiry</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-50">
            @foreach($receipt->items as $item)
            @php
                $batch = $receipt->is_completed
                    ? $receipt->batches->where('batch_number', $item->batch_number)->first()
                    : null;
                $isExpiring = $item->expiry_date && $item->expiry_date->diffInDays(now()) <= 90;
            @endphp
            <tr>
                <td class="table-cell">
                    <p class="font-medium text-sm">{{ $item->drugItem->name ?? '—' }}</p>
                    <p class="text-xs text-gray-400">{{ $item->drugItem->generic_name ?? '' }}</p>
                </td>
                <td class="table-cell font-mono text-xs">{{ $item->batch_number }}</td>
                <td class="table-cell text-center font-semibold">{{ $item->quantity }}</td>
                @if($receipt->is_completed)
                <td class="table-cell text-center">
                    <span class="font-semibold {{ ($batch->quantity_remaining ?? 0) < ($item->quantity * 0.2) ? 'text-red-600' : 'text-green-600' }}">
                        {{ $batch->quantity_remaining ?? '—' }}
                    </span>
                </td>
                @endif
                <td class="table-cell text-right text-sm">{{ number_format($item->unit_cost, 2) }}</td>
                <td class="table-cell text-right text-sm">{{ number_format($item->selling_price, 2) }}</td>
                <td class="table-cell text-right font-semibold text-sm">{{ number_format($item->line_total, 2) }}</td>
                <td class="table-cell text-sm">
                    <span class="{{ $isExpiring ? 'text-amber-600 font-medium' : '' }}">
                        {{ $item->expiry_date?->format('M Y') ?? '—' }}
                    </span>
                </td>
            </tr>
            @endforeach
        </tbody>
        <tfoot>
            <tr class="bg-gray-50 border-t">
                <td colspan="{{ $receipt->is_completed ? 6 : 5 }}" class="table-cell text-right font-bold text-sm">Grand Total</td>
                <td class="table-cell text-right font-bold text-green-600">KES {{ number_format($receipt->grand_total, 2) }}</td>
                <td></td>
            </tr>
        </tfoot>
    </table>
</div>

{{-- Audit footer --}}
<div class="text-xs text-gray-400 space-y-1">
    <p>Created by {{ $receipt->receivedBy->name ?? '—' }} on {{ $receipt->created_at->format('d M Y, H:i') }}</p>
    @if($receipt->is_completed)
    <p>Completed by {{ $receipt->completedBy->name ?? '—' }} on {{ $receipt->completed_at?->format('d M Y, H:i') }}</p>
    @endif
</div>
@endsection