
<?php if (isset($component)) { $__componentOriginalf2a1b2b34b0a376d40858ac9c2a946a5 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf2a1b2b34b0a376d40858ac9c2a946a5 = $attributes; } ?>
<?php $component = App\View\Components\SiteLayout::resolve(['title' => 'Membership Categories'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('site-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\SiteLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
    
    
    <section class="relative min-h-[50vh] bg-gradient-to-r from-green-600 to-green-700">
        <div class="absolute inset-0 bg-black/30"></div>
        <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
            <div class="text-center">
                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">
                    Membership Categories
                </h1>
                <p class="text-xl text-green-100 max-w-5xl mx-auto">
                    Choose the membership category that best suits your needs and join our community today.
                </p>
            </div>
        </div>
    </section>

    
    <div class="bg-gray-50 border-b border-gray-200" aria-label="Breadcrumb">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3">
            <nav class="flex items-center space-x-2 text-sm text-gray-600" aria-label="Breadcrumb">
                <a href="<?php echo e(url('/')); ?>" class="hover:text-green-600 transition flex items-center">
                    <i class="fas fa-home mr-1"></i>Home
                </a>
                <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
                <span class="text-gray-900 font-medium">Membership Categories</span>
            </nav>
        </div>
    </div>

    
    <section class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            
            
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">
                    Choose Your Membership
                </h2>
                <p class="text-gray-600 max-w-5xl mx-auto">
                    We offer various membership categories designed to meet the diverse needs of our community members. 
                    Each category comes with unique benefits and fee structures.
                </p>
            </div>

            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="theme-card rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300 group">
                        
                        <div class="bg-gradient-to-r from-green-600 to-green-700 p-6 text-white">
                            <div class="flex items-center justify-between mb-4">
                                <?php if($category->icon): ?>
                                    <i class="fas <?php echo e($category->icon); ?> text-3xl opacity-80"></i>
                                <?php else: ?>
                                    <i class="fas fa-users text-3xl opacity-80"></i>
                                <?php endif; ?>
                                <?php if($category->members_count > 0): ?>
                                    <span class="text-sm bg-white/20 px-3 py-1 rounded-full">
                                        <?php echo e($category->members_count); ?> Members
                                    </span>
                                <?php endif; ?>
                            </div>
                            <h3 class="text-2xl font-bold"><?php echo e($category->name); ?></h3>
                        </div>

                        
                        <div class="p-6">
                            
                            <p class="text-gray-600 mb-6 line-clamp-3">
                                <?php echo e($category->description ?? 'Join our community and enjoy exclusive member benefits.'); ?>

                            </p>

                            
                            <?php if($category->benefits && count($category->benefits) > 0): ?>
                                <div class="mb-6">
                                    <h4 class="font-semibold text-gray-900 mb-3">Key Benefits:</h4>
                                    <ul class="space-y-2">
                                        <?php $__currentLoopData = array_slice($category->benefits, 0, 4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $benefit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li class="flex items-start text-sm text-gray-600">
                                                <i class="fas fa-check-circle text-green-500 mt-1 mr-2 flex-shrink-0"></i>
                                                <span><?php echo e($benefit); ?></span>
                                            </li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                </div>
                            <?php endif; ?>

                            
                            <?php
                                $fee = $category->subscriptionFees->first();
                            ?>
                            <?php if($fee): ?>
                                <div class="bg-gray-50 rounded-lg p-4 mb-6">
                                    <div class="flex items-center justify-between">
                                        <span class="text-sm text-gray-500">Subscription Fee</span>
                                        <span class="text-2xl font-bold text-green-600">
                                            <?php echo e($fee->formatted_amount); ?>

                                        </span>
                                    </div>
                                    <p class="text-xs text-gray-400 mt-1 text-right">
                                        <?php echo e($fee->billing_cycle_display); ?>

                                    </p>
                                </div>
                            <?php endif; ?>

                            
                            <div class="flex gap-3">
                                <a href="<?php echo e(route('membership.categories.show', $category)); ?>" 
                                   class="flex-1 text-center px-4 py-3 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition font-medium">
                                    View Details
                                </a>
                                <a href="<?php echo e(route('membership.apply')); ?>?category=<?php echo e($category->id); ?>" 
                                   class="flex-1 text-center px-4 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 transition font-medium">
                                    Apply Now
                                </a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            
            <?php if($categories->isEmpty()): ?>
                <div class="text-center py-12">
                    <i class="fas fa-folder-open text-6xl text-gray-300 mb-4"></i>
                    <h3 class="text-xl font-semibold text-gray-700 mb-2">No Membership Categories Available</h3>
                    <p class="text-gray-500">Please check back later for available membership options.</p>
                </div>
            <?php endif; ?>
        </div>
    </section>

    
    <?php if($loanProducts->isNotEmpty()): ?>
    <section class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            
            
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">
                    Available Loan Products
                </h2>
                <p class="text-gray-600 max-w-5xl mx-auto">
                    As a member, you'll have access to our exclusive loan products with competitive interest rates.
                </p>
            </div>

            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <?php $__currentLoopData = $loanProducts->take(6); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="theme-card rounded-xl shadow-md hover:shadow-lg transition-shadow overflow-hidden">
                        
                        <div class="p-6 border-b border-gray-100">
                            <div class="flex items-start justify-between">
                                <div>
                                    <h3 class="text-lg font-semibold text-gray-900"><?php echo e($product->name); ?></h3>
                                    <p class="text-sm text-green-600 font-medium mt-1">
                                        <?php echo e($product->formatted_interest_rate); ?>

                                    </p>
                                </div>
                                <?php if($product->is_featured): ?>
                                    <span class="bg-yellow-100 text-yellow-700 text-xs px-2 py-1 rounded-full font-medium">
                                        Featured
                                    </span>
                                <?php endif; ?>
                            </div>
                        </div>

                        
                        <div class="p-6">
                            <p class="text-gray-600 text-sm mb-4 line-clamp-2">
                                <?php echo e($product->description ?? 'Competitive loan terms for our valued members.'); ?>

                            </p>

                            
                            <div class="space-y-3 mb-6">
                                <div class="flex justify-between text-sm">
                                    <span class="text-gray-500">Amount Range</span>
                                    <span class="font-medium text-gray-900"><?php echo e($product->formatted_amount_range); ?></span>
                                </div>
                                <div class="flex justify-between text-sm">
                                    <span class="text-gray-500">Term Range</span>
                                    <span class="font-medium text-gray-900"><?php echo e($product->min_term_months); ?> - <?php echo e($product->max_term_months); ?> months</span>
                                </div>
                            </div>

                            
                            <a href="<?php echo e(route('loans.show', $product)); ?>" 
                               class="block text-center px-4 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 transition font-medium">
                                Learn More
                            </a>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            
            <?php if($loanProducts->count() > 6): ?>
                <div class="text-center mt-8">
                    <a href="<?php echo e(route('loans.index')); ?>" 
                       class="inline-flex items-center px-6 py-3 border-2 border-green-600 text-green-600 rounded-lg hover:bg-green-600 hover:text-white transition font-medium">
                        View All Loan Products
                        <i class="fas fa-arrow-right ml-2"></i>
                    </a>
                </div>
            <?php endif; ?>
        </div>
    </section>
    <?php endif; ?>

    
    <section class="py-16 bg-gradient-to-r from-green-600 to-green-700">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h2 class="text-3xl font-bold text-white mb-4">
                Ready to Join Our Community?
            </h2>
            <p class="text-green-100 mb-8 max-w-5xl mx-auto">
                Take the first step towards becoming a valued member. Our team is ready to guide you through 
                the application process and answer any questions you may have.
            </p>
            <div class="flex flex-wrap justify-center gap-4">
                <a href="<?php echo e(route('membership.apply')); ?>" 
                   class="px-8 py-4 bg-white text-green-700 rounded-lg hover:bg-green-50 transition font-semibold shadow-lg">
                    <i class="fas fa-user-plus mr-2"></i>
                    Apply for Membership
                </a>
                <a href="#" class="px-8 py-4 bg-transparent border-2 border-white text-white rounded-lg hover:bg-white/10 transition font-semibold">
                    <i class="fas fa-info-circle mr-2"></i>
                    Learn More
                </a>
            </div>
        </div>
    </section>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf2a1b2b34b0a376d40858ac9c2a946a5)): ?>
<?php $attributes = $__attributesOriginalf2a1b2b34b0a376d40858ac9c2a946a5; ?>
<?php unset($__attributesOriginalf2a1b2b34b0a376d40858ac9c2a946a5); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf2a1b2b34b0a376d40858ac9c2a946a5)): ?>
<?php $component = $__componentOriginalf2a1b2b34b0a376d40858ac9c2a946a5; ?>
<?php unset($__componentOriginalf2a1b2b34b0a376d40858ac9c2a946a5); ?>
<?php endif; ?><?php /**PATH /home/www/sshia.org/sshia/resources/views/membership/public/categories.blade.php ENDPATH**/ ?>