@extends('layouts.staff')
@section('title', 'Change password')
@section('content')
<div class="mx-auto max-w-md">
    <h1 class="text-3xl">{{ $forced ? 'Choose a new password' : 'Change password' }}</h1>
    @if($forced)<p class="mt-2 text-asphalt-600">Your password was set by an Admin. Choose your own to continue.</p>@endif
    <form class="card mt-6 space-y-4" method="post" action="{{ route('staff.password.update') }}" data-ajax novalidate>
        @csrf @method('PUT')
        <x-form-error/>
        <x-password-field name="current_password" label="Current password"/>
        <x-password-field name="password" label="New password" autocomplete="new-password" hint="At least {{ $minLength }} characters with upper and lower case letters, a number and a symbol."/>
        <x-password-field name="password_confirmation" label="Repeat new password" autocomplete="new-password"/>
        <button class="btn-primary w-full" type="submit">Save password</button>
    </form>
</div>
@endsection