@extends('account.layout')

@section('account_content')
<div class="max-w-5xl mx-auto bg-white p-10 rounded-lg shadow-sm text-[#222F43]">
    <div class="flex justify-between items-start">
        <div>
            <img src="{{ asset('images/invoice_header.jpeg') }}" alt="{{ $invoice?->invoice_number ?? ('INV-' . ($booking->id ?? '')) }}">
        </div>
    </div>
    <hr class="my-1 border-gray-200">
    <div class="flex justify-between mb-8">
        <div>
            <div class="text-gray-500 text-sm mb-1">Invoiced To:</div>
            <div class="font-bold text-base">{{ $invoice?->billing_address['name'] ?? ($booking->devotee_details['name'] ?? '') }}</div>
            <div class="font-bold text-base">{{ $booking->devotee_details['phone'] ?? '' }}</div>
            <div class="text-sm text-gray-700">{{ $invoice?->billing_address['email'] ?? ($booking->devotee_details['email'] ?? '') }}</div>
            <div class="text-sm text-gray-700">{{ $invoice?->billing_address['street_address'] ?? '' }}</div>
            <div class="text-sm text-gray-700">{{ ($invoice?->billing_address['city'] ?? '') }}@if(isset($invoice) && isset($invoice->billing_address['state'])), {{ $invoice->billing_address['state'] }}@endif {{ $invoice?->billing_address['postal_code'] ?? '' }}</div>
            <div class="text-sm text-gray-700 mt-5">Gothram: {{ $booking->devotee_details['gotram'] ?? '' }}</div>
        </div>
        <div class="text-right">
            <h2 class="text-xl font-bold text-[#3B3BFF] mb-2">INVOICE</h2>
            <div class="text-sm text-gray-700">
                <div>Invoice #: <span class="font-semibold">{{ $invoice?->invoice_number ?? ('INV-' . ($booking->id ?? '')) }}</span></div>
                <div>Date: <span class="font-semibold">{{ optional($invoice?->invoice_date)->format('M d, Y') ?? $booking->created_at->format('M d, Y') }}</span></div>
                <div>Status: <span class="font-semibold">{{ ucfirst($invoice?->status ?? 'paid') }}</span></div>
                <div>Payment: <span class="font-semibold">{{ strtoupper($order?->payment_method ?? 'online') }}</span></div>
                <div>Txn: <span class="font-semibold">{{ $order?->transaction_id ?? '-' }}</span></div>
            </div>
            <div class="mt-4">
                <a href="{{ route('account.invoice.download', $booking->id) }}" class="inline-flex items-center px-4 py-2 bg-red-700 text-white text-sm font-medium rounded-md hover:bg-red-800">
                    Download PDF
                </a>
            </div>
        </div>
    </div>
    <div class="overflow-x-auto">
        <table class="min-w-full text-sm text-left border-collapse">
            <thead>
                <tr class="bg-yellow-600 text-[#222F43]">
                    <th class="px-4 py-3 font-semibold rounded-tl-lg">#</th>
                    <th class="px-4 py-3 font-semibold">DESCRIPTION</th>
                    <th class="px-4 py-3 font-semibold">SLOTS</th>
                    <th class="px-4 py-3 font-semibold">RATE</th>
                    <th class="px-4 py-3 font-semibold rounded-tr-lg">SUBTOTAL</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @foreach(($booking->cart_data ?? []) as $i => $item)
                <tr class="even:bg-gray-50">
                    <td class="px-4 py-3">{{ $loop->iteration }}</td>
                    <td class="px-4 py-3">
                        <div class="font-semibold">{{ ucwords($item['name'] ?? 'Seva') }}</div>
                        <div class="text-xs text-gray-500">{{ isset($item['date']) ? 'Date: ' . \Carbon\Carbon::parse($item['date'])->format('D, d M Y') : '' }} {{ isset($item['time_slot']) ? ' | Time: ' . $item['time_slot'] : '' }}</div>
                    </td>
                    <td class="px-4 py-3">{{ $item['slots'] ?? 1 }}</td>
                    <td class="px-4 py-3">₹{{ number_format(($item['price'] ?? 0), 2) }}</td>
                    <td class="px-4 py-3 font-semibold">₹{{ number_format((($item['price'] ?? 0) * ($item['slots'] ?? 1)), 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="flex justify-end mt-8">
        <div class="w-full max-w-xs">
            <div class="flex justify-between py-1 text-sm">
                <span class="text-gray-500">Subtotal :</span>
                <span class="font-semibold">₹{{ number_format(collect($booking->cart_data)->sum(function($item) { return $item['price'] * $item['slots']; }), 2) }}</span>
            </div>
            <div class="flex justify-between py-1 text-sm">
                <span class="text-gray-500">Online Fee :</span>
                <span class="font-semibold">₹{{ number_format(collect($booking->cart_data)->sum('slots') * 10, 2) }}</span>
            </div>
            <div class="flex justify-between py-2 text-lg font-bold border-t border-gray-200 mt-2">
                <span>Total:</span>
                <span class="text-[#3B3BFF]">₹{{ number_format($booking->total_amount, 2) }}</span>
            </div>
        </div>
    </div>
    
    
    <!-- Thank You Note -->
    <div class="mt-8 p-6 bg-gray-50 rounded-lg text-center">
        <p class="text-gray-700 italic text-xs">
            Thank you for your trust and choice of Seva at Sri Vidya Saraswathi Sri Shani Temples
        </p>
    </div>
</div>
@endsection