<!-- ============================================================== -->
            </div>
            <!-- ============================================================== -->
            <!-- End Container fluid  -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- footer -->
            <!-- ============================================================== -->
            <footer class="footer"> © 2017 All right reserved! </footer>
            <!-- ============================================================== -->
            <!-- End footer -->
            <!-- ============================================================== -->
        </div>
        <!-- ============================================================== -->
        <!-- End Page wrapper  -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="../panel_assets/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="../panel_assets/plugins/bootstrap/js/popper.min.js"></script>
    <script src="../panel_assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="js/jquery.slimscroll.js"></script>
    <!--Wave Effects -->
    <script src="js/waves.js"></script>
    <!--Menu sidebar -->
    <script src="js/sidebarmenu.js"></script>
    <!--stickey kit -->
    <script src="../panel_assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
    <script src="../panel_assets/plugins/sparkline/jquery.sparkline.min.js"></script>

    <script src="../panel_assets/plugins/sparkline/jquery.charts-sparkline.js"></script>
    <!--Custom JavaScript -->
    <script src="js/custom.min.js"></script>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->
    <!-- chartist chart -->
    <script src="../panel_assets/plugins/chartist-js/dist/chartist.min.js"></script>
    <script src="../panel_assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js"></script>
    <!--c3 JavaScript -->
    <script src="../panel_assets/plugins/d3/d3.min.js"></script>
    <script src="../panel_assets/plugins/c3-master/c3.min.js"></script>
    <!-- Chart JS -->
    <script src="../panel_assets/plugins/Chart.js/chartjs.init.js"></script>
    <script src="../panel_assets/plugins/Chart.js/Chart.min.js"></script>
    <!-- ============================================================== -->
    <!-- This is data table -->
    <script src="../panel_assets/plugins/datatables/jquery.dataTables.min.js"></script>
    <!-- start - This is for export functionality only -->
    <script src="../panel_assets/plugins/Newjs/dataTables.buttons.min.js"></script>
    <script src="../panel_assets/plugins/Newjs/buttons.flash.min.js"></script>
    <script src="../panel_assets/plugins/Newjs/jszip.min.js"></script>
    <script src="../panel_assets/plugins/Newjs/vfs_fonts.js"></script>
    <script src="../panel_assets/plugins/Newjs/buttons.html5.min.js"></script>
    <!-- end - This is for export functionality only -->
<script src="../panel_assets/plugins/switchery/dist/switchery.min.js"></script>
	  <script src="../panel_assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
     <!-- start - This is for Multiple Select only -->
    <script src="../panel_assets/plugins/select2/dist/js/select2.full.min.js" type="text/javascript"></script>
    <script src="../panel_assets/plugins/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
    <script>
    jQuery(document).ready(function() {
        // Switchery
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        $('.js-switch').each(function() {
            new Switchery($(this)[0], $(this).data());
        });
        // For select 2
        $(".select2").select2();
        $('.selectpicker').selectpicker();
        // For multiselect
        $('#pre-selected-options').multiSelect();
        $('#optgroup').multiSelect({
            selectableOptgroup: true
        });
        $('#public-methods').multiSelect();
        $('#select-all').click(function() {
            $('#public-methods').multiSelect('select_all');
            return false;
        });
        $('#deselect-all').click(function() {
            $('#public-methods').multiSelect('deselect_all');
            return false;
        });
        $('#refresh').on('click', function() {
            $('#public-methods').multiSelect('refresh');
            return false;
        });
        $('#add-option').on('click', function() {
            $('#public-methods').multiSelect('addOption', {
                value: 42,
                text: 'test 42',
                index: 0
            });
            return false;
        });
        $(".ajax").select2({
            ajax: {
                url: "https://api.github.com/search/repositories",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        q: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    // parse the results into the format expected by Select2
                    // since we are using custom formatting functions we do not need to
                    // alter the remote JSON data, except to indicate that infinite
                    // scrolling can be used
                    params.page = params.page || 1;
                    return {
                        results: data.items,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: true
            },
            escapeMarkup: function(markup) {
                return markup;
            }, // let our custom formatter work
            minimumInputLength: 1,
            templateResult: formatRepo, // omitted for brevity, see the source of this page
            templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
        });
    });
    </script>
       <!-- end - This is for Multiple Select only -->
    <script>
    $(document).ready(function() {
        $('#myTable').DataTable();
        $(document).ready(function() {
            var table = $('#example').DataTable({
                "columnDefs": [{
                    "visible": false,
                    "targets": 2
                }],
                "order": [
                    [2, 'asc']
                ],
                "displayLength": 25,
                "drawCallback": function(settings) {
                    var api = this.api();
                    var rows = api.rows({
                        page: 'current'
                    }).nodes();
                    var last = null;
                    api.column(2, {
                        page: 'current'
                    }).data().each(function(group, i) {
                        if (last !== group) {
                            $(rows).eq(i).before('<tr class="group"><td colspan="5">' + group + '</td></tr>');
                            last = group;
                        }
                    });
                }
            });
            // Order by the grouping
            $('#example tbody').on('click', 'tr.group', function() {
                var currentOrder = table.order()[0];
                if (currentOrder[0] === 2 && currentOrder[1] === 'asc') {
                    table.order([2, 'desc']).draw();
                } else {
                    table.order([2, 'asc']).draw();
                }
            });
        });
    });
    $('#example23').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'csv', 'excel'
        ]
    });
    </script>
	<script src="../panel_assets/plugins/html5-editor/wysihtml5-0.3.0.js"></script>
    <script src="../panel_assets/plugins/html5-editor/bootstrap-wysihtml5.js"></script>
    <script>
    $(document).ready(function() {

        $('.textarea_editor').wysihtml5();
$( "#country" ).change(function() {
    	var country = $( "#country" ).val();
    	$("#country option[value='0']").remove();

       	$.ajax({ url: "SearchRegion.php",
         data: {country_id: country},
         type: 'get',
         async: false,
         success:
         function(msg) {
         	$('#region').find('option').remove().end();
         	var region = jQuery.parseJSON(msg);
         	for(var i = 0 ; i < region.length ; i++)
         	{
         		$('#region').append('<option value="'+region[i].id+'">'+region[i].region+'</option>');
         	}
       	 }
        });
    	$('#city').find('option').remove().end();
    	$('#city').append('<option value="0">Please choose a Region/State</option>');

	});

	$( "#region" ).change(function() {
    	var region = $( "#region" ).val();
        $.ajax({ url: "SearchCity.php",
         data: {region_id: region},
         type: 'get',
         async: false,
         success:
         function(msg) {
         	$('#city').find('option').remove().end();
         	var city = jQuery.parseJSON(msg);
         	for(var i = 0 ; i < city.length ; i++)
         	{
         		$('#city').append('<option value="'+city[i].id+'">'+city[i].city+'</option>');
         	}
       	 }
        });
	});

    });
    </script>
</body>
</html>