<section class="confirmation-section section">
    <div class="container confirmation-card">
        <div class="confirmation-mark">✓</div>
        <span class="eyebrow">Paid and awaiting acceptance</span>
        <h1>We’ve got it, <?= e(explode(' ', (string) $order['customer_name'])[0]) ?>.</h1>
        <p>Your order number is <strong><?= e($order['order_number']) ?></strong>. We sent a confirmation to <?= e($order['customer_email']) ?>.</p>
        <div class="confirmation-details">
            <div><span>Pickup</span><strong><?= e($order['pickup_time'] ?: 'About ' . $config->get('ordering.pickup_eta_minutes', 25) . ' minutes') ?></strong></div>
            <div><span>Location</span><strong>410 W Piedmont St</strong></div>
            <div><span>Total paid</span><strong><?= money($order['total_cents']) ?></strong></div>
        </div>
        <div class="confirmation-items">
            <?php foreach ($items as $item): ?>
                <div><span><?= (int) $item['quantity'] ?>x <?= e($item['item_name']) ?></span><strong><?= money($item['line_total_cents']) ?></strong></div>
            <?php endforeach; ?>
        </div>
        <div class="confirmation-actions">
            <a class="button" href="<?= e($trackingUrl) ?>">Track This Order</a>
            <a class="button button-outline" href="<?= e(url('/menu')) ?>">Order Something Else</a>
            <?php if ($currentUser): ?><a class="button button-outline" href="<?= e(url('/account')) ?>">View My Orders</a><?php endif; ?>
        </div>
    </div>
</section>
