@extends('layouts.admin')

@section('title', 'Invoice Details')
@section('subtitle', $invoice->invoice_number)

@section('actions')
    <div class="flex gap-3">
        <a href="{{ route('pos.billing') }}?reprint={{ $invoice->id }}" target="_blank"
            class="px-4 py-2 bg-green-600 text-white rounded-xl font-medium hover:bg-green-700 transition">
            🖨️ Print Receipt
        </a>
        @if($invoice->status != 'refunded')
            <a href="{{ route('admin.refunds.create', $invoice) }}"
                class="px-4 py-2 bg-red-600 text-white rounded-xl font-medium hover:bg-red-700 transition">
                ↩️ Process Refund
            </a>
        @endif
    </div>
@endsection

@section('content')
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- Main Info --}}
        <div class="lg:col-span-2 space-y-6">
            {{-- Items --}}
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-slate-800 mb-4">Invoice Items</h3>
                <table class="w-full text-sm">
                    <thead>
                        <tr class="text-left text-slate-500 border-b border-slate-200">
                            <th class="pb-3">Product</th>
                            <th class="pb-3 text-center">Qty</th>
                            <th class="pb-3 text-right">Unit Price</th>
                            <th class="pb-3 text-right">Discount</th>
                            <th class="pb-3 text-right">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($invoice->items as $item)
                            <tr class="border-b border-slate-100">
                                <td class="py-3">
                                    <span class="font-medium text-slate-800">{{ $item->product_name }}</span>
                                    <p class="text-xs text-slate-400">{{ $item->product_barcode }}</p>
                                </td>
                                <td class="py-3 text-center">{{ $item->quantity }}</td>
                                <td class="py-3 text-right">LKR {{ number_format($item->unit_price, 2) }}</td>
                                <td class="py-3 text-right text-red-500">-LKR {{ number_format($item->discount, 2) }}</td>
                                <td class="py-3 text-right font-semibold">LKR {{ number_format($item->line_total, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- Payments --}}
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-slate-800 mb-4">Payments</h3>
                @forelse($invoice->payments as $payment)
                    <div class="flex justify-between items-center py-3 border-b border-slate-100">
                        <div>
                            <span class="font-medium text-slate-800">{{ strtoupper($payment->method) }}</span>
                            @if($payment->reference)
                                <p class="text-xs text-slate-400">Ref: {{ $payment->reference }}</p>
                            @endif
                        </div>
                        <span class="font-semibold text-green-600">+ LKR {{ number_format($payment->amount, 2) }}</span>
                    </div>
                @empty
                    <p class="text-slate-400">No payment records</p>
                @endforelse
            </div>

            {{-- Refunds --}}
            @if($invoice->refunds->count() > 0)
                <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                    <h3 class="text-lg font-semibold text-slate-800 mb-4">Refunds</h3>
                    @foreach($invoice->refunds as $refund)
                        <div class="flex justify-between items-center py-3 border-b border-slate-100">
                            <div>
                                <span class="font-medium text-slate-800">{{ ucfirst($refund->refund_type) }} Refund</span>
                                <p class="text-xs text-slate-400">{{ $refund->reason }}</p>
                            </div>
                            <div class="text-right">
                                <span class="font-semibold text-red-600">- LKR {{ number_format($refund->amount, 2) }}</span>
                                <p class="text-xs text-slate-400">{{ $refund->created_at->format('M d, H:i') }}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>

        {{-- Sidebar --}}
        <div class="space-y-6">
            {{-- Summary --}}
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-slate-800 mb-4">Summary</h3>
                <div class="space-y-3 text-sm">
                    <div class="flex justify-between">
                        <span class="text-slate-500">Subtotal</span>
                        <span class="text-slate-800">LKR {{ number_format($invoice->subtotal, 2) }}</span>
                    </div>
                    <div class="flex justify-between text-red-500">
                        <span>Item Discounts</span>
                        <span>-LKR {{ number_format($invoice->item_discount, 2) }}</span>
                    </div>
                    <div class="flex justify-between text-red-500">
                        <span>Bill Discount</span>
                        <span>-LKR {{ number_format($invoice->bill_discount, 2) }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-slate-500">Tax</span>
                        <span class="text-slate-800">LKR {{ number_format($invoice->tax_amount, 2) }}</span>
                    </div>
                    <div class="flex justify-between pt-3 border-t border-slate-200 text-lg font-bold">
                        <span class="text-slate-800">Total</span>
                        <span class="text-blue-600">LKR {{ number_format($invoice->total, 2) }}</span>
                    </div>
                </div>
            </div>

            {{-- Details --}}
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-slate-800 mb-4">Details</h3>
                <div class="space-y-3 text-sm">
                    <div class="flex justify-between">
                        <span class="text-slate-500">Status</span>
                        @php
                            $statusColors = [
                                'completed' => 'bg-green-50 text-green-600',
                                'pending' => 'bg-yellow-50 text-yellow-600',
                                'refunded' => 'bg-red-50 text-red-600',
                            ];
                        @endphp
                        <span
                            class="px-2 py-1 rounded-full text-xs {{ $statusColors[$invoice->status] ?? 'bg-slate-50 text-slate-600' }}">
                            {{ ucfirst($invoice->status) }}
                        </span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-slate-500">Date</span>
                        <span class="text-slate-800">{{ $invoice->created_at->format('M d, Y H:i') }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-slate-500">Cashier</span>
                        <span class="text-slate-800">{{ $invoice->user->name ?? 'N/A' }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-slate-500">Branch</span>
                        <span class="text-slate-800">{{ $invoice->branch->name ?? 'N/A' }}</span>
                    </div>
                    @if($invoice->customer_name)
                        <div class="flex justify-between">
                            <span class="text-slate-500">Customer</span>
                            <span class="text-slate-800">{{ $invoice->customer_name }}</span>
                        </div>
                    @endif
                    @if($invoice->customer_phone)
                        <div class="flex justify-between">
                            <span class="text-slate-500">Phone</span>
                            <span class="text-slate-800">{{ $invoice->customer_phone }}</span>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection