@extends('layouts.app')
@section('title', 'Invoice '.$order->order_no)

@section('content')
@php
    $paid = $order->paid();
    $due = $order->isCancelled() ? 0 : $order->due();
@endphp
<x-page-header :title="'Invoice '.$order->order_no" subtitle="Preview — use Print to save as PDF or send to a printer">
    <a href="{{ route('orders.show', $order) }}" class="btn btn-ghost"><i class="bi bi-arrow-left" aria-hidden="true"></i> Back to order</a>
    <button class="btn btn-primary" type="button" onclick="window.print()"><i class="bi bi-printer" aria-hidden="true"></i> Print / save PDF</button>
</x-page-header>

<article class="invoice-sheet">
    <header class="invoice-head">
        <div>
            <div class="fw-bold fs-4">{{ config('erp.company_name') }}</div>
        </div>
        <div class="text-end">
            <div class="invoice-title">Invoice</div>
            <div class="fw-semibold">{{ $order->order_no }}</div>
            @if ($order->isCancelled())<span class="badge-soft badge-soft-danger mt-1">Cancelled</span>@endif
        </div>
    </header>

    <div class="meta-grid">
        <div>
            <h6>Bill to</h6>
            <div class="fw-semibold">{{ $order->client->name }}</div>
            @if ($order->client->billing_address)<div>{!! nl2br(e($order->client->billing_address)) !!}</div>@endif
            @if ($order->client->location())<div>{{ $order->client->location() }}</div>@endif
            @if ($order->client->phone)<div>{{ $order->client->phone }}</div>@endif
            @if ($order->client->tax_number)<div>Tax ID: {{ $order->client->tax_number }}</div>@endif
        </div>
        <div>
            <h6>Ship to</h6>
            <div>{!! nl2br(e($order->shipping_address ?: ($order->client->shipping_address ?: $order->client->billing_address ?: $order->client->name))) !!}</div>
        </div>
        <div>
            <h6>Dates</h6>
            <div>Order date: <strong>{{ $order->order_date->format('d M Y') }}</strong></div>
            @if ($order->delivery_date)<div>Delivery: <strong>{{ $order->delivery_date->format('d M Y') }}</strong></div>@endif
            <div>Status: <strong>{{ $order->statusLabel() }}</strong></div>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-modern table-cards align-middle">
            <thead><tr><th class="d-none d-md-table-cell">#</th><th>Design</th><th>Material · colour</th><th>Size</th><th class="num">Qty</th><th class="num">Rate</th><th class="num">Amount</th></tr></thead>
            <tbody>
            @foreach ($order->items as $n => $i)
                <tr>
                    <td class="d-none d-md-table-cell">{{ $n + 1 }}</td>
                    <td class="fw-semibold cell-title" data-label="Design"><span class="d-md-none">{{ $n + 1 }}. </span>{{ $i->design_name }}</td>
                    <td data-label="Material · colour">{{ collect([$i->material, $i->color])->filter()->join(' · ') ?: '—' }}</td>
                    <td data-label="Size"><div class="text-md-start text-end">{{ $i->sizeText() ?: '—' }}@if ($i->area_sqft)<div class="small text-muted">{{ number_format($i->area_sqft, 2) }} sq ft each</div>@endif</div></td>
                    <td class="num" data-label="Qty"><div>{{ rtrim(rtrim(number_format($i->quantity, 2), '0'), '.') }} pcs @if ($i->totalArea())<div class="small text-muted">{{ number_format($i->totalArea(), 2) }} sq ft</div>@endif</div></td>
                    <td class="num" data-label="Rate">{{ $i->rateText() }}</td>
                    <td class="num fw-semibold" data-label="Amount">{{ money($i->line_total) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <div class="totals mt-3">
        <div><span>Subtotal</span><span class="tabular">{{ money($order->subtotal) }}</span></div>
        @if ($order->discount > 0)<div><span>Discount</span><span class="tabular">−{{ money($order->discount) }}</span></div>@endif
        @if ($order->tax_amount > 0)<div><span>{{ config('erp.tax_label') }} ({{ $order->tax_percent + 0 }}%)</span><span class="tabular">{{ money($order->tax_amount) }}</span></div>@endif
        <div class="grand"><span>Total</span><span class="tabular">{{ money($order->total) }}</span></div>
        <div><span>Paid</span><span class="tabular text-success">{{ money($paid) }}</span></div>
        <div class="fw-bold"><span>Balance due</span><span class="tabular {{ $due > 0.004 ? 'text-danger' : '' }}">{{ money($due) }}</span></div>
    </div>

    @if ($order->notes)
        <div class="mt-4"><h6 class="text-uppercase small text-muted">Notes</h6><div>{!! nl2br(e($order->notes)) !!}</div></div>
    @endif
    <p class="text-center text-muted small mt-5 mb-0">Thank you for your business.</p>
</article>
@endsection