<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Password Reset Form - Bootsnipp.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        .form-gap {
            padding-top: 70px;
        }
    </style>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="form-gap"></div>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="text-center">
                        <h3><i class="fa fa-lock fa-4x"></i></h3>
                        <h2 class="text-center">Quên mật khẩu?</h2>
                        <p>Bạn có thể thiết lập lại mật khẩu tại đây.</p>
                        <div class="panel-body">

                            <form id="register-form" action="{{route('user.send-email')}}" autocomplete="off" class="form"
                                  method="post">
                                @csrf
                                <div class="form-group">
                                    <div class="input-group">
                                        <span class="input-group-addon"><i
                                                class="glyphicon glyphicon-envelope color-blue"></i></span>
                                        <input id="email" name="email" placeholder="Địa chỉ email" class="form-control"
                                               type="email">

                                    </div>
                                </div>

                                <div>
                                    @if(count($errors) > 0 && $errors->any())
                                        <ul class="alert alert-warning">
                                            @foreach($errors->all() as $error)
                                                <li style="margin-left: 10px;">{{$error}}</li>
                                            @endforeach
                                        </ul>
                                    @elseif(session('notify'))
                                        <div class="alert alert-success"
                                             style="text-align: center;">
                                            {{session('notify')}}
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <input name="recover-submit" class="btn btn-lg btn-primary btn-block"
                                           value="Hoàn tất" type="submit">
                                </div>

                                <input type="hidden" class="hide" name="token" id="token" value="">
                                <a href="/login">Đăng nhập</a>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
