title = "Account Info"
url = "/account-info"
layout = "default"
meta_title = "Account Info"
meta_description = "Welcome!"
is_hidden = 0
==
<div class="account py-24">
    <div class="{{ this.theme.settings_layout_container }}">
        <div class="row">
            <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">
                                <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>
                        </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>
        </div>
    </div>
</div>