<?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 p-4 border-2 rounded ">
            <div class="text-base md:text-lg font-semibold font-inter">
                <?= $escaper->escapeHtml(__('0% Finance Available')) ?>
            </div>
            <div class="text-sm md:text-base font-inter font-medium mt-2">
                Spread the cost with 0% interest for 4 months with PayPal Credit
            </div>
           <div class="flex items-center justify-between mt-4">
            </div><div class="flex items-center justify-between mt-4">
                <a href="<?= $block->getUrl('more-info-cart') ?>" class="text-red text-base underline">
                    More Info
                </a>
                <img src="<?= $this->getViewFileUrl('images/Paypal-credit.svg'); ?>" alt="paypal"/>
            </div>


        </div>
        <div class="bg-white  border-2 rounded mt-4">
            <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="bg-white p-4 border-2 rounded ">
            <div class="text-base font-semibold font-inter">
                <?= $escaper->escapeHtml(__('We accept:')) ?>
            </div>
            <div class="flex items-center gap-3 mt-4">
                <img src="<?= $this->getViewFileUrl('images/visa.svg'); ?>" alt="visa"/>
                <img src="<?= $this->getViewFileUrl('images/mastercard.svg'); ?>" alt="mastercard"/>
                <img src="<?= $this->getViewFileUrl('images/maestro.svg'); ?>" alt="maestro"/>
                <img src="<?= $this->getViewFileUrl('images/pay.svg'); ?>" alt="pay"/>
                <img src="<?= $this->getViewFileUrl('images/googlepay.svg'); ?>" alt="googlepay"/>

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