/application/views/pages/collection.php

<?php 
//$products=$user_data;
//$products=$mytimeline;
//print_r($products); exit;
 //print_r($user_val); exit;


 //print_r($mytimeline); //print_r($user_detail);
//  echo count($user_data)."ashishi";
/*for($i=0;$i<count($user_data);$i++){

      for($j=0;$j<count($user_data[$i]);$j++)
      {
        //echo $user_data[$i][$j]['product_Name']."<br>";
      }
}
*/
//print_r($collection_productid );exit;
?>
          <style type="text/css">
                #image-preview{
                  display:none;
                  width : 250px;
                  height : 300px;
              }
          </style>
          
<link href="<?php echo base_url(); ?>content/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<script src="<?php echo base_url(); ?>content/js/jquery.mCustomScrollbar.js"></script>

 <div id="meimg" style="display: none;"></div>
    <div id="files"></div>
    <div id="thumb" height="100px" width="100px"></div>
<!--profile-pg-con -->
<div class="profile-pg col-lg-12 col-md-12 col-sm-12 col-xs-12 nopadding">
  <div class="container-fluid">
    <div class="row">
      <div class="profile-pg-con col-lg-10 col-md-10 col-sm-11 col-xs-11 nopadding">
          <!--left sidepar profile info -->
          <div class="profile-home-info col-lg-3 col-md-3 col-sm-3 col-xs-12">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 nopadding">
              <?php if($user_detail[0]['profile_picture'] == ''){ ?>
      <img src="<?php echo base_url(); ?>content/images/icons/user.png" class="img-responsive">
      <?php } else{ ?> <span class="profile-img1" style="background: url(<?php echo base_url(); ?><?php echo $user_detail[0]['profile_picture']; ?>);"> </span>
        
        <?php } ?>
            </div>

             <span class="col-lg-8 col-md-8 col-sm-8 col-xs-8 nopadding"> Hello, <?php echo $user_detail[0]['firstname']; ?></span>
          </div> <!--/profile-home-info -->
          <div class="profile-tab-panel col-lg-9 col-md-9 col-sm-9 col-xs-12">
                 <ul  class="nav nav-pills">

                      <li class="upload-sectn" id="posting_data"> <form method="post" action="http://rigalio.com/x/no_access/upload/upload_file" id="upload_file"> <input type="text" name="post" id="post1" value="" placeholder="Post a status or upload an image" class="textbox1">
                       <a class="post-status"><span id="post_comment" class="icomoon icon-send"></span></a> <a class="upload-btn" data-toggle="modal" data-target="#img-upload-pop"><span><i class="fa fa-camera"></i></span> </a>
                       
                     </form></li>
                    <li class=" tab2 active"><a href="<?php echo base_url(); ?>collection" data-toggle="tab"><span class="collection-icon"></span></a></li>
                    <li class="tab2 "><a href="<?php echo base_url(); ?>timeline"><span class="timeline-icon"></span></a></li>
                    <li class="tab1"><a href="<?php echo base_url(); ?>home"><span class="home-icon"></span></a></li>
                 </ul>
          </div> <!--/category-tab-panel -->
          <!--home page content -->
          <!--right sidepar profile info -->
          <div class="profile-blocks col-lg-12 col-md-12 col-sm-12 col-xs-12 nopadding">
           <div id="myTabContent2" class="tab-content">    
              
               
                <div class="collection-con tab-pane fade active in" id="collection">
                  <div class="collection-home">
                    <div class="collection-tagline col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
                     
                     <h3><span> <img class="img-responsive" src="<?php echo base_url(); ?>content/images/aboutus/big-motive-left.png"> </span>Collections <span><img class="img-responsive" src="<?php echo base_url(); ?>content/images/aboutus/big-motive-right.png"> </span> </h3>
                    </div> <!--/collection-tagline -->
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wall whats_new_content">
                     
