<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Simple Accounts</title>

    
    <script src="./js/jquery.min.js"></script>
    <script src="./js/jquery-ui.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="./js/bootstrap-datepicker.min.js"></script>
    <script src="./js/jquery-confirm.min.js"></script>
    <script src="./js/books.js"></script>


    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="./css/all.min.css">
    <link rel="stylesheet" type="text/css" href="./css/books.css">
    <link rel="stylesheet" type="text/css" href="./css/jquery-confirm.min.css">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap-datepicker.min.css">

    <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
    <link rel="manifest" href="./site.webmanifest">
</head>
<body class="d-flex flex-column vh-100">
<div class="container overflow-auto">
    <div id="mainmenu" class="mt-2">
        <div class="card">
            <div class="card-header">
                <div class="float-start"><img src="./images/accounting-book.svg" class="card-img-top" alt="..."> </div>
                <div class="float-end text-center">Simple Oz Accounts </div>
            </div>

            <div class="card-body homebody">
                <div id="content">
<h3>Welcome to Oz Accounting</h3>

                </div>

            </div>

            <div class="card-footer ">
                <button class="btn btn-outline-success  float-end me-3" id="cmdLogMain" >

                    <img src="./images/login.svg"  alt="Logout" class="btnFooterIcon float-start">
                    <div class="btnFooterText float-end"><span class =''>Login</span></div>
                </button>
            </div>
        </div>

    </div>


    <!-- Modal -->
    <div class="modal fade" id="modLogin">
        <div class="modal-dialog  modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="staticBackdropLabel">Login to your account</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="input-group mb-3">
                            <span  class="input-group-text" id="basic-addon1"><img src="./images/id.svg" class="logicon"></span>
                            <input id="txtCompanyCode" type="text" class="form-control" placeholder="Enter your Company Code" aria-label="Member id" aria-describedby="basic-addon1">
                        </div>
                        <div class="input-group mb-3">
                            <span  class="input-group-text" id="basic-addon2"><img src="./images/user.svg" class="logicon"></span>
                            <input id="txtUser" type="text" class="form-control" placeholder="Enter your Username" aria-label="Username" aria-describedby="basic-addon2">
                        </div>
                        <div class="input-group mb-3">
                            <span  class="input-group-text" id="basic-addon3"><img src="./images/padlock.svg" class="logicon"></span>
                            <input id="txtPass" type="password" class="form-control" placeholder="Enter your Password" aria-label="password" aria-describedby="basic-addon3">
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="chkKeep">
                            <label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="mt-2">
                        <div class="float-start"><button type="button" class="btn btn-outline-danger mx-2" data-bs-dismiss="modal"><img src="./images/forbidden.svg" class="logicon"> Close</button></div>
                        <button type="button" id="cmdLogin" class="btn btn-outline-success"><img src="./images/login.svg" class="logicon"> Login</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<!-- END COPYRIGHT -->
<footer class="bg-black text-white mt-auto">
    <div class="container">
        <div class="copyright text-center">

            &copy; 2026 OZ Accounting.<br/>All rights reserved.
        </div>
    </div>
</footer>

<script>
    $( document ).ready(function() {


        $.getJSON('./lock/staff_valid.php',{}, function(data) {
            var fail=data.fail;
            console.log('fail='+fail);
            if (fail === 0) {
                location.replace('./books/index.php');

            }else{
                $('#modLogin').modal('show');
                $('#txtCompanyCode').focus();
                return;
            }

        })
    })
    /* jQuery(document).ready(function($) {

          jQuery('#admin_memberid').focus();

     }); */
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>

