@extends('layouts.app')
@section('content')
<section class="mx-auto max-w-xl card p-8">
    <div class="mb-6 flex items-center gap-4">
        <div class="flex h-16 w-16 items-center justify-center rounded-2xl bg-teal-50 text-2xl text-teal-700"><i class="fa-solid fa-key"></i></div>
        <div><p class="text-sm font-black uppercase tracking-wider text-teal-600">Password Awal</p><h1 class="text-3xl font-black text-slate-950">Buat Password Baru</h1></div>
    </div>
    <p class="mb-6 text-slate-500">Akun baru masih memakai password default. Demi keamanan, silakan buat password baru minimal 8 karakter.</p>
    <form method="post" action="{{ route('password.initial.update') }}" class="grid gap-5">
        @csrf
        <div><label class="label">Password Baru</label><input class="field" type="password" name="password" required minlength="8" autofocus></div>
        <div><label class="label">Konfirmasi Password Baru</label><input class="field" type="password" name="password_confirmation" required minlength="8"></div>
        <button class="btn-primary w-full"><i class="fa-solid fa-save"></i> Simpan Password Baru</button>
    </form>
</section>
@endsection