title = "Account"
url = "/account/:code?"
layout = "default"
meta_title = "Account"
meta_description = "If you are already a client, sign in with you details here"
is_hidden = 0

[viewBag]
localeUrl[gr] = "/account"

[account]
redirect = "user/account"
paramCode = "code"
forceSecure = 0
==
<div class="account py-24">
    <div class="{{ this.theme.settings_layout_container }}">
        <div class="row">
            {% if not user %}
            {% if post('register') %}
            <div class="col-md-12">
                <h2>Thanks for registering</h2>
                <p>Your application has been received and you will get an email from us once you are approved to sign in.</p>
                <p><a href="{{ 'home'|page }}">Return to the homepage</a>
            </div>
            {% else %}
            <div class="col-md-6">
                <div class="card border-0 card-body mb-7">
                    <h3 class="mb-0">Sign in</h3>
                    <p class="text-muted mb-7 display-13">If you are already a client, sign in with you details here.</p>
                    <div class="row">
                        <div class="col-sm-12">
                            <form
                                data-request="onSignin">
                                <div class="form-group">
                                    <label for="userSigninLogin">User Name</label>
                                    <input type="text" name="login" class="form-control border-2 hover-border-default p-7" id="userSigninLogin" placeholder="Enter your {{ loginAttributeLabel|lower }}">
                                </div>
                                <div class="form-group">
                                    <label for="userSigninPassword">Password</label>
                                    <input type="password" name="password" class="form-control border-2 hover-border-default p-7" id="userSigninPassword" placeholder="Enter your password">
                                </div>
                                <u><a class="d-block" href="{{ 'user/forgot-password'|page }}">Forgot password?</a></u>
                                <button type="submit" class="btn px-12 btn-default mt-5 btn-chevron"><span> Sign In <i class="fas fa-chevron-right"></i></span></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card border-0 card-body mb-7">
                    <h3 class="mb-0">Register</h3>
                    <p class="text-muted mb-7 display-13">You may apply to the client area by completing this form.</p>
                    <div class="row">
                        <div class="col-sm-12">
                            <form
                                data-request="onRegister">
                                <input type="hidden" name="redirect" value="{{ this.page.baseFileName|page }}?register=1" />
                                <div class="form-group">
                                    <label for="accountEmail">User Name</label>
                                    <input type="text" name="name" class="form-control border-2 hover-border-default p-7" id="accountEmail" placeholder="Enter your full name">
                                </div>
                                <div class="form-group">
                                    <label for="accountEmail">User Name</label>
                                    <input type="text" name="email" class="form-control border-2 hover-border-default p-7" id="accountEmail" placeholder="Enter your email">
                                </div>
                                <div class="form-group">
                                    <label for="accountUsername">User Name</label>
                                    <input type="text" name="username" class="form-control border-2 hover-border-default p-7" id="accountUsername" placeholder="Choose a login name to use">
                                </div>
                                <div class="form-group">
                                    <label for="accountPassword">Password</label>
                                    <input type="password" name="password" class="form-control border-2 hover-border-default p-7" id="accountPassword" placeholder="Choose a password">
                                </div>
                                <button type="submit" class="btn px-12 btn-default mt-5 btn-chevron"><span> Register <i class="fas fa-chevron-right"></i></span></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
            {% else %}
            <div class="col-md-8">
                <div class="card border-0 card-body mb-7">
                    <h3 class="box-title mb-0">Account information</h3>
                    <p class="text-muted mb-7 display-13">You may change your account information.</p>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12">
                            {{ form_ajax('onUpdate', { model: user }) }}
                                <div class="form-group">
                                    <label for="accountName">Full Name</label>
                                    <input name="name" type="text" class="form-control border-2 hover-border-default p-7" id="accountName" placeholder="Your full name" value="{{ form_value('name') }}">
                                </div>
                                <div class="form-group">
                                    <label for="accountEmail">Email</label>
                                    <input name="email" type="email" class="form-control border-2 hover-border-default p-7" id="accountEmail" placeholder="Your email" value="{{ form_value('email') }}">
                                </div>
                                <div class="form-group">
                                    <label for="accountLogin">Login</label>
                                    <input name="username" type="text" class="form-control border-2 hover-border-default p-7" id="accountLogin" placeholder="Choose a login name to use" value="{{ form_value('username') }}">
                                </div>
                                <div class="form-group">
                                    <label for="accountPassword">New Password</label>
                                    <input name="password" type="password" class="form-control border-2 hover-border-default p-7" id="accountPassword" placeholder="Enter your new password">
                                </div>
                                <div class="form-group">
                                    <label for="accountPasswordConfirm">Confirm New Password</label>
                                    <input name="password_confirmation" type="password" class="form-control border-2 hover-border-default p-7" id="accountPasswordConfirm" placeholder="Confirm your new password">
                                </div>
                                <button type="submit" class="btn px-12 btn-default mt-5 btn-chevron"><span> SAVE <i class="fas fa-chevron-right"></i></span></button>
                            {{ form_close() }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 card-body mb-7">
                    <h3 class="box-title mb-0">Account menu</h3>
                    <p class="text-muted mb-7 display-13">Your personal account menu.</p>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12">
                            <div class="list-group">
                              <a href="{{ 'user/account'|page }}" class="list-group-item">Account</a>
                              <a href="#" data-request="onLogout" class="list-group-item">Logout</a>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>