@extends('layouts.dashboard')
@section('title', 'Pengaturan Akun')
@section('page-title', 'Pengaturan Akun')

@section('content')
<div class="breadcrumb">
    <a href="{{ route('mahasiswa.dashboard') }}">Beranda</a> <span>›</span> <span style="color:var(--g600)">Pengaturan Akun</span>
</div>

<h1 class="section-title">Pengaturan Akun</h1>
<p class="section-sub">Kelola informasi akun dan keamanan Anda.</p>

@if(session('success'))
    <div style="background:var(--g50);border:1px solid var(--g200);color:var(--g800);padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
        {{ session('success') }}
    </div>
@endif

@if($errors->any())
    <div style="background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
        <ul style="margin:0;padding-left:1.5rem">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card" style="max-width:600px">
    <h3 style="margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gr100)">Ubah Password</h3>
    
    <form action="{{ route('mahasiswa.pengaturan.password') }}" method="POST">
        @csrf
        <div style="margin-bottom:1rem">
            <label style="display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem">Password Saat Ini</label>
            <input type="password" name="current_password" class="form-input" style="width:100%" required>
        </div>
        
        <div style="margin-bottom:1rem">
            <label style="display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem">Password Baru</label>
            <input type="password" name="password" class="form-input" style="width:100%" required minlength="8">
            <small style="color:var(--gr500)">Minimal 8 karakter.</small>
        </div>

        <div style="margin-bottom:1.5rem">
            <label style="display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem">Konfirmasi Password Baru</label>
            <input type="password" name="password_confirmation" class="form-input" style="width:100%" required minlength="8">
        </div>

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