<?php
$current_url = current_url();
$meta_tags = $this->common_model->getMetaTitle($current_url);
$header_image = $this->config->item('uploads') . 'header_images/' . $meta_tags['header_image'];
$background_image = $this->config->item('uploads') . 'background_images/' . $meta_tags['background_image'];
?>
<section class="page-heading" <?php if ($meta_tags['header_image'] != '') { ?> style='background-image: url("<?= $header_image ?>");' <?php } ?> >
        <div class="container">
            <h1><?php echo $page_heading ?></h1>
            <ol class="breadcrumb">
                <li><a href="<?= site_url() ?>"><i class="fa fa-home"></i></a></li>
                <li class="active"><?php echo trim($breadcumb, '/ ') ?></li>
            </ol>
        </div>
    </section>
<section class="MainContent" <?php if ($meta_tags['background_image'] != '') { ?> style='background-image: url("<?= $background_image ?>");' <?php } ?>>   
            <div class="container">
                <h2 class="section-heading"><?php echo $page_heading ?></h2>
                <div class="row">
                    <?php
                    $i = 0;
                    foreach ($online_category as $onlineCat) {
                        ?>
                        <div class="device_full col-xs-12 col-sm-6 col-md-3">
                            <div class="menubox ourmenu">
                                <div class="menu_img">
                                    <img src="<?= $this->config->item('uploads') ?>online_item_images/<?= $onlineCat['online_cat_image'] ?>" alt="" class="img-responsive">
                                    <h3><?= $onlineCat['online_cat_name'] ?></h3>
                                    <a href="<?= site_url('online-order/' . $onlineCat['slug']) ?>">
                                        <figcaption>
                                            <div class="read-m btn btn-default-white">
                                                <i class="fa fa-file-text-o"></i>
                                                Order Now
                                            </div>
                                        </figcaption>
                                    </a>
                                </div>
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </section>