@extends('layouts.admin')

@section('content')
    <div class="max-w-xl mx-auto bg-white p-6 rounded-lg shadow">
        <h2 class="text-xl font-bold text-blue-900 mb-6">Edit Profil Saya</h2>

        @if (session('success'))
            <div class="bg-green-100 text-green-700 p-3 rounded mb-4">{{ session('success') }}</div>
        @endif

        <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
            @csrf {{-- WAJIB DITAMBAHKAN DI SINI --}}
            @method('PUT')

            <div class="mb-4">
                <label class="block text-sm font-medium">Foto Profil</label>

                <div class="flex items-center gap-4 mb-2">
                    @if (auth()->user()->photo)
                        <img src="{{ asset('storage/' . auth()->user()->photo) }}"
                            class="h-20 w-20 rounded-full object-cover border-2 border-blue-100">
                    @else
                        <div
                            class="h-20 w-20 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold">
                            {{ substr(auth()->user()->name, 0, 1) }}
                        </div>
                    @endif

                    <div class="text-sm text-gray-500">
                        @if (auth()->user()->photo)
                            <p>Foto saat ini terpasang.</p>
                        @else
                            <p>Belum ada foto.</p>
                        @endif
                    </div>
                </div>

                <input type="file" name="photo" class="w-full border p-2 rounded">
                <p class="text-xs text-gray-400 mt-1">Format: JPG, PNG, JPEG. Max: 2MB.</p>
            </div>

            {{-- Input lainnya tetap sama --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Nama</label>
                <input type="text" name="name" value="{{ auth()->user()->name }}" class="w-full border p-2 rounded"
                    required>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Email</label>
                <input type="email" name="email" value="{{ auth()->user()->email }}" class="w-full border p-2 rounded"
                    required>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Password Baru (Kosongkan jika tetap)</label>
                <input type="password" name="password" class="w-full border p-2 rounded">
            </div>

            <button type="submit" class="bg-blue-900 text-white px-4 py-2 rounded font-bold hover:bg-blue-800">
                Simpan Perubahan
            </button>
        </form>
    </div>
@endsection