reactcrm/app/views/site/login.php

<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap4\ActiveForm */
/* @var $model app\models\LoginForm */

use yii\helpers\Html;
use yii\bootstrap4\ActiveForm;
use app\assets\AdminLteAsset;

AdminLteAsset::register($this);

$this->title = 'Login';
$this->params['breadcrumbs'][] = $this->title;
//$this->params['bodyClasses'] = $bodyClasses;
?>

<div class="login-box">
    <div class="login-logo">
        <a class="text-uppercase" href="<?= Yii::$app->homeUrl; ?>"><?= Yii::$app->name; ?></a>
    </div><!-- /.login-logo -->

    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">Sign in to start your session</p>

            <?php $form = ActiveForm::begin([
                    'id' => 'login-form',
                    'layout' => 'horizontal',
                    'fieldConfig' => [
                        //'options' => ['class' => 'input-group mb-3'],
                        'horizontalCssClasses' => [
                            'error' => 'order-last',
                        ],
                    ],
            ]); ?>
            <?php echo $form->errorSummary($model) ?>
            <?php echo $form->field($model, 'username', [
                'template' => '<div class="input-group">
                    {input}{error}
                    <div class="input-group-append"><span class="input-group-text"><span class="fas fa-user"></span></span></div>
                </div>',
            ])->textInput(['autofocus' => true, 'placeholder'=>'Name']) ?>
            <?php echo $form->field($model, 'password', [
                'template' => '<div class="input-group">
                    {input}{error}
                    <div class="input-group-append"><span class="input-group-text"><span class="fas fa-lock"></span></span></div>
                </div>',
            ])->passwordInput(['placeholder'=>'Password']) ?>
            <?php echo $form->field($model, 'rememberMe',[
                'options' => ['class' => 'icheck-primary'],
            ])->checkbox([
                'template' => '<div class="custom-control custom-checkbox mb-3">{input} {label} {error}</div>',
            ]) ?>

            <?php echo Html::submitButton('Login <span class="fas fa-arrow-right fa-sm"></span>', [
                'class' => 'btn btn-primary btn-block',
                'name' => 'login-button'
            ]) ?>
            <?php ActiveForm::end() ?>
        </div>
    </div>
</div>


<div class="login-box d-none">
    <div class="login-logo">
        <a href="<?= Yii::$app->homeUrl; ?>"><?= Yii::$app->name; ?></a>
    </div>
    <!-- /.login-logo -->
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">Please fill out the following fields to login:</p>

            <?php $form = ActiveForm::begin([
                'id' => 'login-form',
                'layout' => 'horizontal',
                'fieldConfig' => [
                    'options' => ['class' => 'input-group mb-3'],
                    'horizontalCssClasses' => [
                        'error' => 'order-last',
                    ],
                    //'template' => "{label}\n<div class=\"col-lg-333\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>",
                    //'template' => "{input}\n{error}",
                    //'labelOptions' => ['class' => 'col-lg-1 control-label'],
                ],
            ]); ?>

            <?= $form->field($model, 'username', ['template'=>'{input}{error}<div class="input-group-append"><div class="input-group-text order-last"><span class="fas fa-envelope"></span></div></div>'])->textInput(['autofocus' => true, 'placeholder'=>'Email Address']); ?>

            <?= $form->field($model, 'password', ['template'=>'{input}{error}<div class="input-group-append"><div class="input-group-text"><span class="fas fa-lock"></span></div></div>'])->passwordInput(['placeholder'=>'Password']) ?>

            <div class="row">
                <div class="col-8">
                    <?= $form->field($model, 'rememberMe', [
                            'options' => ['class' => 'icheck-primary'],
                    ])->checkbox([
                        'template' => "{input} {label} {error}",
                    ]) ?>
                </div>
                <div class="col-4">
                    <?= Html::submitButton('Login', ['class' => 'btn btn-primary btn-block', 'name' => 'login-button']) ?>
                </div>
            </div>

            <?php ActiveForm::end(); ?>

            <form action="../../index3.html" method="post" class="">
                <div class="input-group mb-3">
                    <input type="email" class="form-control" placeholder="Email">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-envelope"></span>
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" placeholder="Password">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-8">
                        <div class="icheck-primary">
                            <input type="checkbox" id="remember">
                            <label for="remember">
                                Remember Me
                            </label>
                        </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary btn-block">Sign In</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>

            <div class="social-auth-links text-center mb-3">
                <p>- OR -</p>
                <a href="#" class="btn btn-block btn-primary">
                    <i class="fab fa-facebook mr-2"></i> Sign in using Facebook
                </a>
                <a href="#" class="btn btn-block btn-danger">
                    <i class="fab fa-google-plus mr-2"></i> Sign in using Google+
                </a>
            </div>
            <!-- /.social-auth-links -->

            <p class="mb-1">
                <a href="forgot-password.html">I forgot my password</a>
            </p>
            <p class="mb-0">
                <a href="register.html" class="text-center">Register a new membership</a>
            </p>
        </div>
        <!-- /.login-card-body -->
    </div>
</div>

<div class="site-login d-none">
    <h1></h1>

    <p></p>

    <?php $form = ActiveForm::begin([
        'id' => 'login-form',
        'layout' => 'horizontal',
        'fieldConfig' => [
            'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>",
            'labelOptions' => ['class' => 'col-lg-1 control-label'],
        ],
    ]); ?>

        <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>

        <?= $form->field($model, 'password')->passwordInput() ?>

        <?= $form->field($model, 'rememberMe')->checkbox([
            'template' => "<div class=\"col-lg-offset-1 col-lg-3\">{input} {label}</div>\n<div class=\"col-lg-8\">{error}</div>",
        ]) ?>

        <div class="form-group">
            <div class="col-lg-offset-1 col-lg-11">
                <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
            </div>
        </div>

    <?php ActiveForm::end(); ?>

    <div class="col-lg-offset-1" style="color:#999;">
        You may login with <strong>admin/admin</strong> or <strong>demo/demo</strong>.<br>
        To modify the username/password, please check out the code <code>app\models\User::$users</code>.
    </div>
</div>