@extends('layouts.cbt')
@section('page-title', 'Ubah Password')
@section('sidebar')@include('components.siswa-sidebar')@endsection
@section('content')
<div class="card-sdn max-w-md">
    <p class="text-sm text-gray-600 mb-6">
        Ganti password login CBT Anda. Pastikan password baru mudah diingat dan jangan bagikan ke orang lain.
    </p>

    <form method="POST" action="{{ route('siswa.password.update') }}" class="space-y-4">
        @csrf
        @method('PUT')

        <div>
            <label class="form-label" for="current_password">Password Saat Ini</label>
            <input type="password" id="current_password" name="current_password" class="form-input" required autocomplete="current-password">
            @error('current_password')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
        </div>

        <div>
            <label class="form-label" for="password">Password Baru</label>
            <input type="password" id="password" name="password" class="form-input" required autocomplete="new-password" minlength="6">
            @error('password')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
        </div>

        <div>
            <label class="form-label" for="password_confirmation">Konfirmasi Password Baru</label>
            <input type="password" id="password_confirmation" name="password_confirmation" class="form-input" required autocomplete="new-password" minlength="6">
        </div>

        <button type="submit" class="btn-sdn-primary">Simpan Password</button>
    </form>
</div>
@endsection