@extends('layouts.app')

@section('tajuk', 'Profil Saya')
@section('saiz-container', 'container-kecil')

@section('kandungan')
    <div class="kad">
        <h1>Profil Saya</h1>
        <table class="slip-butiran">
            <tr><th>Nama</th><td>{{ $pengguna->name }}</td></tr>
            <tr><th>E-mel</th><td>{{ $pengguna->email }}</td></tr>
            <tr>
                <th>Peranan</th>
                <td>
                    {{ match ($pengguna->role) {
                        'superadmin' => 'Superadmin',
                        'admin' => 'Admin DUN',
                        default => $pengguna->role,
                    } }}
                    @if ($pengguna->dun)
                        — {{ $pengguna->dun->code }} {{ $pengguna->dun->nama }}
                    @endif
                </td>
            </tr>
        </table>
    </div>

    <div class="kad">
        <h2 class="mb-0">Tukar Kata Laluan</h2>

        @if ($errors->any())
            <div class="makluman makluman-ralat">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('profil.kata-laluan') }}">
            @csrf
            @method('PUT')

            <label for="kata_laluan_semasa">Kata Laluan Semasa</label>
            <input type="password" id="kata_laluan_semasa" name="kata_laluan_semasa" required>

            <label for="kata_laluan_baharu">Kata Laluan Baharu</label>
            <input type="password" id="kata_laluan_baharu" name="kata_laluan_baharu" required minlength="8">

            <label for="kata_laluan_baharu_confirmation">Sahkan Kata Laluan Baharu</label>
            <input type="password" id="kata_laluan_baharu_confirmation" name="kata_laluan_baharu_confirmation" required minlength="8">

            <button type="submit" class="btn btn-penuh">Kemaskini Kata Laluan</button>
        </form>
    </div>
@endsection