@extends('layouts.portal')
@section('title', 'Ubah Password')

@section('content')
<div class="card border-0 shadow-sm" style="max-width: 460px">
    <div class="card-body">
        <form method="POST" action="{{ route('portal.password.update') }}">
            @csrf @method('PUT')
            <div class="mb-3">
                <label class="form-label">Password Lama</label>
                <input type="password" name="password_lama" class="form-control @error('password_lama') is-invalid @enderror" required autocomplete="current-password">
                @error('password_lama')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Password Baru <small class="text-muted">(min. 8 karakter)</small></label>
                <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required minlength="8" autocomplete="new-password">
                @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Ulangi Password Baru</label>
                <input type="password" name="password_confirmation" class="form-control" required minlength="8" autocomplete="new-password">
            </div>
            <div class="d-grid d-sm-block gap-2">
                <button class="btn btn-success"><i class="bi bi-key"></i> Simpan Password</button>
                <a href="{{ route('portal.dashboard') }}" class="btn btn-link">Batal</a>
            </div>
        </form>
    </div>
</div>

{{-- Ponsel: akun & keluar (menu "Akun" di navigasi bawah) --}}
<div class="card mt-3 d-md-none border-0 shadow-sm" style="max-width: 460px">
    <div class="card-body d-flex justify-content-between align-items-center gap-2">
        <div class="min-w-0"><div class="small text-muted">Masuk sebagai</div><div class="fw-semibold text-truncate">{{ auth()->user()->name }}</div></div>
        <form method="POST" action="{{ route('logout') }}">@csrf
            <button class="btn btn-outline-danger"><i class="bi bi-box-arrow-right"></i> Keluar</button>
        </form>
    </div>
</div>
@endsection