<?php get_header();?>
    <main>
        <?php if (have_posts()): ?><?php while (have_posts()): the_post(); ?>

            <div class="mt-4 mb-5">
                <div class="custom-container">


                    <!-- shopping steps -->
                    <div class="shopping-steps">
                        <?php
                        $cart_page_id = wc_get_page_id('cart');
                        $cart_url = get_permalink($cart_page_id);
                        ?>
                        <a href="<?php echo $cart_url;?>" class="shopping-step <?php echo is_cart() ? 'active' : '' ?> <?php echo is_checkout() ? 'active done' : '' ?>">
                            <div class="icon">
                                <span class="iconlyBulk-Buy"><span class="path1"></span><span class="path2"></span></span>
                            </div>
                            <div class="d-flex flex-column">
                                <div class="uptitle"><?php _e('First Step',TEXT_DOMAIN);?></div>
                                <div class="title"><?php _e('Shopping Cart',TEXT_DOMAIN);?></div>
                            </div>
                        </a>

                        <div class="shopping-steps-arrow">
                            <i class="icon-chevrons-left"></i>
                        </div>

                        <a href="<?php echo wc_get_checkout_url()?>" class="shopping-step <?php echo is_checkout() ? 'active' : '' ?> <?php echo is_order_received_page() ? 'active done' : '' ?>">
                            <div class="icon">
                                <span class="iconlyBulk-Edit"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span>
                            </div>
                            <div class="d-flex flex-column">
                                <div class="uptitle"><?php _e('Second Step',TEXT_DOMAIN);?></div>
                                <div class="title"><?php _e('Checkout',TEXT_DOMAIN);?></div>
                            </div>
                        </a>

                        <div class="shopping-steps-arrow">
                            <i class="icon-chevrons-left"></i>
                        </div>

                        <a href="#" class="shopping-step <?php echo is_order_received_page() ? 'active' : '' ?>">
                            <div class="icon">
                                <span class="iconlyBulk-Tick-Square"><span class="path1"></span><span class="path2"></span></span>
                            </div>
                            <div class="d-flex flex-column">
                                <div class="uptitle"><?php _e('Last Step',TEXT_DOMAIN);?></div>
                                <div class="title"><?php _e('Done',TEXT_DOMAIN);?></div>
                            </div>
                        </a>
                    </div>

                    <!-- content -->
                    <div class="single-box-content-simple">
                        <div class="html-content">
                            <?php the_content(); ?>
                        </div>
                    </div>

                </div>
            </div>

        <?php endwhile; ?>
        <?php endif; ?>
    </main>
<?php get_footer(); ?>