<section class="ikio_breadcumb">
    <div class="ikio_container">
        <div class="ikio_breadcumb_inner">
            <ul>
                <li><a href="<?php echo base_url();?>home" class="active__link hsize15 mp_regular">Home</a></li>
                <li><span></span></li>
                <li><a href="<?php echo base_url();?>press-releases" class="hsize15 mp_regular">Press Releases</a></li>
            </ul>
        </div>
        <div class="ikio__breacumbtite mp"> Press Releases </div>
        <div class="lines_inner_bread"></div>
    </div>
</section>

<section class="ikio_blogBreadcumb">
    <div class="blog_breadcumb_inner">
        <h2 class="font_900 hsize40 white">Official announcements concerning IKIO</h2>

        <div class="line__about"></div>
        <p class="hsize18  top_25 white">
          Here you will find all the authorized information about the company – awards, certifications, expansions, new product launches and other important updates.
        </p>
    </div>
</section>

<section class="blog_listing">
    <div class="ikio_container">
        <div class="row filter_data">
        
        </div>

              <div class="paginationWrap">
                     <div class="row">
                         <div class="col-md-3"></div>
                          <div class="col-md-6">
                               <div id="pagination_link"></div>
                          </div>
                           <div class="col-md-3">
                                 <div class="ikio_page_disply">
                           <div class="display_title">
                               <span>Display</span>
                           </div>
                           <div class="display__select_box">
                              <select name="Sort__filters" id="Sort__filters">
                                  <option value="12">12 per page</option>
                                  <option value="24">24 per page</option>
                                  <option value="50">50 per page</option>
                              </select>
                           </div>
                       </div>
                           </div>
                     </div>
                    
                     
                     
                   </div>
        </div>
    </div>
</section>

<style>
      @media (max-width: 767px) {
  .pagination_section {
    display: none;
  }
</style>


<script>
$(document).ready(function(){
 

    filter_data(1);
   
    
    
     $('#Sort__filters').on('change', function(){
                filter_data(1);
    });
    

    function filter_data(page)
    {
        $('.filter_data').html('<div class="card"><div class="image loading"></div><div class="bars"><div class="bar bar1 loading"></div><div class="bar bar2 loading"></div></div></div><div class="card"><div class="image loading"></div><div class="bars"><div class="bar bar1 loading"></div><div class="bar bar2 loading"></div></div></div>');
        var action = 'fetch_data';
     
        var limit = $("#Sort__filters").val();
        
        
       
        $.ajax({
            url:"<?php echo base_url(); ?>press-releases/fetch_data/"+page,
            method:"POST",
            dataType:"JSON",
            data:{action:action,limit:limit},
            success:function(data)
            {
              
                $('.filter_data').html(data.product_list);
                $('#pagination_link').html(data.pagination_link);
            }
        })
    }

    function get_filter(class_name)
    {
        var filter = [];
        $('.'+class_name+':checked').each(function(){
            filter.push($(this).val());
        });
        return filter;
    }
function getQueryStringValue(key) {  
  return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));  
} 
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}

    $(document).on('click', '.pagination li a', function(event){
        event.preventDefault();
        var page = $(this).data('ci-pagination-page');
        filter_data(page);
    }); 

    $('.common_selector').click(function(){
        filter_data(1);
    });
    
    
});
</script>