<?php
$this->load->view("top_application");
?>
<div class="columns-container">
  <!-- Center colunm-->
  <div class="breadcrumb clearfix">
    <div class="container" >
      <a class="home" href="<?php echo site_url(); ?>" title="Return to Home">Home</a>
      <span class="navigation-pipe">&nbsp;</span>
      <h1 class="page-heading">
        <span class="page-heading-title">Our Brands</span>
      </h1>
    </div>
  </div>
  <!-- ./breadcrumb -->
  <div class="container" id="columns">
    <!-- row -->
    <div class="row">
      <div class="scroll-text" id="scroll-text">
        <?php
        if (!empty($category_description)) {
          echo $category_description;
        }
        ?>
      </div>
      <?php
      if (is_array($res) && !empty($res)) {
        ?>
        <!-- view-product-list-->
        <div id="view-product-list" class="view-product-list">
          <!-- PRODUCT LIST -->
          <ul class="row product-list grid" id="prodListingContainer">
            <?php
            foreach ($res as $val) {
              //trace($val);
              $link_url = base_url() . $val['friendly_url'];
              ?>
              <li class="col-sx-12 col-sm-3 listpager">
                <div class="product-container">                 
                  <div class="details-img-custom">
                    <div class="single-product-image">
                      <div class="blur-img">
                        <img class="img-responsive" alt="<?php echo $val['brand_name']; ?>" src="<?php echo get_image('brands', $val['brand_image'], '268', '328', 'R'); ?>" />
                      </div>
                      <div class="main-img">
                        <a href="<?php echo $link_url; ?>">
                          <img class="img-responsive" alt="<?php echo $val['brand_name']; ?>" src="<?php echo get_image('brands', $val['brand_image'], '268', '328', 'R'); ?>" />
                        </a>  
                      </div>
                    </div>                        
                  </div>                                      

                  <div class="right-block">
                    <h5 class="product-name"><a href="<?php echo $link_url; ?>"><strong><?php echo $val['brand_name']; ?></strong></a></h5>
                  </div>
                </div>
              </li>
              <?php
            }
            ?>
          </ul>
          <!-- ./PRODUCT LIST -->
        </div>
        <div style="text-align: center !important;">
          <div id="loadingdiv" style="display: none;">
            <img src="<?php echo theme_url(); ?>images/loading.gif" />
          </div>
        </div>
        <!-- ./view-product-list-->

        <?php
      } else {
        ?>
        <div class="alert alert-danger" role="alert" style="margin-top: 70px !important;">
          <strong>Oh snap!</strong> No records(s) found.
        </div>
        <?php
      }
      ?>
    </div>
    <!-- ./ Center colunm -->
  </div>
  <!-- ./row-->
</div>
<?php $this->load->view("bottom_application"); ?>