@extends('auth.layout')

@section('content')
<h1>Reset password</h1>

{% if errors.get('email') %}
<div class="alert-error">{{ errors['email'][0] }}</div>
{% endif %}

<form method="post" action="/reset-password">
    <input type="hidden" name="_token" value="{{ csrf_token }}">
    <input type="hidden" name="token" value="{{ token }}">
    <div class="field">
        <label for="email">Email address</label>
        <input type="email" id="email" name="email" value="{{ email }}" required autocomplete="email">
        {% if errors.get('email') %}<span class="field-error">{{ errors['email'][0] }}</span>{% endif %}
    </div>
    <div class="field">
        <label for="password">New password</label>
        <input type="password" id="password" name="password" required autofocus autocomplete="new-password">
        {% if errors.get('password') %}<span class="field-error">{{ errors['password'][0] }}</span>{% endif %}
    </div>
    <div class="field">
        <label for="password_confirmation">Confirm new password</label>
        <input type="password" id="password_confirmation" name="password_confirmation" required autocomplete="new-password">
    </div>
    <button type="submit" class="btn-submit">Reset password</button>
</form>
@endsection