@extends('layouts.simple')

@section('content')


    <!-- Password reset form -->
    <form  class="login-form" method="POST" action="{{ route('password.request') }}">
        {{ csrf_field() }}
        <input type="hidden" name="token" value="{{ $token }}">

        <div class="card card-main mb-0">
            <div class="card-body">
                <div class="text-center mb-3">
                    <a href="/"><img height="50px" src="{{asset('img/logo_bg_white.png')}}" alt="" class="mb-3"></a>
                    <h5 class="mb-0">Reset Password</h5>
                    <span class="d-block text-muted">Please type your new password</span>
                </div>

                <div class="form-group form-group-feedback form-group-feedback-left">
                    <input name="email" id="email" type="email" class="form-control {{ $errors->has('email') ? ' border-danger' : '' }}" placeholder="My email is" value="{{ old('email') }}" required autofocus>
                    <div class="form-control-feedback">
                        <i class="icon-mention text-muted"></i>
                    </div>
                    @if ($errors->has('email'))
                        <label class="validation-invalid-label" for="email">{{$errors->first('email') }}</label>
                    @endif
                </div>

                <div class="form-group form-group-feedback form-group-feedback-left">
                    <input name="password" id="password" type="password" class="form-control {{ $errors->has('password') ? ' border-danger' : '' }}" placeholder="My new password is" required>
                    <div class="form-control-feedback">
                        <i class="icon-user-lock text-muted"></i>
                    </div>
                    @if ($errors->has('password'))
                        <label class="validation-invalid-label" for="password">{{$errors->first('password') }}</label>
                    @endif
                </div>

                <div class="form-group form-group-feedback form-group-feedback-left">
                    <input name="password_confirmation" id="password_confirmation" type="password" class="form-control {{ $errors->has('password_confirmation') ? ' border-danger' : '' }}" placeholder="Confirm Password" required>
                    <div class="form-control-feedback">
                        <i class="icon-user-lock text-muted"></i>
                    </div>
                    @if ($errors->has('password_confirmation'))
                        <label class="validation-invalid-label" for="password_confirmation">{{$errors->first('password_confirmation') }}</label>
                    @endif
                    <span class="form-text text-muted">At least: <br>
                                                        - 6 characters<br>
                                                        - 1 uppercase and 1 lowercase<br>
                                                        - 1 number<br>
                                                        - 1 special character<br>
                    </span>                    
                </div>

                <div class="form-group">
                    <button type="submit" class="btn bg-blue btn-block"><i class="icon-paperplane mr-2"></i> Change password</button>
                </div>
            
            </div>                     
        </div> 

    </form>
    <!-- /password reset form -->

@endsection