</div>

  </main>
  <!-- Main layout -->

<footer class="page-footer pt-0 mt-5 rgba-stylish-light">
 <div class="footer-copyright py-3 text-center">
      <div class="container-fluid">
    <strong>TranslateMe Market <?php echo date('Y'); ?>.</strong>
	 </div>
    </div>
</footer>

<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Select your home/native language</h4>
            </div>
            <div class="modal-body">
                <select id="select-language" class="form-control md-form" searchable="Search here..">
                    <?php include 'controllers/get_languages.php'; ?>
                </select>
				<fieldset class="form-check mt-0 pl-0">
					<input class="form-check-input warning-checkbox" type="checkbox" id="checkbox2">
					<label class="form-check-label" for="checkbox2"><span style="font-size: 14px; color: #000000;"><b>Note: This language setting is only be able to set once. You will not be able to change this again, please make sure this is your preferred primary language.</b></span></label>
				</fieldset>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-primary btn-disabled" disabled id="btn-save-lang">Save</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- ./wrapper -->


<!-- SCRIPTS -->
<!-- JQuery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- DataTables  -->
<script type="text/javascript" src="js/addons/datatables.min.js"></script>
<!-- DataTables Select  -->
<script type="text/javascript" src="js/addons/datatables-select.min.js"></script>
<script type="text/javascript" src="js/modules/material-select.js"></script>

<!-- Initializations -->
<script>

// disable mouse right click 
/*$(document).ready(function(){
   $(document).bind("contextmenu",function(e){
      return false;
   });
});

$('body').bind('copy paste',function(e) {
    e.preventDefault(); return false; 
});*/

// SideNav Initialization
$(".button-collapse").sideNav();

var container = document.querySelector('.custom-scrollbar');
var ps = new PerfectScrollbar(container, {
  wheelSpeed: 2,
  wheelPropagation: true,
  minScrollbarLength: 20
});

// Data Picker Initialization
$('.datepicker').pickadate();

// Material Select Initialization
$(document).ready(function () {
  $('.mdb-select').material_select();
});

// Tooltips Initialization
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

</script>

<script>
<?php if ($_SESSION['tm_language_id'] == 0) { ?>
        $('#myModal').modal({backdrop: 'static', keyboard: false});

        $('.warning-checkbox').change(function () {
            if (this.checked) {
                $("#btn-save-lang").removeClass('btn-disabled').attr('disabled', false);
            } else {
                $("#btn-save-lang").addClass('btn-disabled').attr('disabled', true);
            }
        });
		
        $("#btn-save-lang").click(function () {
            if (!$('.warning-checkbox').hasClass('btn-disabled')) {
                var isValidation = true;
                var message = '';
                var language = $('#select-language').val();

                if ($('#select-language').val() == '' || $('#select-language').val() == '0' || $('#select-language').val() == 0) {
                    isValidation = false;
                    message = "Please select language.";
                }


                if (isValidation) {
                    $(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
                    $.ajax({url: 'controllers/save_settings.php',
                        data: {
                            language: language,
                        },
                        type: 'post',
                        dataType: 'JSON',
                        success: function (output) {
                            toastr.success(output.message);
                            $('#myModal').modal('hide');
                            location.reload();
                        }
                    });
                } else {
                    toastr.error(message);
                }
				$(this).html('Save').attr('disabled', false);
            } else {
                toastr.error('Please select checkbox.');
            }
        });
<?php } ?>

    var placementFrom = "top";
    var placementAlign = "right";
    var animateEnter = "";
    var animateExit = "";
    var colorSuccess = "bg-green";
    var colorError = "bg-orange";

    $('body').on('click', '.sh-logout', function () {
        $.ajax({
            type: "POST",
            url: "controllers/logout.php",
            cache: false,
            success: function (data) {
                window.location.href = 'login.php';
            }
        });
    });

</script>
</body>
</html>