<div class="ui-g">
    <div class="ui-g-12 ui-md-9 ui-lg-7">
        <form [formGroup]="resetPassword" (ngSubmit)="sendResetPassword()">
            <table class="login-table">
                <tr>
                    <td>
                        <div class="login-panel ui-fluid">
                            <div class="ui-g">
                                <div class="ui-g-12">
                                    <!--img src="assets/layout/images/logo-ultima.svg" -->
                                    <img src="assets/layout/images/overFlow_CI_blue_185.png">
                                </div>
                                <div class="ui-g-12">
                                    <span class="md-inputfield">
                                        <input type="email" id="email" autocomplete="off" placeholder="Please enter your email" formControlName="email" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
                                    </span>
                                    <div *ngIf="formErrors.email" class="help is-danger">
                                        {{ formErrors.email }}
                                    </div>
                                </div>
                    
                                <div class="ui-g-12">
                                    <button  (click)="sendResetPassword()" type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
                                        <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-cached"></span>
                                        <span class="ui-button-text ui-c">Reset Password</span>
                                    </button>
                    
                                    <a href="/auth/signin" >Sign In</a>
                                    |
                                    <a href="/auth/signup" >Sign Up</a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="ui-g-12 ui-md-3 ui-lg-5 login-descript">
        <table class="login-table">
            <tr>
                <td>
                    <div class="login-panel ui-fluid">
                        <div class="ui-g">
                            <div class="ui-g-12">
                                <img src="assets/layout/images/login/login_img_01.png">
                                <p><br>
                                    overFlow는 여러분의 서버에 발생하는<br>
                                    변화를 항상 지켜보고 있습니다.<br><br>
                                    
                                    서버에 발생하는 모든 변화를 세분화 하여<br>
                                    실시간으로 알려 드립니다.
                                </p>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>