@extends('layouts.app', ['title' => 'Invoice | Print Cards'])

@section('content')
    <div class="card card-soft">
        <div class="card-body p-4 p-lg-5">
            <div class="d-flex justify-content-between align-items-start mb-4">
                <div>
                    <h1 class="h3 mb-1">{{ $platformName }}</h1>
                    <div class="text-muted">GST-ready invoice preview</div>
                </div>
                <div class="text-end">
                    <div class="fw-semibold">{{ $order->invoice_number }}</div>
                    <div class="small text-muted">{{ $order->created_at->format('d M Y') }}</div>
                </div>
            </div>

            <div class="row g-4 mb-4">
                <div class="col-md-6">
                    <h2 class="h6">Bill To</h2>
                    <div>{{ $order->address?->recipient_name }}</div>
                    <div>{{ $order->address?->line1 }}</div>
                    <div>{{ $order->address?->city }}, {{ $order->address?->state }} - {{ $order->address?->postal_code }}</div>
                </div>
                <div class="col-md-6 text-md-end">
                    <h2 class="h6">Support</h2>
                    <div>{{ $supportEmail }}</div>
                    <div>Order: {{ $order->order_number }}</div>
                    <div>Payment: {{ ucfirst($order->payment_status) }}</div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th>Item</th>
                            <th>Configuration</th>
                            <th class="text-end">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($order->items as $item)
                            <tr>
                                <td>{{ $item->item_name }}</td>
                                <td>{{ $item->page_size }} | {{ strtoupper($item->print_mode) }} | {{ $item->copies }} copies</td>
                                <td class="text-end">Rs {{ number_format($item->total_price, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="row justify-content-end">
                <div class="col-md-4">
                    <div class="d-flex justify-content-between"><span>Subtotal</span><strong>Rs {{ number_format($order->subtotal, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>Discount</span><strong>Rs {{ number_format($order->discount_amount, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>GST</span><strong>Rs {{ number_format($order->gst_amount, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>Courier</span><strong>Rs {{ number_format($order->delivery_amount, 2) }}</strong></div>
                    <hr>
                    <div class="d-flex justify-content-between"><span>Total</span><strong>Rs {{ number_format($order->total_amount, 2) }}</strong></div>
                </div>
            </div>
        </div>
    </div>
@endsection