
<!-- Registrar Or Sign In-content -->
    <div class="cd-user-modal">
        <div class="cd-user-modal-container">
            <ul class="cd-switcher">
                <li><a href="#0">Sign in</a></li>
                <li><a href="#0">New account</a></li>
            </ul>
            <!-- log in form -->
            <div id="cd-login">
                <!-- <form class="cd-form"> -->
                    <?php $form = ActiveForm::begin([
                        'action'=>'/site/login',
                        'options' => [
                            'class' => 'cd-form'
                         ]
                    ]); ?>
                    <p class="fieldset">
                        <label class="image-replace cd-email" for="signin-email">E-mail</label>
                        <?= $form->field($model, 'username')->textInput(['autofocus' => true,"class"=>"full-width has-padding has-border","id"=>"signin-email","placeholder"=>"Username"])->label(false) ?>
                        <!-- <input class="full-width has-padding has-border" id="signin-email" type="email" placeholder="E-mail"> -->
                        <!-- <span class="cd-error-message">Error message here!</span> -->
                    </p>

                    <p class="fieldset">
                        <label class="image-replace cd-password" for="signin-password">Password</label>
                        <!-- <input class="full-width has-padding has-border" id="signin-password" type="text"  placeholder="Password"> -->
                        <?= $form->field($model, 'password')->passwordInput(["class"=>"full-width has-padding has-border","id"=>"signin-password","placeholder"=>"Password"])->label(false) ?>
                        <!-- <a href="#0" class="hide-password">Hide</a>
                        <span class="cd-error-message">Error message here!</span> --->
                    </p>

                    <p class="fieldset">
                        <!-- <input type="checkbox" id="remember-me" checked> -->
                        <?= $form->field($model, 'rememberMe')->checkbox(["id"=>"remember-me"]) ?>
                        <!-- <label for="remember-me">Remember me</label> -->
                    </p>

                    <p class="fieldset">
                        <!-- <input class="full-width" type="submit" value="Login"> -->
                        <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
                    </p>
                <!-- </form> -->
                <?php ActiveForm::end(); ?>
                
                <p class="cd-form-bottom-message">
                    <a href="#0">Forgot your password?</a>
                </p>
                <a href="#0" class="cd-close-form">Close</a>
            </div> <!-- cd-login -->

            <!-- sign up form -->
            <div id="cd-signup">
                <!-- <form class="cd-form"> -->
                    <?php $form = ActiveForm::begin([
                            'action'=>'/site/signup',
                            'options'=>[
                                'class'=>'cd-form'
                            ]
                    ]); ?>
                    <p class="fieldset">
                        <label class="image-replace cd-username" for="signup-username">Username</label>
                        <!-- <input class="full-width has-padding has-border" id="signup-username" type="text" placeholder="Username"> -->
                         <?= $form->field($signupModel, 'username')->textInput(["class"=>"full-width has-padding has-border","id"=>"signup-username","placeholder"=>"Username",'autofocus' => true])->label(false) ?>
                        <!-- <span class="cd-error-message">Error message here!</span> -->
                    </p>

                    <p class="fieldset">
                        <label class="image-replace cd-email" for="signup-email">E-mail</label>
                        <!-- <input class="full-width has-padding has-border" id="signup-email" type="email" placeholder="E-mail"> -->
                        <?= $form->field($signupModel, 'email')->textInput(["class"=>"full-width has-padding has-border","id"=>"signup-email","placeholder"=>"E-mail"])->label(false) ?>
                        <!-- <span class="cd-error-message">Error message here!</span> -->
                    </p>

                    <p class="fieldset">
                        <label class="image-replace cd-password" for="signup-password">Password</label>
                        <!-- <input class="full-width has-padding has-border" id="signup-password" type="text"  placeholder="Password"> -->
                        <?= $form->field($model, 'password')->passwordInput(["class"=>"full-width has-padding has-border","id"=>"signup-password","placeholder"=>"Password"])->label(false) ?>
                        <a href="#0" class="hide-password">Hide</a>
                        <!-- <span class="cd-error-message">Error message here!</span> -->
                    </p>

                    <p class="fieldset">
                        <input type="checkbox" id="accept-terms">
                        <label for="accept-terms">I agree to the <a href="#0">Terms</a></label>
                    </p>

                    <p class="fieldset">
                        <!-- <input class="full-width has-padding" type="submit" value="Create account"> -->
                         <?= Html::submitButton('Register Now', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
                    </p>
                <!-- </form> -->
                <?php ActiveForm::end(); ?>

                <a href="#0" class="cd-close-form">Close</a>
            </div> <!-- cd-signup -->

            <!-- reset password form -->
            <div id="cd-reset-password">
                <p class="cd-form-message">Lost your password? Please enter your email address. You will receive a link to create a new password.</p>

                <form class="cd-form">
                    <p class="fieldset">
                        <label class="image-replace cd-email" for="reset-email">E-mail</label>
                        <input class="full-width has-padding has-border" id="reset-email" type="email" placeholder="E-mail">
                        <span class="cd-error-message">Error message here!</span>
                    </p>
                    <p class="fieldset">
                        <input class="full-width has-padding" type="submit" value="Reset password">
                    </p>
                </form>

                <p class="cd-form-bottom-message"><a href="#0">Back to log-in</a></p>
            </div> <!-- cd-reset-password -->
            <a href="#0" class="cd-close-form">Close</a>
        </div> <!-- cd-user-modal-container -->
    </div> <!-- cd-user-modal -->