<?php
$this->load->view('top_header');
$compDets = comp_contact();
?>
<!-- Heading Banner--->
<section class="heading_banner" style="background-image: url(<?php echo theme_url(); ?>designer/images/products/products.jpg)">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <div class="cat_title"><?php echo $heading_title; ?></div>
        <div class="clearfix"></div>
        <div class="cat_title2">We Are Available For You</div>
      </div>
    </div>
  </div>
</section>

<!-- Breadcrumb--->
<section class="inner_breadcrumb hidden-xs">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <ul class="breadcrumb">
          <li><a href="<?php echo comp_url(); ?>" title="Home">Home</a></li>
          <li class="active"><?php echo $heading_title; ?></li>
        </ul>
      </div>
    </div>
  </div>
</section>


<!-- Home About--->
<section class="about_page">
  <div class="container">
    <div class="row">
      <div class="col-md-9 col-md-push-3">
        <div class="right_side">
          <h1><span> <?php echo $heading_title; ?></span></h1>
          <div class="wps_right">
            <!-- <p>WPS Group is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> -->

            <div class="clearfix"></div>
            <div class="listing_view">
              <div class="row">
                <div class="col-lg-8 col-md-8 col-sm-6">
                  <h3>View Our <?php echo $page_title; ?> Range</h3>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 hidden-xs">
                  <?php
                  if ($total_rows > 0) {
                    ?>
                    <div class="product_view_btn">
                      <a href="javascript:void()" class="list_btn listview"><i class="fa fa-th-large"></i> Grid</a>
                      <a href="javascript:void()" class="list_btn gridview"><i class="fa fa-th-list"></i> List</a>
                    </div>
                    <?php
                  }
                  ?>
                </div>
              </div>
            </div>
            <div class="clearfix"></div>

            <!-- Products Listing -->
            <div id="products" class="list-group">
              <div class="row">
                <?php
                if (is_array($res) && !empty($res)) {
                  foreach ($res as $ck => $cval) {
                    ?>
                    <div class="col-lg-4 col-md-4 col-sm-4 item_view">
                      <div class="thumbnail">
                        <div class="product_view">
                          <div class="image">
                            <a href="<?php echo site_url() . $cval['friendly_url']; ?>" title="<?php echo $cval['category_name']; ?>">
                              <img src="<?php echo get_image('category', $cval['category_image'], '200', '200', 'R'); ?>" alt="<?php echo $cval['category_name']; ?>" title="<?php echo $cval['category_name']; ?>" class="img-responsive">
                            </a>
                          </div>
                        </div>
                        <div class="caption">
                          <h3><a href="<?php echo site_url() . $cval['friendly_url']; ?>" title="<?php echo $cval['category_name']; ?>"><?php echo $cval['category_name']; ?></a></h3>
                          <div class="blue-line1"></div>
                          <p><?php echo char_limiter($cval['category_description'], 200); ?></p>
                          <a href="<?php echo site_url() . $cval['friendly_url']; ?>" class="read_more_product" title="">Read More <i class="fa fa-long-arrow-right fa-1x"></i></a>
                          <a class="read_more_product getQuote" href="javascript:void()" data-toggle="modal" data-target="#productID" title="<?php echo $cval['category_name']; ?>" data-productID="<?php echo $cval['category_id']; ?>" data-companyID="<?php echo $compDets['customers_id']; ?>" data-productName="<?php echo $cval['category_name']; ?>" data-companyName="<?php echo $compDets['company_name']; ?>" data-ProductDesc="<?php echo char_limiter($cval['category_description'], 150); ?>" data-productImage="<?php echo get_image('category', $cval['category_image'], '400', '600', 'R'); ?>" data-type='category' data-unit="">Send Enquiry</a>

                          <div class="clearfix"></div>
                        </div>
                      </div>
                    </div>
                    <?php
                  }
                } else {
                  ?>
                  <?php
                }
                ?>
              </div>
            </div>



          </div>
        </div>
      </div>
      <div class="col-md-3 col-md-pull-9">
        <?php
        if (is_array($res) && !empty($res)) {
          ?>
          <div class="left_sidebar">
            <div class="left_title">Our Products</div>
            <ul>
              <?php
              foreach ($res as $ck => $pageVal) {
                ?>
                <li><a href="<?php echo site_url() . $pageVal['friendly_url']; ?>" title="<?php echo $pageVal['category_name']; ?>"><?php echo $pageVal['category_name']; ?></a></li>
                <?php
              }
              ?>
            </ul>
          </div>
          <?php
        }
        ?>

        <div id="sticky-anchor"></div>
        <div class="left_sidebar" id="sidebar">
          <div class="left_title">Quick Contact</div>
          <div class="alert alert-warning EmessageBox1" style="display: none;">
            <span class="Emessage1"></span>
          </div>
          <div class="alert alert-success SmessageBox1" style="display: none;">
            <span class="Smessage1"></span>
          </div>
          <form role="form" name="contact-form" method="post" class="quick_form">
            <div class="form-group">
              <input tabindex="101" class="form-control" type="text" name="name" id="name" placeholder="Your Name*" value="" pattern="[a-z A-Z]+" required />
            </div>

            <div class="form-group">
              <input tabindex="102" class="form-control" type="email"  name="email" id="email" placeholder="Your Email ID*" value="" required />
            </div>

            <div class="form-group">
              <input tabindex="103" class="form-control" type="tel" name="mobile" id="mobile" placeholder="Your Phone No*"  maxlength="20" minilength="10" value="" required />
            </div>

            <div class="form-group">
              <input tabindex="104" class="form-control locationLeft" type="text"  name="location" placeholder="Your Location*" id="autocomplete" onfocus="geolocate()" value="" pattern="[a-z A-Z]+" autocomplete="off" required />
            </div>

            <div class="form-group">
              <textarea tabindex="105" class="form-control" name="message" id="message" placeholder="Your Message*" required></textarea>
            </div>

            <div class="form-group" style="margin-bottom: 0;">

            </div>

            <div class="form-group">
              <input type="hidden" name="productId" id="proId" value="" />
              <input type="hidden" name="productCompID" id="compId" value="<?php echo $compDets['customers_id']; ?>" />
              <input type="hidden" name="type" id="typeId" value="category" />
              <input type="hidden" name="post_url" id="postedUrl" value="<?php echo current_url(); ?>" />
              <button tabindex="107" class="modal_btn" type="submit" name="submit" value="Submit" data-submit="...Sending">Submit</button>
            </div>
          </form>                
        </div>

      </div>

    </div>
  </div>
</section>

<?php echo comp_clients(); ?>
<!-- Footer--->
<?php $this->load->view('wpstemplate/bottom_footer'); ?>
<script> $('.gridview').bind('click', function(e){ e.preventDefault(); if ($('.item_view').hasClass('list_item')){ $('.item_view').removeClass('list_item').addClass('grid'); } else { $('.item_view').removeClass('grid').addClass('list_item'); } }); $('.listview').bind('click', function(e){ e.preventDefault(); if ($('.item_view').hasClass('list_item')){ $('.item_view').removeClass('list_item').addClass('grid'); } else { $('.item_view').removeClass('grid').addClass('list_item'); } }); </script>