<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
    <!-- Mobile-optimized onboarding -->
    <div class="min-h-screen bg-white dark:bg-gray-900 transition-colors duration-300">
        <!-- Mobile Header -->
        <div class="px-4 py-8 sm:px-8 border-b border-gray-200 dark:border-gray-700">
            <div class="max-w-2xl mx-auto text-center">
                <h1 class="text-xl sm:text-2xl font-light tracking-widest mb-4 text-black dark:text-gray-100">
                    welcome
                </h1>
                <p class="text-xs tracking-widest text-gray-500 dark:text-gray-400">
                    let's personalize your experience
                </p>
            </div>
        </div>

        <!-- Content -->
        <div class="px-4 py-8 sm:px-8">
            <div class="max-w-2xl mx-auto">
                <div class="space-y-12">
                    <form method="POST" action="<?php echo e(route('onboarding.store')); ?>" class="space-y-12">
                        <?php echo csrf_field(); ?>

                        <!-- Categories Section -->
                        <div>
                            <h3 class="text-sm tracking-widest mb-8 text-black dark:text-gray-100">what interests you?</h3>
                            <div class="grid grid-cols-2 gap-4 sm:gap-6">
                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <label class="relative cursor-pointer">
                                        <input type="checkbox" name="preferred_categories[]" value="<?php echo e($category->id); ?>" 
                                               class="sr-only peer"
                                               <?php echo e($preferences && in_array($category->id, $preferences->preferred_categories ?? []) ? 'checked' : ''); ?>>
                                        <div class="p-6 border border-gray-200 dark:border-gray-600 text-center hover:border-black dark:hover:border-gray-300 transition-colors peer-checked:border-black dark:peer-checked:border-gray-300 peer-checked:bg-gray-50 dark:peer-checked:bg-gray-800 bg-white dark:bg-gray-900">
                                            <div class="text-xs tracking-widest text-black dark:text-gray-100"><?php echo e(strtolower($category->name)); ?></div>
                                        </div>
                                    </label>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>

                        <!-- Price Ranges Section -->
                        <div>
                            <h3 class="text-sm tracking-widest mb-8 text-black dark:text-gray-100">price range?</h3>
                            <div class="grid grid-cols-1 gap-4">
                                <?php
                                    $priceRanges = [
                                        ['min' => 0, 'max' => 500, 'label' => 'Under $500', 'description' => 'Budget-friendly options'],
                                        ['min' => 500, 'max' => 1500, 'label' => '$500 - $1,500', 'description' => 'Mid-range instruments'],
                                        ['min' => 1500, 'max' => null, 'label' => '$1,500+', 'description' => 'Premium instruments']
                                    ];
                                ?>
                                <?php $__currentLoopData = $priceRanges; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $range): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <label class="relative cursor-pointer">
                                        <input type="checkbox" name="preferred_price_ranges[]" 
                                               value="<?php echo e(json_encode($range)); ?>" 
                                               class="sr-only peer">
                                        <div class="p-6 border border-gray-200 dark:border-gray-600 hover:border-black dark:hover:border-gray-300 transition-colors peer-checked:border-black dark:peer-checked:border-gray-300 peer-checked:bg-gray-50 dark:peer-checked:bg-gray-800 bg-white dark:bg-gray-900">
                                            <div class="text-xs tracking-widest text-black dark:text-gray-100"><?php echo e(strtolower($range['label'])); ?></div>
                                        </div>
                                    </label>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>


                        <!-- Action Buttons -->
                        <div class="flex flex-col space-y-4 pt-8 border-t border-gray-200 dark:border-gray-700">
                            <button type="submit" 
                                    class="w-full py-4 bg-black dark:bg-gray-100 text-white dark:text-black text-xs tracking-widest hover:opacity-80 transition-opacity">
                                save preferences
                            </button>
                            
                            <button type="button" onclick="document.getElementById('skip-form').submit()" 
                                    class="w-full py-4 text-xs tracking-widest text-gray-500 dark:text-gray-400 hover:opacity-60 transition-opacity">
                                skip for now
                            </button>
                        </div>
                    </form>

                    <!-- Skip Form -->
                    <form id="skip-form" method="POST" action="<?php echo e(route('onboarding.skip')); ?>" class="hidden">
                        <?php echo csrf_field(); ?>
                    </form>
                </div>
            </div>
        </div>
    </div>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?><?php /**PATH /var/www/html/resources/views/onboarding/preferences.blade.php ENDPATH**/ ?>