<div class="row">
    <div class="col-7">
        <img src="<?= getBaseUrl() ?>assets/images/logo.png" alt="Admin Logo" class="sign-page-image"><br>
    </div>
    <div class="col-5">
        <div class="login-box">
            <div class="js-show-alert-message">
                <?php App\Controllers\BackendController::createService()->showAlertMessage($arrmixFlashData) ?>
            </div>
            <!-- /.login-logo -->
            <div class="card card-outline card-primary">
                <div class="card-header text-center">
                    <a href="<?= getBaseUrl() ?>" class="h2">
                        <!-- <img src="<?php // getBaseUrl() ?>assets/images/logo.png" alt="Admin Logo" class="admin-signin-logo"><br> -->
                        <?= getProjectName() ?>
                    </a>
                </div>
                <div class="card-body login-card-body">
                    <p class="login-box-msg">Enter your credentials to login</p>

                    <form action="<?= getBaseUrl() ?>authentication/sign-in" method="post">
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" placeholder="Username" name="username" value="<?= set_value('username') ?>">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-user"></span>
                                </div>
                            </div>
                            <?= getValidationError('username') ?>
                        </div>
                        <div class="input-group mb-3">
                            <input type="password" class="form-control" placeholder="Password" name="password" value="<?= set_value('password') ?>">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-lock"></span>
                                </div>
                            </div>
                            <?= getValidationError('password') ?>
                        </div>
                        <div class="row mb-3">
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-block btn-outline-primary">Sign In</button>
                            </div>
                            <!-- /.col -->
                        </div>
                    </form>

                    <p class="mb-1">
                        <!-- <a href="<?php // getBaseUrl() ?>forgot-password">I forgot my password</a> -->
                    </p>
                </div>
                <!-- /.login-card-body -->
            </div>
        </div>
    </div>
</div>
