@extends('app.vpnblue.layouts.guest')

@section('title', 'Reset Password')
@section('appName', $appName)

@section('content')
    <p class="mt-5 login-box-msg">You are only one step a way from your new password, recover your password now.</p>
    @if($errors->any())
    <div class="alert alert-danger">
        {{ $errors->first() }}
    </div>
    @endif
    <form method="POST" action="{{ route('password.store') }}">
        @csrf
        <!-- Password Reset Token -->
        <input type="hidden" name="token" value="{{ $request->route('token') }}">
        <!-- App -->
        <input type="hidden" name="app" value="{{ $request->app }}">
        <!-- Email -->
        <input type="hidden" name="email" value="{{ $request->email }}">
        <div class="mt-3 input-group mb-3">
            <div class="input-group-prepend">
                <div class="input-group-text"><span class="fas fa-lock"></span></div>
            </div>
            <input type="password" class="form-control" placeholder="New Password" name="password" id="password" autofocus required />
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <div class="input-group-text"><span class="fas fa-key"></span></div>
            </div>
            <input type="password" class="form-control" placeholder="Confirm Password" name="password_confirmation" id="password_confirmation" required />
        </div>
        <div class="row">
            <div class="mt-3">
                <button type="submit" style="border:0 solid #4687ff;border-radius:3px;color:#fefefe;display:inline-block;font-family:'roboto', 'helvetica', sans-serif;font-size:16px;font-weight:700;line-height:1.3;margin:0;padding:17px 30px 17px 30px;text-align:left;text-decoration:none;background: #4687ff">Change password</button>
            </div>
        </div>
    </form>
@endsection