<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'projects' => [],
    'filters' => [],
    'activeFilter' => 'All',
    'themeClasses' => [],
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    'projects' => [],
    'filters' => [],
    'activeFilter' => 'All',
    'themeClasses' => [],
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<section id="portfolio"
    class="py-20 md:py-32 <?php echo e($themeClasses['sectionBg'] ?? 'bg-gray-900'); ?> border-t <?php echo e($themeClasses['divider'] ?? 'border-gray-800'); ?>">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">
        <h2
            class="text-5xl font-extrabold text-center mb-6 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> animate-on-scroll">
            Our Signature Krafts</h2>
        <p class="text-center <?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> mb-12 max-w-3xl mx-auto text-lg animate-on-scroll"
            style="transition-delay: 0.1s;">
            A curated selection showcasing our diverse capabilities across multiple media platforms.
        </p>

        <div class="flex justify-center flex-wrap gap-3 mb-12" id="portfolio-filters">
            <?php $__currentLoopData = $filters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $filter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <button onclick="setActiveFilter('<?php echo e($filter); ?>')"
                    class="px-6 py-2 rounded-full font-medium transition duration-300 text-sm <?php echo e($activeFilter === $filter
                        ? 'bg-orange-600 text-white shadow-lg shadow-orange-500/30'
                        : 'bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-orange-600 dark:bg-gray-800 dark:text-gray-300'); ?>">
                    <?php echo e($filter); ?>

                </button>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8" id="portfolio-grid">
            <?php $__empty_1 = true; $__currentLoopData = $projects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $project): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="<?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-2xl overflow-hidden shadow-2xl border <?php echo e($themeClasses['inputBorder'] ?? 'border-gray-700'); ?> hover:border-orange-600 transition duration-500 transform hover:scale-[1.01] animate-on-scroll"
                    style="transition-delay: <?php echo e($index * 0.1); ?>s;">
                    <img src="https://placehold.co/600x400/155e75/ffffff?text=<?php echo e(urlencode($project['imagePlaceholder'])); ?>"
                        alt="<?php echo e($project['title']); ?>" class="w-full h-56 object-cover"
                        onerror="this.onerror=null; this.src='https://placehold.co/600x400/9ca3af/ffffff?text=Image+Load+Error';" />
                    <div class="p-6">
                        <span
                            class="inline-block <?php echo e($project['color'] ?? 'bg-blue-700/70'); ?> text-white text-xs font-semibold px-3 py-1 rounded-full mb-2"><?php echo e($project['tag']); ?></span>
                        <h4 class="text-xl font-bold <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> mb-1">
                            <?php echo e($project['title']); ?></h4>
                        <p class="text-orange-600 text-sm mb-4"><?php echo e($project['type']); ?></p>
                        <button class="text-orange-600 hover:text-orange-500 text-sm font-medium">View Case Study
                            &rarr;</button>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div
                    class="lg:col-span-3 text-center p-12 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-xl <?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?>">
                    No projects currently listed for the "<?php echo e($activeFilter); ?>" category. Check back soon!
                </div>
            <?php endif; ?>
        </div>
    </div>
</section>

<?php $__env->startPush('scripts'); ?>
    <script>
        function setActiveFilter(filter) {
            // Dispatch event for parent component to handle
            window.dispatchEvent(new CustomEvent('setPortfolioFilter', {
                detail: filter
            }));
        }
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /Users/olasunkanmiarowolo/oamediakraft.co.uk/oamk/resources/views/components/portfolio.blade.php ENDPATH**/ ?>