<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.order_number')) ?></h4>
    <p><?= e($order['order_number']) ?></p>
    <p class="description"><?= e($order['created_at']) ?></p>
</div>

<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.customer')) ?></h4>
    <p><a href="<?= $customerPreview . '/' . e($order->customer->user_id); ?>">
        <?= e($order['billing_address']['name']) ?>
    </a></p>
    <p class="description">
        <?= e($order['billing_address']['lines']) ?>,
        <?= e($order['billing_address']['zip']) ?>
        <?= e($order['billing_address']['city']) ?>
    </p>
</div>

<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.status')) ?></h4>
    <p id="order_state">
        <?php echo e($order->order_state->name) ?>
    </p>
    <p class="description" id="payment-state">
        <?= e($order['payment_state']::label()) ?>
    </p>
</div>

<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.shipped')) ?></h4>
    <p id="shipped_at">
        <?php echo $order->shipped_at ? $order->shipped_at->toFormattedDateString() : '-'  ?>
    </p>
</div>

<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.payment_gateway_used')) ?></h4>
    <p><?= e($order['payment_method']['name']) ?></p>
</div>

<div class="scoreboard-item title-value">
    <h4><?= e(trans('offline.mall::lang.order.grand_total')) ?></h4>
    <p><?= e($order->totalPostTaxes()) ?></p>
</div>