        <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="festival-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" style="font-size:18px;"></div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-danger festi_confirm_btn_cancel">Cancel</button>
                            <button type="button" class="btn btn-primary festi_confirm_btn_ok">Proceed</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>