        <footer>
            <div class="modal fade" id="alert_message" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">X</button>
                            <h4 class="modal-title">Alert Message</h4>
                        </div>
                        <div class="modal-body">
                            <i class="fa fa-fw fa-exclamation-triangle"></i>
                            <div class="message_container">You cannot click outside of this modal to close it.</div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="modal fade" id="confirm" role="dialog" >
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">X</button>
                            <h4 class="modal-title">Confirmation</h4>
                        </div>
                        <div class="modal-body">
                            <i class="fa fa-fw fa-exclamation-triangle"></i>
                            <div class="message_container">You cannot click outside of this modal to close it.</div>
                            <?php 
                              $controller = explode('_',$this->uri->segments[1]);
                            if($controller[0] == 'billing') { ?>
                                <div class="form-group float-clear" style="margin-top: 30px;">
                                    <label style="padding-top: 15px; width: 60px;">Reason<span class="required">*</span></label>
                                    <textarea class="form-control del_reason" name="del_reason"></textarea>
                                </div>
                            <?php } ?>
                            <p style="padding-top: 20px;"><i>Note:- Can not revert back deleted record.</i></p>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" name="redirect_url" value="" />
                            <button type="button" class="btn btn-danger confirm_btn_cancel">Cancel</button>
                            <button type="button" class="btn btn-primary confirm_btn_ok">Ok</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="modal fade" id="truncate-confirm" role="dialog" >
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">X</button>
                            <h4 class="modal-title">Database Truncate</h4>
                        </div>
                        <div class="modal-body">
                            <i class="fa fa-fw fa-exclamation-triangle" style="color: #ffc107;"></i>
                            <div class="message_container" style="color: #03A9F4;">Do you want to Truncate <span style="color:#e91e63;">"Billing Module"</span> related tables in Database?</div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" name="redirect_url" value="" />
                            <button type="button" class="btn btn-danger confirm_btn_cancel">Cancel</button>
                            <button type="button" class="btn btn-primary confirm_btn_ok">Ok</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="container">  
                <!-- Modal -->
                <div class="modal fade" id="truncate_load" role="dialog">
                  <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title" style="text-align: center;font-size: 22px;">Database Truncate</h4>
                      </div>
                      <div class="modal-body" style="text-align: center;">
                          <div class="inprogress"><i class="fa fa-circle-o-notch fa-spin" style="font-size:40px; color: #E91E63;"></i>
                              <p style="margin: 50px;font-size: 18px;letter-spacing: 1px;line-height: 39px;">Truncate Operation is In Progress.<br>Please Wait Until the Pop-up Closed!! <br> Thanks!!</p></div>
                           <div class="completed" style="display: none;">   
                               <p style="margin:15px;font-size: 18px;letter-spacing: 1px;line-height: 39px;">Truncate Operation is Completed.<br> Thanks!!</p>
                           </div>
                      </div>
                        <div class="modal-footer" style="display: none; border-top: 2px solid #f5f5f5;">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      </div>
                    </div>

                  </div>
                </div>  
            </div>
            
            <div class="modal fade" id="loader_popup" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">X</button>
                            <h4 class="modal-title">Loading .....</h4>
                        </div>
                        <div class="modal-body">
                            <div class="loading_content"></div>
                            <div class="popup_loader_image"></div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <form class="hidden_del_form" method="post">
                <div class="form-group float-clear">
                    <textarea style="visibility:hidden" class="form-control hidden_del_reason" name="hidden_del_reason"></textarea>
                </div>
            </form>
            
            <!--<div class="footer_container">
                <?php #$user_data = get_session_userdata();?>
                <div class="copyright">&copy; Copyright <?php #echo date('Y') . ' by ' . $user_data['comp_name'];?>. All rights reserved.</div>
                <div class="refulgence_link">Powered by <a href="http://refulgenceinc.com">Refulgence Inc Pte Ltd</a></div>
            </div>-->
        </footer>
        
        <div id="tool_tip">
            <div class="tool_tip_content"></div>
            <div class="arrow_left"></div>
        </div>
        <!-- DATA TABES SCRIPT -->
        <script src="<?php echo base_url();?>assets/js/library/bootstrap-3.2.0.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="<?php echo base_url();?>assets/js/library/AdminLTE/app.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/bootstrap-dialog.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>assets/js/library/colorpicker/bootstrap-colorpicker.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="<?php echo js_url();?>library/moment-with-locales.min.js"></script>
        <script type="text/javascript" src="<?php echo js_url();?>library/bootstrap-material-datetimepicker.js"></script>
        <script type="text/javascript" src="<?php echo BASE_URL.'assets/js/'; ?>default.js"></script>
        
        <script type="text/javascript">
            $(document).on('ready', function(){
                if($('.table').attr('id') == 'someTable') {
                    $('.pagination').click(function () {
                        $(".check").each(function() {
                            if($(this).is(':checked')) {
                                var colToShow = $("#someTable").find("." + $(this).attr("name"));
                                $(colToShow).show();
                            } else {
                                var colToHide = $("#someTable").find("." + $(this).attr("name"));
                                $(colToHide).hide();
                            }
                        });
                    });
                }
                if($('.table').attr('id') == 'filterTable') {
                    $('.pagination').click(function () {
                        $('.filterTable:first tbody tr').each(function(index,element){
                            var th_name = $('.filterTable').attr('data_th_name').split(',');
                            var field_name = '';
                            for(var i = 0; i < th_name.length; i++) {
                                field_name = th_name[i].replace(' ', '_');
                                field_name = field_name.replace(' / ', '_');
                                field_name = field_name.replace('(', '_');
                                field_name = field_name.replace(')', '');
                                $(this).find('td').not(':first').eq(i).addClass(field_name);
                            }
                            
                        })
                        
                        $(".check").each(function() {
                            if($(this).is(':checked')) {
                                var colToShow = $("#filterTable").find("." + $(this).attr("name"));
                                $(colToShow).show();
                            } else {
                                var colToHide = $("#filterTable").find("." + $(this).attr("name"));
                                $(colToHide).hide();
                            }
                        });
                    });
                }                
            })
            
        </script>
        
        </div>
    </body>
</html>