@extends('layouts.auth')
@section('title', 'Choose a new password')

@section('content')
    <h1>Choose a new password</h1>
    <p class="lede">This also signs out every other device.</p>

    <form method="POST" action="{{ route('auth.password.update') }}">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">

        <div class="field">
            <label for="email">Work email</label>
            <input id="email" name="email" type="email" value="{{ old('email', $email) }}" required>
        </div>

        <div class="field">
            <label for="password">New password</label>
            <input id="password" name="password" type="password" required autofocus autocomplete="new-password">
            <p class="hint">At least 12 characters.</p>
        </div>

        <div class="field">
            <label for="password_confirmation">Confirm new password</label>
            <input id="password_confirmation" name="password_confirmation" type="password" required autocomplete="new-password">
        </div>

        <button class="primary" type="submit">Change my password</button>
    </form>
@endsection