<link rel="stylesheet" href="<?php echo base_url(); ?>assets/site/css/wait.css" />
<script type="text/javascript">
<?php if (!empty($order[0])) { ?>
        jQuery(function ($) {
            $(".confirmation_root_link").colorbox({inline: true, slideshow: false, scrolling: false, height: "350px", closeButton: false, open: true, width: '100%', maxWidth: '450px'});
            update();

        });
        function close_popup() {
            jQuery.colorbox.close();
        }
        function update() {
            jQuery.post("<?php echo site_url('onlineorder/confirmed_status') ?>", {id: '<?php echo $order[0]->id ?>'}, function (responseText) {
                jQuery('#holder').html(responseText);
                jQuery(".confirmation_root_link").colorbox.resize();
            }, "html");
            setTimeout("update()", 3000);
        }
<?php } ?>
</script>
<div id="story" class="light-wrapper customer-wrapper">
    <div class="container-fluid inner-customer-dashboard">
        <ul class="list-group">
            <li class="list-group-item">THANK YOU FOR YOUR ORDER!</li>
            <li class="list-group-item">
                <h3><strong>What happens next?</strong></h3>
                <div class="clearfix"></div>
                <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('customer') ?>">My Account</a> &raquo; <a href="<?php echo site_url('customer/order_summary') ?>">Order Summary</a>".<br /><br />
                </div>
                <div class="clearfix"></div>
                <div class="paragraphp">
                    &#8658;&nbsp;<b><?php $order[0]->online_type == 'collection' ? print 'Collection' : print 'Delivery'; ?></b><br />
                    <?php $order[0]->online_type == 'collection' ? print 'You are requested for collection order!' : print 'The restaurant will deliver your order at the confirmed time!'; ?>
                </div>
            </li>

            <li class="list-group-item">
                <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: <?= $this->config->item('gk_phone') ?>
            </li>
            <li class="list-group-item">
                <a href="<?php echo $this->config->site_url(array("customer", "order_detail", $order[0]->id)) ?>">Click here to see your order details</a>
            </li>
        </ul>
    </div>
</div>
<a class='confirmation_root_link' href="#popup_confirmation" style="display:none">Order Confirmation </a>
<div class="hidden" style="display: none;">
    <div id="popup_confirmation">
        <div class="popup-content text-center">
            <div class="modal-header">
                <button type="button" class="close" onclick="javascript:closeColorbox()" style="color: #ff0000"><i class="fa fa-close"></i></button>
                <h2 class="modal-title">Order Confirmation</h2>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="tab-content">
                            <div class="form-group row" id="holder">
                                <h4>Your order is will be confirmed by the merchant in this window, if you wait</h4>
                            </div>
                            <div class="row">
                                <a class="btn-u btn-brd btn-brd-hover btn-u-red"onclick="closeColorbox()">Close</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>