<?php
/**
 * Hyvä Themes - https://hyva.io
 * Copyright © Hyvä Themes 2020-present. All rights reserved.
 * This product is licensed per Magento install
 * See https://hyva.io/license
 */

declare(strict_types=1);

use Magento\Checkout\Block\Cart;
use Magento\Framework\Escaper;

/** @var Cart $block */
/** @var Escaper $escaper */
?>

<div class="flex flex-col lg:flex-row lg:items-start gap-8 mt-6">
    <div class="lg:flex-1">
        <?= $block->getChildHtml('form_before') ?>
        <?= $block->getChildHtml('cart-items') ?>
        <?= $block->getChildHtml('checkout_cart_widget') ?>

    </div>
    <div class="lg:w-80 2xl:w-96 lg:sticky lg:top-2 ">

        <!-- 0% Finance content -->

        <div class="bg-white  border-2 rounded ">
            <div class="flex flex-col  border-b-2 border-gray-300">
                <h2 class="p-4 text-2xl text-center text-black font-semibold title-font font-base md:text-left">
                    <?= $escaper->escapeHtml(__('Order Summary')) ?>
                </h2>
            </div>

            <div class="px-4 pb-4 pt-2 ">
                <?= $block->getChildHtml('cart.summary') ?>


            </div>

        </div>
        <div class="hidden bg-white px-4 border-2 rounded mt-4">
            <?= $block->getChildHtml('cart.discount') ?>
        </div>
    </div>
</div>
