<?php
/**
 * Hyvä Themes - https://hyva.io
 * Copyright © Hyvä Themes. All rights reserved.
 * See COPYING.txt for license details.
 */

use Magento\Framework\Escaper;
use Magento\Sales\Block\Order\Invoice;

/** @var Invoice $block */
/** @var Escaper $escaper */

$order = $block->getOrder();
?>
<div class="md:flex md:justify-between md:flex-wrap md:gap-4 items-center mb-3">
    <div class="lg:flex items-center text-center md:text-left print:flex print:text-left">
        <div class="lg:inline-block">
            <div class="text-2xl"><?= $escaper->escapeHtml(__('Order # %1', $order->getRealOrderId())) ?></div>
            <?= $block->getChildHtml('order.date') ?>
        </div>
        <div class="mt-3 lg:mt-0 lg:inline-block lg:ml-5 print:ml-5 print:mt-0">
            <?= $block->getChildHtml('order.status') ?>
        </div>
    </div>
    <?= $block->getChildHtml('sales.invoice.buttons') ?>
</div>
<div class="order-details-items invoice">
    <div class="card mb-2">
        <?= $block->getChildHtml('order_top_items') ?>
    </div>
    <div class="p-4 card">
        <div class="mb-4">
            <?= $block->getChildHtml('sales.order.info') ?>
        </div>
        <?= $block->getChildHtml('invoice_items') ?>
        <div class="actions-toolbar">
            <div class="secondary">
                <a class="action back" href="<?= $escaper->escapeUrl($block->getBackUrl()) ?>">
                    <span><?= $escaper->escapeHtml($block->getBackTitle()) ?></span>
                </a>
            </div>
        </div>
    </div>
</div>
