<?php 
ob_start();
  require_once 'var/session.php';
  require_once 'var/controller.php';
  include 'sign-in.php';
  include 'toprel.php';
?>    
    <div class="page-wrapper">
        <div class="page-inner bg-brand-gradient">
            <div class="page-content-wrapper bg-transparent m-0">
                
                <div class="height-10 w-100 shadow-lg px-4 bg-brand-gradient">
                    <div class="d-flex align-items-center container p-0">
                        <div class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0 height-9">
                            <a href="javascript:void(0)" class="page-logo-link press-scale-down d-flex align-items-center site-logo">
                                <img src="img/logo/bm2.png" alt="Beam" aria-roledescription="logo" style="width: 100px;">
                            </a>
                        </div>
                        <a href="javascript:void(0)" class="btn-link text-white ml-auto">
                            Help?
                        </a>
                    </div>
                </div>

                <div class="flex-1" style="background: url(img/svg/pattern-1.svg) no-repeat center bottom fixed; background-size: cover;">
                    <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
                        <div class="row">
                            <div class="col col-md-6 col-lg-7 hidden-sm-down animation-slideRight">
                                <h2 class="fs-xxl fw-300 mt-4 text-white" style="margin-top: -100px;">
                                    <img src="img/logo/engr.png" alt="Engr" style="width: 300px;">  
                                </h2>
                            </div>

                            <div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
                                <h1 class="text-white fw-300 mb-3 d-sm-block d-md-none animation-slideDown">
                                    Login Portal
                                </h1>
                                <?php include 'msg.php';?>

                                <div class="card p-4 rounded-plus bg-faded animation-fadeIn">
                                    <form id="js-login" novalidate="" action="" method="post" autocomplete="off">
                                    
                                        <div class="form-group">
                                            <label class="form-label" for="login-username">Username</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-user"></i></span></div>
                                                <input type="text" name="login-username" id="login-username" placeholder="Username" 
                                                value="<?php if(isset($_COOKIE["login-username"])) { echo $_COOKIE["login-username"]; } ?>" required autofocus 
                                                style="background: rgba(255, 255, 255, 0)" class="form-control" aria-label="Username" aria-describedby="username">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="form-label" for="login-password">Password</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-eye" id="togglePwd" title="show password" style="margin-left:30%;" ></i></span></div>
                                                <input type="password" name="login-password" id="login-password" class="form-control" placeholder="Password"
                                                 value="<?php if(isset($_COOKIE["login-password"])) { echo $_COOKIE["login-password"]; } ?>" required
                                                  style="background: rgba(255, 255, 255, 0)" aria-label="Username" aria-describedby="password">
                                            </div>
                                        </div>

                                        <div class="form-group text-left">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" name="remember-me" class="custom-control-input" id="rememberme">
                                                <label class="custom-control-label" for="rememberme"> Remember me</label>
                                            </div>
                                        </div>

                                        <div class="row no-gutters">
                                            <div class="col-lg-12 pr-lg-1 my-2">
                                                <button type="submit" name="btnLogin" class="btn btn btn-primary btn-sm btn-block" style="border-radius: 7px;width: 100%"><i class="fa fa-sign-in"></i> Login</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
                        <script>document.write(new Date().getFullYear());</script> &copy; ENGR COMD 
                    </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    
<?php 
 include 'endsrc.php';
 
ob_end_flush();
?>     