<?php
?>

<main>
    <div class="container-md mt-6 flex flex-col">
        <?php get_template_part("parts/breadcrumb/breadcrumb"); ?>

        <div class="grid grid-cols-12 gap-6">
            <div class="col-span-12 lg:col-span-7">
                <div class="flex flex-col p-1 bg-primary-light rounded-3xl">
                    <div class="flex flex-row text-body-s gap-x-4 items-center py-3 px-4">
                            <span class="text-primary">
                                <?= get_icon("basket-fill", IconSize::Large) ?>
                            </span>
                        <span>محصولات در سبد</span>
                    </div>

                    <?php get_template_part("parts/cart-mini-2/cart-mini-2"); ?>
                </div>
            </div>

            <div class="col-span-12 lg:col-span-5">
                <div class="sticky flex flex-col">
                    <?php get_template_part("parts/cart-widget/cart-widget", null, ['page'=>'cart']); ?>
                </div>
            </div>
        </div>
    </div>
</main>
