<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Edit Anak Binaan - LPKA Kelas II Jakarta</title>

    <!-- Fonts & Styles -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
    <link rel="icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body class="bg-white text-slate-900 dark:bg-[#0a0a0a] dark:text-slate-100">

    
    <div class="w-full border-b border-slate-200/70 dark:border-white/10">
        <div class="mx-auto max-w-6xl px-4 py-3 flex items-center justify-between gap-3">
            <div class="flex items-center gap-2">
                <div class="h-9 w-9 rounded-xl shadow-sm"
                     style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/cover;">
                </div>
                <div class="leading-tight">
                    <div class="text-base font-semibold tracking-tight">LPKA Kelas II Jakarta</div>
                    <div class="text-xs">Portal kegiatan di LPKA Kelas II Jakarta</div>
                </div>
            </div>

            <div class="flex items-center gap-2">

                <a href="<?php echo e(route('anak_binaan.index')); ?>"
                class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                bg-slate-900 text-white hover:bg-slate-800
                dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 transition">
                Kembali ke Daftar Anak Binaan
                </a>


            </div>
        </div>
    </div>

    
        <main class="max-w-lg mx-auto py-10 px-4">
        <h2 class="text-2xl font-bold mb-6">Edit Data Anak Binaan</h2>

        <form action="<?php echo e(route('anak_binaan.update', $anak->id)); ?>" method="POST" class="space-y-4 bg-white p-6 rounded shadow">
            <?php echo csrf_field(); ?>
            <?php echo method_field('PUT'); ?>

            <div>
                <label class="block mb-1 font-medium">Nama</label>
                <input type="text" name="nama" value="<?php echo e(old('nama', $anak->nama)); ?>" 
                       class="w-full border border-gray-300 rounded px-3 py-2">
            </div>

            <div>
                <label class="block mb-1 font-medium">Tanggal Lahir</label>
                <input type="date" name="tanggal_lahir" value="<?php echo e(old('tanggal_lahir', $anak->tanggal_lahir)); ?>" 
                       class="w-full border border-gray-300 rounded px-3 py-2">
            </div>

            <div>
                <label class="block mb-1 font-medium">Jenis Kelamin</label>
                <select name="jenis_kelamin" class="w-full border border-gray-300 rounded px-3 py-2">
                    <option value="">-- Pilih Jenis Kelamin --</option>
                    <option value="Laki-laki" <?php echo e(old('jenis_kelamin', $anak->jenis_kelamin) == 'Laki-laki' ? 'selected' : ''); ?>>Laki-laki</option>
                    <option value="Perempuan" <?php echo e(old('jenis_kelamin', $anak->jenis_kelamin) == 'Perempuan' ? 'selected' : ''); ?>>Perempuan</option>
                </select>
            </div>

            <div>
                <label class="block mb-1 font-medium">Alamat</label>
                <textarea name="alamat" class="w-full border border-gray-300 rounded px-3 py-2"><?php echo e(old('alamat', $anak->alamat)); ?></textarea>
            </div>

            <div class="flex gap-2">
                <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Simpan</button>
                <a href="<?php echo e(route('anak_binaan.index')); ?>" class="bg-gray-300 text-gray-800 px-4 py-2 rounded hover:bg-gray-400">Batal</a>
            </div>
        </form>
    </main>

    
    <footer class="border-t border-slate-200/70 dark:border-white/10 mt-10">
        <div class="mx-auto max-w-6xl px-4 py-10 text-center text-sm text-slate-500">
            © <?php echo e(now()->year); ?> LPKA Kelas II Jakarta. All rights reserved.
        </div>
    </footer>
</body>
</html><?php /**PATH /home/lpkaberk/public_html/resources/views/anak_binaan/edit.blade.php ENDPATH**/ ?>