@extends('documents.layout')

@section('content')
    <div class="row">
        <div class="col">
            <div class="section-title">CUSTOMER INFORMATION</div>
            <div class="info-group">
                <div class="info-label">Name:</div>
                <div class="info-value">{{ $customer['name'] }}</div>
                <div class="info-label">Email:</div>
                <div class="info-value">{{ $customer['email'] }}</div>
            </div>
        </div>
        <div class="col">
            <div class="section-title">ORDER INFORMATION</div>
            <div class="info-group">
                <div class="info-label">Order ID:</div>
                <div class="info-value">#{{ $order['id'] }}</div>
                <div class="info-label">Order Date:</div>
                <div class="info-value">{{ $order['date'] }}</div>
            </div>
        </div>
    </div>
    
    <div class="section-title">ORDER ITEMS</div>
    <table>
        <thead>
            <tr>
                <th>Description</th>
                <th class="text-right">Price</th>
                <th class="text-right">Discount</th>
                <th class="text-right">Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach($items as $item)
            <tr>
                <td>{{ $item['description'] }}</td>
                <td class="text-right">{{ number_format($item['price'], 2) }}</td>
                <td class="text-right">{{ number_format($item['discount'], 2) }}</td>
                <td class="text-right">{{ number_format($item['total'], 2) }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    
    <div class="totals">
        <div class="total-row">
            <div>Subtotal:</div>
            <div>{{ number_format($order['subtotal'], 2) }}</div>
        </div>
        <div class="total-row">
            <div>Discount:</div>
            <div>{{ number_format($order['discount'], 2) }}</div>
        </div>
        <div class="total-row grand-total">
            <div>Total:</div>
            <div>{{ number_format($order['total'], 2) }}</div>
        </div>
    </div>
    
    <div style="margin-top: 40px;">
        <p><strong>Payment Terms:</strong> Due upon receipt</p>
        <p>Thank you for choosing Zuppi Pet Services. This invoice represents charges for the services listed above.</p>
    </div>
@endsection