@extends('layouts.auth')
@section('content')
@include('auth._mbrand')
<h1>Choose a new password</h1>
<p class="muted">Pick a password you have not used elsewhere. You will be able to log in right after.</p>

<form method="post" action="{{ route('password.update') }}" novalidate class="tr-form">
    @csrf
    <input type="hidden" name="token" value="{{ $token }}">
    <div class="field">
        <label class="label" for="f-email">Email address <span class="req">*</span></label>
        <input class="input {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" id="f-email" name="email" value="{{ old('email', $email) }}" required autocomplete="username" inputmode="email" @if(!old('email') && $email) readonly @endif>
        @error('email')<div class="field-error" role="alert">{{ $message }}</div>@enderror
    </div>
    @include('auth._password', ['name' => 'password', 'label' => 'New password', 'autocomplete' => 'new-password', 'strength' => true])
    @include('auth._password', ['name' => 'password_confirmation', 'id' => 'f-password-confirm', 'label' => 'Confirm new password', 'autocomplete' => 'new-password'])
    <button class="btn btn-primary btn-block btn-lg" type="submit">Update password <x-icon name="check" :size="18"/></button>
</form>
<p class="center small muted mt-3">Link expired? <a class="bold" href="{{ route('password.request') }}">Request a new one</a></p>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/auth.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush