<div class="content">
    <section class="banner-2" id="pageHeaderBanner">
        <div class="container text-center banner-content ">
            <h1 class="text-uppercase common-page-heading page-title-2"><?php echo $current_section ?></h1>
        </div>
    </section>
    <section id="customerAccountIndex" class="common-page-bg-no">
        <div class="container" style="color:#ffffff">
            <h3>THANK YOU FOR YOUR ORDER!</h3>
            <h4><strong>What happens next?</strong></h4>
            <div class="paragraph">
                You can verify the status of the order by clicking on the order details in the link below and you can always access the order details in "<a href="<?php echo site_url('my-account') ?>">My Account</a> &raquo; <a href="<?php echo site_url('my-account/orders') ?>">Order Summary</a>".<br /><br />
            </div>
            <div class="clearfix"></div>
            <div class="paragraphp">
                &#8658;&nbsp;<b><?php $order['type'] == 'collection' ? print 'Collection' : print 'Delivery'; ?></b><br />
                <?php $order['type'] == 'collection' ? print 'You are requested for collection order!' : print 'The restaurant will deliver your order at the confirmed time!'; ?>
            </div>
            <div class="clearfix">
                <b>If you have any questions</b><br/>
                IF YOU WANT TO MAKE CHANGES OR IF YOU HAVE QUESTIONS TO THE ORDER, PLEASE CALL US ON PHONE:<strong> <?php echo $restaurantInfo['general_phone'] ?></strong>
            </div>
            <div class="clearfix">
                <a href="<?php echo $this->config->site_url(array("my-account", "orderdetail", $order ['sid'])) ?>">Click here to see your order details</a>
            </div>
        </div>
        <div class="v-gap-20"></div>
    </section>
</div>
<div style="display: none;">
    <div id="itemtAttributesPopup" style="background: #f7d01e;border: 5px solid #d33;">
        <div class="popup-info-block">
            <div class="popup-container">
                <div class="text-capitalize text-center popup-title" id="attributePopupTitle" style="font-size: 30px; padding: 0px; margin: 0px; border-bottom: 3px solid #d33;">Order Confirmation</div>
            </div>
        </div>
        <div class="popup-container" style="height: 75px">
            <div class="popup-content-area text-center" id="attributePopupContentHolder"></div>
        </div>
        <div class="loading text-center"><img src="<?php echo ONLINE_RESOURCES_PATH . 'images/loading.gif' ?>" style="width: 30px;"></div>
        <div class="clearfix"></div>
        <a style="color:#fff; font-size:20px; border-radius:15px;" class="btn btn-block btn btn-c text-center" onclick="closePopup()">Close</a>
    </div>
</div>
<script type="text/javascript">
<?php if (!empty($order)) { ?>
        jQuery(function ($) {
            $.colorbox({inline: true, scrolling: false, href: "#itemtAttributesPopup", width: '475px', height: '250px', maxWidth: "100%", open: true, closeButton: false, transition: 'none', overlayClose: false, className: 'transparent-overlay'});
            update();
        });
        function update() {
            jQuery.post("<?php echo site_url('myaccount/confirmed_status') ?>", {id: '<?php echo $order['sid'] ?>'}, function (responseText) {
                jQuery('#attributePopupContentHolder').html(responseText);
            }, "html");
            setTimeout("update()", 30000);
        }
<?php } ?>
</script>