<?php  if($collection_productid) 
{
	foreach ($collection_productid as $collection_show) {
          

                                  //print_r($collection_show);

                      ?>

                      <div class="wall-column">
                        <div class="wall-item">
                         <div class="category collection-category">
                           <div class="category_img">
<?php foreach($this->getdata->product_by_subcategory($collection_show['subCategoryId']) as $cat_img) ?>
                              <img src="<?php echo base_url(); ?><?php echo $cat_img['product_image']; ?>" class="img-responsive"> 
                              <div class="hover-content-cat collection-cat-hover" id="<?php echo $collection_show['subCategoryId']; ?>">
                                 <div class="privacy">
                                   <a href="javascript:void(0)" class="lock">
                                   <i class="fa fa-lock" <?php if($collection_show['status']==0){?> style="display: block;" <?php } else { ?> style="display: none;"<?php } ?> ></i>

                                   <i class="fa fa-unlock-alt"  <?php if($collection_show['status']==0){?> style="display: none;" <?php } else { ?> style="display: block;"<?php } ?>>
                                   </i></a> 
                                 </div>
                                 <div class="tab">
                                   <div class="tab-cell">
                                     <span class="cat-name"><a href="<?php echo base_url(); ?>ajax/mycollection/<?php echo $userregistrationid=$this->session->userdata('registrationid'); ?>/<?php echo $collection_show['subCategoryId']; ?>"><?php echo $collection_show['subCategory_Name']; ?></a> </span>
                                     <p><?php  echo $collection_show['no'];?> products </p>
                                   </div>
                                 </div>
                                 
                              </div> <!--/hover-content-cat -->
                           </div> <!--/category_img -->
                         </div> <!-- /category-->
                        </div> <!--/wall-item -->
                      </div> <!--/wall-column -->

<?php  }}
else{ ?>
                  
<h3>Start your own luxury collection</h3>
<?php } ?>

     <div class="wall-column">
                        <div class="wall-item">
                         <div class="category collection-category">
                           <div class="category_img">
                              <img src="<?php echo base_url(); ?>content/images/collection-pg/collection4.png" class="img-responsive"> 
                              <div class="hover-content-cat collection-cat-hover" id="<?php //echo $collection_show['subCategoryId']; ?>">
                                 <div class="privacy">
                                   <a href="javascript:void(0)" class="lock">
                                   

                                 </div>
                                 <div class="tab">
                                   <div class="tab-cell">
                                     <span class="cat-name"><a href="<?php echo base_url(); ?>finestatrigalio">Finest At Rigalio</a> </span>
                                     <p><?php  echo count($finest);;?> products </p>
                                   </div>
                                 </div>
                                 
                              </div> <!--/hover-content-cat -->
                           </div> <!--/category_img -->
                         </div> <!-- /category-->
                        </div> <!--/wall-item -->
                      </div> <!--/wall-column -->

                   
                  </div> <!--/collection homepage -->
                  


                </div> <!--/collection-con -->
             </div> <!--/tab-content --> 
          </div>
          <!--/ right sidepar profile info -->

      </div> <!--/profile-pg-con -->
      

       
          

    </div>
  </div>  
</div>
<!--profile pg-con ends -->


  </body>






</style>

 
<script type="text/javascript">
      function previewImage() {
        $("#meimg").html('');
        $("#user_files").show();
        document.getElementById("user_files").style.display = "block";
        var oFReader = new FileReader();
         oFReader.readAsDataURL(document.getElementById("userfile").files[0]);
        // modal-content img-upload-pop
         $(".img-upload-pop").hide();
          $(".img-uploaded").show();

        oFReader.onload = function(oFREvent) {
          document.getElementById("user_files").src = oFREvent.target.result;
          $("#meimg").html(oFREvent.target.result);
     };
      };
      
</script>
<script type="text/javascript">


    $('.wall').jaliswall({item:'.wall-item'});
  
  $(document).ready(function(){
  var my_posts = $("[rel=tooltip]");

  var size = $(window).width();
  for(i=0;i<my_posts.length;i++){
    the_post = $(my_posts[i]);

    if(the_post.hasClass('invert') && size >=767 ){
      the_post.tooltip({ placement: 'left'});
      the_post.css("cursor","pointer");
    }else{
      the_post.tooltip({ placement: 'rigth'});
      the_post.css("cursor","pointer");
    }
  }
});
</script>
<script >
/*  collection script to show privacy */
  /*$(document).ready(function(){
      $(".lock").click(function(){
          $(".privacy-status").slideToggle( "slow" );
          $(".fa-unlock-alt").toggle();
          $(".fa-lock").toggle();
      });
  });
  */
 //collection edit overlay trigger 
 $(document).ready(function(){
  $("#user_files").hide();
   $("#main_content ul li:nth-child(odd)").addClass('timeline-inverted');
    $(".edit-btn").click(function(){
        $(".edit-overlay").slideToggle( "medium" );
    });
});  

   function show_pop() {
     alert("hi i am in!");
   }
</script>
<style type="text/css">
  .left-side-img img {
    margin: 0px auto;
  }
</style>