@extends('template.admin') {{-- Ganti sesuai layout kamu --}}

@section('content')
@if(session('success'))
    <div class="bg-green-100 text-green-800 px-4 py-2 rounded mb-4">
        {{ session('success') }}
    </div>
@endif

@if($errors->any())
    <div class="bg-red-100 text-red-800 px-4 py-2 rounded mb-4">
        <ul class="list-disc list-inside">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

    <h2 class="text-2xl font-bold mb-4">Profil Saya</h2>

    {{-- Informasi Profil --}}
    <form action="{{ route('profile.update') }}" method="POST" class="space-y-4">
        @csrf
        @method('PATCH')

        <div>
            <label for="name" class="block font-medium">Nama</label>
            <input type="text" name="name" id="name" value="{{ old('name', $user->name) }}"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label for="email" class="block font-medium">Email</label>
            <input type="email" name="email" id="email" value="{{ old('email', $user->email) }}"
                   class="w-full border rounded px-3 py-2">
        </div>

        <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
            Simpan Perubahan
        </button>
    </form>

    {{-- Ubah Password --}}
    <hr class="my-6 border-t">

    <h2 class="text-xl font-bold mb-4">Ubah Password</h2>

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

        <div>
            <label for="current_password" class="block font-medium">Password Saat Ini</label>
            <input type="password" name="current_password" id="current_password"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label for="password" class="block font-medium">Password Baru</label>
            <input type="password" name="password" id="password"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label for="password_confirmation" class="block font-medium">Konfirmasi Password Baru</label>
            <input type="password" name="password_confirmation" id="password_confirmation"
                   class="w-full border rounded px-3 py-2">
        </div>

        <button type="submit" class="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">
            Ubah Password
        </button>
    </form>
@endsection