
<section class="py-20 lg:py-28 bg-gradient-to-b from-gray-50 to-white relative overflow-hidden">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <!-- Section Header -->
        <div class="text-center max-w-3xl mx-auto mb-16">
            <span class="inline-block px-4 py-1.5 bg-purple-100 text-purple-700 text-xs font-semibold rounded-full uppercase tracking-wider mb-4">
                🏛️ Partner Institutions
            </span>
            <h2 class="text-3xl lg:text-4xl xl:text-5xl font-bold text-gray-900 mb-6">
                Top 
                <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-600 to-pink-600">
                    Universities
                </span>
            </h2>
            <p class="text-lg lg:text-xl text-gray-600">
                Partner universities with global recognition and excellent facilities
            </p>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $featuredUniversities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $university): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
            <div class="group bg-white rounded-3xl shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-3 border border-gray-100 relative overflow-hidden">
                
                <!-- Ranking Ribbon -->
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($university->world_ranking && $university->world_ranking <= 100): ?>
                <div class="absolute top-6 -left-12 transform -rotate-45 bg-gradient-to-r from-yellow-500 to-yellow-600 text-white text-xs font-bold py-1 px-12 shadow-lg">
                    Top 100
                </div>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                
                <!-- University Logo -->
                <div class="p-8 text-center border-b border-gray-100 bg-gradient-to-br from-gray-50 to-white">
                    <div class="w-28 h-28 mx-auto mb-4 relative">
                        <div class="absolute inset-0 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-full opacity-0 group-hover:opacity-20 transition duration-500"></div>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($university->logo): ?>
                            <img src="<?php echo e(asset('storage/' . $university->logo)); ?>" 
                                 alt="<?php echo e($university->name); ?>" 
                                 class="w-full h-full object-contain relative z-10 group-hover:scale-110 transition duration-500">
                        <?php else: ?>
                            <div class="w-full h-full bg-gradient-to-br from-indigo-100 to-purple-100 rounded-full flex items-center justify-center">
                                <span class="text-indigo-600 font-bold text-2xl"><?php echo e(substr($university->name, 0, 2)); ?></span>
                            </div>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                    
                    <h3 class="font-bold text-gray-900 mb-2 px-2 line-clamp-2 min-h-[3.5rem]">
                        <?php echo e(Str::limit($university->name, 40)); ?>

                    </h3>
                    
                    <div class="flex items-center justify-center text-sm text-gray-500">
                        <svg class="w-4 h-4 mr-1 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        </svg>
                        <?php echo e($university->city ?? 'Major City'); ?>, <?php echo e($university->country->name ?? 'International'); ?>

                    </div>
                </div>
                
                <!-- University Stats -->
                <div class="p-6">
                    <div class="grid grid-cols-3 gap-2 mb-5">
                        <div class="text-center">
                            <div class="text-lg font-bold text-gray-900">#<?php echo e($university->world_ranking ?? '500+'); ?></div>
                            <div class="text-xs text-gray-500">World Rank</div>
                        </div>
                        <div class="text-center">
                            <div class="text-lg font-bold text-gray-900"><?php echo e($university->acceptance_rate ?? 'N/A'); ?>%</div>
                            <div class="text-xs text-gray-500">Acceptance</div>
                        </div>
                        <div class="text-center">
                            <div class="text-lg font-bold text-gray-900"><?php echo e(number_format($university->application_count ?? rand(1000, 5000))); ?></div>
                            <div class="text-xs text-gray-500">Students</div>
                        </div>
                    </div>
                    
                    <!-- Popular Programs Pills -->
                    <div class="flex flex-wrap gap-1.5 mb-5 justify-center">
                        <span class="px-3 py-1.5 bg-indigo-50 text-indigo-700 text-xs rounded-full font-medium">Engineering</span>
                        <span class="px-3 py-1.5 bg-purple-50 text-purple-700 text-xs rounded-full font-medium">Business</span>
                        <span class="px-3 py-1.5 bg-pink-50 text-pink-700 text-xs rounded-full font-medium">CS</span>
                        <span class="px-3 py-1.5 bg-green-50 text-green-700 text-xs rounded-full font-medium">+5</span>
                    </div>
                    
                    <a href="<?php echo e(route('universities.show', $university->id)); ?>" 
                       class="inline-flex items-center justify-center w-full px-5 py-3.5 border-2 border-indigo-600 text-indigo-600 hover:bg-indigo-600 hover:text-white font-semibold rounded-xl transition-all duration-300 group">
                        <span>View University</span>
                        <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                        </svg>
                    </a>
                </div>
            </div>
            <?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; ?>
        </div>
    </div>
</section><?php /**PATH D:\Sasi\resources\views\home\partials\top-universities.blade.php ENDPATH**/ ?>