<div class="all-book-tab-content">
                        <div class="tab-content">
                            <?php foreach ($book_list_response->data->filters as $filter) { ?>
                                <div id="<?php echo $filter->key; ?>" class="tab-pane fade <?php echo ($book_list_response->data->active_filter == $filter->key) ? 'active in' : ''; ?>">
                                    <?php if ($book_list_response->data->active_filter == $filter->key) { ?>
                                        <?php if (count($book_list_response->data->books)) { ?>
                                            <div class="all-book-list">
                                                <ul>
                                                    <?php foreach ($book_list_response->data->books as $book) { ?>
                                                        <li>
                                                            <a href="<?php echo get_book_url($book); ?>">
                                                                <div class="all-book-list-box">
                                                                    <div class="abl-cover"><img src="<?php echo base_url('assets/images/book/book-cover2.jpg'); ?>" alt="<?php echo!empty($book->book_title) ? $book->book_title : ""; ?>" title="<?php echo!empty($book->book_title) ? $book->book_title : ""; ?>"></div>
                                                                    <div class="abl-info">
                                                                        <h3 class="abl-title" title="<?php echo!empty($book->book_title) ? $book->book_title : ""; ?>"><?php echo!empty($book->book_title) ? $book->book_title : ""; ?></h3>
                                                                        <p class="abl-name" title="<?php echo!empty($book->author_name) ? $book->author_name : ""; ?>"><?php echo!empty($book->author_name) ? $book->author_name : ""; ?></p>
                                                                        <div class="product-rating">
                                                                            <span class="rating-reg" title="<?php echo!empty($book->rating) ? $book->rating : "0 Rating"; ?>"><?php echo!empty($book->rating) ? $book->rating : 0; ?></span>
                                                                            <span><i class="fa fa-star" aria-hidden="true"></i></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    <?php } ?>
                                                </ul>
                                            </div>
                                        <?php } else { ?>
                                            <div class="alert alert-info">
                                                <strong>info</strong></br>
                                                <?php echo $this->config->item('BOOK_NOT_FOUND'); ?>
                                            </div>
                                        <?php } ?>
                                    <?php }else{ ?>
                                    <img src="<?php echo base_url('assets/images/loader.gif');?>" class="img-responsive" alt="Loading..."/>
                                    <?php } ?>
                                </div>
                            <?php } ?>
                        </div>
                    </div>







<script type="text/javascript">

    $(document).ready(function () {
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            var target = $(e.target).attr("data-href");
            var content_id = $(e.target).attr("href");

            $.ajax({
                type: "POST",
                url: target,
                data: {},
                dataType: "json",
                success: function (response) {
                    console.log(response);
                    if(response.status){
                        $(content_id).html(response.html);
                    }else{
                      $(content_id).html(response.message);
                    }
                }
            });
        });
    });
</script>