<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NgekosYuk - Cari Kos & Kontrakan Nyaman</title>
    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>    <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; }
    </style>
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
    
    <!-- TAMBAHAN: Style Livewire -->
    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::styles(); ?>

</head>
<body class="bg-gray-50 text-gray-900 flex flex-col min-h-screen">
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session('success')): ?>
        <div x-data="{ show: true }" 
             x-show="show" 
             x-init="setTimeout(() => show = false, 6000)" 
             class="fixed top-24 right-5 z-50 bg-green-600 text-white px-6 py-4 rounded-xl shadow-2xl flex items-start gap-4 transition-all max-w-sm">
            <svg class="w-6 h-6 text-white shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            <div>
                <h4 class="font-bold text-sm">Berhasil!</h4>
                <p class="text-xs mt-1 leading-relaxed"><?php echo e(session('success')); ?></p>
            </div>
            <button @click="show = false" class="text-white/70 hover:text-white shrink-0">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
            </button>
        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($errors->any()): ?>
        <div x-data="{ show: true }" 
             x-show="show" 
             class="fixed top-24 right-5 z-50 bg-red-600 text-white px-6 py-4 rounded-xl shadow-2xl flex items-start gap-4 transition-all max-w-sm">
            <svg class="w-6 h-6 text-white shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            <div>
                <h4 class="font-bold text-sm">Gagal Mengirim!</h4>
                <ul class="text-xs mt-1 list-disc list-inside">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                        <li><?php echo e($error); ?></li>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                </ul>
            </div>
            <button @click="show = false" class="text-white/70 hover:text-white shrink-0">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
            </button>
        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <nav class="bg-white border-b border-gray-100 sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16 items-center">
                <div class="flex items-center gap-2">
                    <a href="<?php echo e(route('home')); ?>" class="text-2xl font-bold text-amber-500 tracking-tight">
                        Ngekos<span class="text-gray-800">Yuk</span>
                    </a>
                </div>
                
                <div class="flex items-center gap-4 sm:gap-6">
                    <a href="<?php echo e(route('home')); ?>" class="text-sm font-medium text-gray-600 hover:text-amber-500 transition hidden sm:block">Cari Kos</a>
                    
                    
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->guard()->guest()): ?>
                        <a href="<?php echo e(route('login')); ?>" class="text-sm font-bold text-gray-700 hover:text-amber-500 transition">Masuk</a>
                        <a href="<?php echo e(route('register')); ?>" class="text-sm font-bold bg-amber-500 hover:bg-amber-600 text-white px-4 py-2 rounded-lg transition shadow-sm">Daftar</a>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                    
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->guard()->check()): ?>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->user()->hasRole(['Owner', 'super_admin', 'Admin'])): ?>
                            <a href="/admin" class="text-sm text-gray-600 hover:text-amber-500 font-medium">Dasbor Admin</a>
                        <?php else: ?>
                            <a href="<?php echo e(route('dashboard')); ?>" class="text-sm text-gray-600 hover:text-amber-500 font-medium">Dasbor Saya</a>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if (! (auth()->user()->hasRole(['Owner', 'super_admin', 'Admin']))): ?>
                            <a href="<?php echo e(route('profile.edit')); ?>" class="text-sm text-gray-600 hover:text-amber-500 font-medium">Profil Saya</a>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                        <form method="POST" action="<?php echo e(route('logout')); ?>" class="inline">
                            <?php echo csrf_field(); ?>
                            <button type="submit" class="bg-red-50 text-red-500 border border-red-100 px-4 py-2 rounded-lg font-bold text-sm hover:bg-red-100 transition">
                                Keluar
                            </button>
                        </form>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>
        </div>
    </nav>

    <main class="flex-grow">
        <?php echo $__env->yieldContent('content'); ?>
    </main>

    <footer class="bg-gray-950 text-gray-400 py-16 mt-16 border-t-4 border-amber-500">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-4 gap-12">
            <div class="md:col-span-1">
                <h3 class="text-3xl font-extrabold text-white tracking-tight mb-4 flex items-center gap-2">
                    <svg class="w-8 h-8 text-amber-500" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2L2 12h3v8h14v-8h3L12 2zm0 2.83l7 7V20H5v-8.17l7-7z"/></svg>
                    NgekosYuk
                </h3>
                <p class="text-sm leading-relaxed text-gray-400">
                    Platform pencarian properti sewa terbaik, aman, dan terpercaya di Indonesia. Menghubungkan pencari kos dengan pemilik properti berkualitas.
                </p>
            </div>

            <div>
                <h4 class="text-lg font-bold text-white mb-6 uppercase tracking-wider text-sm">Perusahaan</h4>
                <ul class="space-y-4">
                    <li><a href="<?php echo e(route('about')); ?>" class="hover:text-amber-500 transition font-medium">Tentang Kami</a></li>
                    <li><a href="<?php echo e(route('contact')); ?>" class="hover:text-amber-500 transition font-medium">Hubungi Kami</a></li>
                    <li><a href="<?php echo e(route('faq')); ?>" class="hover:text-amber-500 transition font-medium">FAQ (Tanya Jawab)</a></li>
                </ul>
            </div>

            <div>
                <h4 class="text-lg font-bold text-white mb-6 uppercase tracking-wider text-sm">Legalitas</h4>
                <ul class="space-y-4">
                    <li><a href="<?php echo e(route('page.show', 'syarat-ketentuan')); ?>" class="hover:text-amber-500 transition font-medium">Syarat & Ketentuan</a></li>
                    <li><a href="<?php echo e(route('page.show', 'kebijakan-privasi')); ?>" class="hover:text-amber-500 transition font-medium">Kebijakan Privasi</a></li>
                    <li><a href="<?php echo e(route('page.show', 'refund')); ?>" class="hover:text-amber-500 transition font-medium">Pengembalian Dana (Refund)</a></li>
                </ul>
            </div>

            <div>
                <h4 class="text-lg font-bold text-white mb-6 uppercase tracking-wider text-sm">Mitra Properti</h4>
                <p class="text-sm mb-4">Punya properti kosong? Maksimalkan pendapatan Anda dengan bergabung bersama kami.</p>
                <a href="/daftar-owner" class="inline-block bg-amber-500 hover:bg-amber-600 text-gray-950 font-bold py-2 px-6 rounded-lg transition shadow-md">
                    Daftar Jadi Mitra
                </a>
            </div>
        </div>
        
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12 pt-8 border-t border-gray-800 text-center text-sm flex flex-col md:flex-row justify-between items-center gap-4">
            <div>&copy; <?php echo e(date('Y')); ?> NgekosYuk. Seluruh Hak Cipta Dilindungi.</div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
    <script>
        Fancybox.bind("[data-fancybox]", {
        Carousel: { Navigation: true, },
        showClass: "f-fadeIn",
        });
    </script>
    
    <!-- TAMBAHAN: Script Livewire -->
    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::scripts(); ?>

</body>
</html><?php /**PATH D:\CODING\ngekosyuk\resources\views/frontend/app.blade.php ENDPATH**/ ?>