@extends('layouts.auth')

@section('title', 'Set a new password')

@section('content')
<h1 class="display text-3xl">Set a new password.</h1>
<p class="mt-3 text-sm leading-relaxed" style="color: var(--ink-soft);">
    Pick something at least eight characters long.
</p>

@if($errors->any())
    <div class="mt-7 border-l-2 pl-4 py-1" style="border-color: var(--bad);">
        <ul class="space-y-1 text-sm" style="color: var(--bad);">
            @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('password.update') }}" class="mt-8 space-y-5">
    @csrf
    <input type="hidden" name="token" value="{{ $token }}">
    <input type="hidden" name="email" value="{{ $email ?? old('email') }}">

    <div>
        <label for="password" class="field-label">New password</label>
        <input id="password" type="password" name="password" required minlength="8"
               autocomplete="new-password" autofocus class="field">
    </div>

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

    <button type="submit" class="btn btn-primary w-full">Save new password</button>
</form>
@endsection