@php
    $subtotal = 0;
@endphp

<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: monospace;
        font-size: 11px;
    }
    body {
        width: 72mm;
        max-width: 72mm;
        overflow: hidden;
    }
    table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }
    th, td {
        word-break: break-word;
        white-space: nowrap;
        overflow: hidden;
        padding: 2px 0;
    }
    .left { text-align: left; }
    .right { text-align: right; }
    .center { text-align: center; }
    .divider {
        border-top: 1px dashed #000;
        margin: 5px 0;
    }
</style>

<div>
    <div class="center">
        <strong>{{ $sale->business->companyName ?? '' }}</strong><br>
        {{ $sale->business->address ?? '' }}<br>
        {{ $sale->business->phone ?? '' }}
    </div>

    <div class="divider"></div>

    <div>
        Invoice: {{ $sale->invoiceNumber }}<br>
        Date: {{ formatted_date($sale->saleDate) }}<br>
        Customer: {{ $sale->party->name ?? 'Guest' }}<br>
        Phone: {{ $sale->party->phone ?? '' }}
    </div>

    <div class="divider"></div>

    <table>
        <thead>
            <tr>
                <th class="left" style="width: 40%;">Item</th>
                <th class="right" style="width: 15%;">Qty</th>
                <th class="right" style="width: 20%;">Rate</th>
                <th class="right" style="width: 25%;">Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($sale->details as $detail)
                @php
                    $lineTotal = ($detail->price ?? 0) * ($detail->quantities ?? 0);
                    $subtotal += $lineTotal;
                @endphp
                <tr>
                    <td class="left">{{ $detail->product->productName ?? '' }}</td>
                    <td class="right">{{ $detail->quantities }}</td>
                    <td class="right">{{ number_format($detail->price, 2) }}</td>
                    <td class="right">{{ number_format($lineTotal, 2) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div class="divider"></div>

    <table>
        <tr>
            <td class="left">Subtotal</td>
            <td class="right">{{ number_format($subtotal, 2) }}</td>
        </tr>
        <tr>
            <td class="left">Vat</td>
            <td class="right">{{ number_format($sale->vat_amount, 2) }}</td>
        </tr>
        <tr>
            <td class="left">Discount</td>
            <td class="right">{{ number_format($sale->discountAmount, 2) }}</td>
        </tr>
        <tr>
            <td class="left"><strong>Total</strong></td>
            <td class="right"><strong>{{ number_format($sale->totalAmount, 2) }}</strong></td>
        </tr>
        <tr>
            <td class="left">Paid</td>
            <td class="right">{{ number_format($sale->paidAmount, 2) }}</td>
        </tr>
        <tr>
            <td class="left">Due</td>
            <td class="right">{{ number_format($sale->dueAmount, 2) }}</td>
        </tr>
    </table>

    <div class="divider"></div>

    <div class="center">
        Thank you for your purchase!
    </div>
</div>

<script>
    window.onload = function () {
        window.print();
    };
</script>