<?php $__env->startSection('content'); ?>

    <div class="md:max-w-[80%] max-w-[90%] mx-auto min-h-screen bg-[#f8f9fa]" x-data="{ activeTab: 'overview' }">

        
        <div class="bg-white border-b border-gray-200 pt-8 pb-12 px-4 md:px-8">
            <div class="max-w-6xl mx-auto">
                <h1 class="text-3xl font-bold text-[#2F3D7E] mb-2">Community & Network</h1>
                <p class="text-gray-500 max-w-2xl">
                    Connect with professionals, join salary discussions, and grow your network anonymously.
                </p>
            </div>
        </div>

        <div class="max-w-6xl mx-auto px-4 md:px-8 -mt-6">

            <div class="w-full">
                <div
                    class="bg-white p-1.5 rounded-xl shadow-sm border border-gray-200 inline-flex mb-8 h-auto overflow-x-auto md:w-auto w-[250px] w-full">

                    
                    <button @click="activeTab = 'overview'"
                        :class="activeTab === 'overview' ? 'bg-[#2F3D7E] text-white' : 'text-gray-600 hover:bg-gray-50'"
                        class="rounded-lg px-5 py-2.5 transition-all flex items-center gap-2 font-medium">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect width="7" height="7" x="3" y="3" rx="1" />
                            <rect width="7" height="7" x="14" y="3" rx="1" />
                            <rect width="7" height="7" x="14" y="14" rx="1" />
                            <rect width="7" height="7" x="3" y="14" rx="1" />
                        </svg>
                        Overview
                    </button>

                    
                    <button @click="activeTab = 'communities'"
                        :class="activeTab === 'communities' ? 'bg-[#2F3D7E] text-white' : 'text-gray-600 hover:bg-gray-50'"
                        class="rounded-lg px-5 py-2.5 transition-all flex items-center gap-2 font-medium">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                            <circle cx="9" cy="7" r="4" />
                            <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
                            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                        </svg>
                        Communities
                    </button>

                    
                    <button @click="activeTab = 'people'"
                        :class="activeTab === 'people' ? 'bg-[#2F3D7E] text-white' : 'text-gray-600 hover:bg-gray-50'"
                        class="rounded-lg px-5 py-2.5 transition-all flex items-center gap-2 font-medium">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                            <circle cx="9" cy="7" r="4" />
                            <line x1="19" x2="19" y1="8" y2="14" />
                            <line x1="22" x2="16" y1="11" y2="11" />
                        </svg>
                        People Directory
                    </button>
                    </div>

                
                <div x-show="activeTab === 'overview'" class="mt-0 space-y-8" style="display: none;">

                    
                    <?php if(isset($incomingRequests) && $incomingRequests->count() > 0): ?>
                        <section>
                            <div class="flex items-center justify-between mb-4">
                                <h2 class="text-lg font-bold text-gray-900 flex items-center gap-2">
                                    <svg class="w-5 h-5 text-[#2F3D7E]" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
                                        <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
                                    </svg>
                                    Pending Requests
                                    <span
                                        class="bg-red-100 text-red-600 text-xs px-2 py-0.5 rounded-full"><?php echo e($incomingRequests->count()); ?></span>
                                </h2>
                                <button @click="activeTab = 'people'" class="text-[#2F3D7E] text-sm hover:underline font-medium">
                                    Manage all
                                </button>
                            </div>
                            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                                <?php $__currentLoopData = $incomingRequests; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php if (isset($component)) { $__componentOriginalc95d395d9fb2bfe7551f50437c8593bd = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalc95d395d9fb2bfe7551f50437c8593bd = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.network.request-card','data' => ['user' => $user]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('network.request-card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['user' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($user)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalc95d395d9fb2bfe7551f50437c8593bd)): ?>
<?php $attributes = $__attributesOriginalc95d395d9fb2bfe7551f50437c8593bd; ?>
<?php unset($__attributesOriginalc95d395d9fb2bfe7551f50437c8593bd); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc95d395d9fb2bfe7551f50437c8593bd)): ?>
<?php $component = $__componentOriginalc95d395d9fb2bfe7551f50437c8593bd; ?>
<?php unset($__componentOriginalc95d395d9fb2bfe7551f50437c8593bd); ?>
<?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </section>
                    <?php endif; ?>

                    
                    <section>
                        <div class="flex items-center justify-between mb-4">
                            <h2 class="text-lg font-bold text-gray-900 flex items-center gap-2">
                                <svg class="w-5 h-5 text-[#2F3D7E]" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                                    <circle cx="9" cy="7" r="4" />
                                    <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
                                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                                </svg>
                                Your Communities
                                </h2>
                            <button @click="activeTab = 'communities'"
                                class="text-gray-500 hover:text-[#2F3D7E] text-sm flex items-center gap-1 transition-colors">
                                View all
                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M5 12h14" />
                                    <path d="m12 5 7 7-7 7" />
                                </svg>
                                </button>
                                </div>
                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                    <?php $__currentLoopData = $myCommunities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $community): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php if (isset($component)) { $__componentOriginal9a76d9ff8797a4d41e70c6de45fa3b57 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9a76d9ff8797a4d41e70c6de45fa3b57 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.network.community-card','data' => ['community' => $community]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('network.community-card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['community' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($community)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9a76d9ff8797a4d41e70c6de45fa3b57)): ?>
<?php $attributes = $__attributesOriginal9a76d9ff8797a4d41e70c6de45fa3b57; ?>
<?php unset($__attributesOriginal9a76d9ff8797a4d41e70c6de45fa3b57); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9a76d9ff8797a4d41e70c6de45fa3b57)): ?>
<?php $component = $__componentOriginal9a76d9ff8797a4d41e70c6de45fa3b57; ?>
<?php unset($__componentOriginal9a76d9ff8797a4d41e70c6de45fa3b57); ?>
<?php endif; ?>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                            
                            <div @click="activeTab = 'communities'"
                                class="border-2 border-dashed border-gray-200 rounded-xl flex flex-col items-center justify-center p-6 text-center hover:border-[#2F3D7E]/50 hover:bg-blue-50/50 transition-all cursor-pointer min-h-[200px]">
                                <div class="w-12 h-12 bg-white rounded-full shadow-sm flex items-center justify-center mb-3 text-[#2F3D7E]">
                                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                                        <circle cx="9" cy="7" r="4" />
                                        <line x1="19" x2="19" y1="8" y2="14" />
                                        <line x1="22" x2="16" y1="11" y2="11" />
                                    </svg>
                                    </div>
                                    <h3 class="font-semibold text-gray-900">Join more communities</h3>
                                    <p class="text-sm text-gray-500 mt-1">Find peers in your industry</p>
                                    </div>
                                    </div>
                                    </section>

                    
                    <section>
                        <div class="flex items-center justify-between mb-4">
                            <h2 class="text-lg font-bold text-gray-900 flex items-center gap-2">
                                <svg class="w-5 h-5 text-[#2F3D7E]" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                                    <circle cx="9" cy="7" r="4" />
                                    <line x1="19" x2="19" y1="8" y2="14" />
                                    <line x1="22" x2="16" y1="11" y2="11" />
                                </svg>
                                Suggested Connections
                                </h2>
                            <button @click="activeTab = 'people'"
                                class="text-gray-500 hover:text-[#2F3D7E] text-sm flex items-center gap-1 transition-colors">
                                Find more people
                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M5 12h14" />
                                    <path d="m12 5 7 7-7 7" />
                                </svg>
                                </button>
                                </div>
                                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                                    <?php $__currentLoopData = $suggestedPeople; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php if (isset($component)) { $__componentOriginal707428e520f573388e9b5b15fba84923 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal707428e520f573388e9b5b15fba84923 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.network.user-card','data' => ['user' => $user]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('network.user-card'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['user' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($user)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal707428e520f573388e9b5b15fba84923)): ?>
<?php $attributes = $__attributesOriginal707428e520f573388e9b5b15fba84923; ?>
<?php unset($__attributesOriginal707428e520f573388e9b5b15fba84923); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal707428e520f573388e9b5b15fba84923)): ?>
<?php $component = $__componentOriginal707428e520f573388e9b5b15fba84923; ?>
<?php unset($__componentOriginal707428e520f573388e9b5b15fba84923); ?>
<?php endif; ?>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                                </section>
                                </div>

                
                <div x-show="activeTab === 'communities'" class="mt-0" style="display: none;">
                    <?php if (isset($component)) { $__componentOriginalbe5763ad36eccb8f8d1d4842a2cbee73 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalbe5763ad36eccb8f8d1d4842a2cbee73 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.network.community-hub','data' => ['isEmbedded' => true,'myCommunities' => $myCommunities,'discoverCommunities' => $discoverCommunities,'categories' => $categories,'connectedUsers' => $networkUsers]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('network.community-hub'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['is-embedded' => true,'my-communities' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($myCommunities),'discover-communities' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($discoverCommunities),'categories' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($categories),'connected-users' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($networkUsers)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalbe5763ad36eccb8f8d1d4842a2cbee73)): ?>
<?php $attributes = $__attributesOriginalbe5763ad36eccb8f8d1d4842a2cbee73; ?>
<?php unset($__attributesOriginalbe5763ad36eccb8f8d1d4842a2cbee73); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalbe5763ad36eccb8f8d1d4842a2cbee73)): ?>
<?php $component = $__componentOriginalbe5763ad36eccb8f8d1d4842a2cbee73; ?>
<?php unset($__componentOriginalbe5763ad36eccb8f8d1d4842a2cbee73); ?>
<?php endif; ?>
                    </div>

                
                <div x-show="activeTab === 'people'" class="mt-0" style="display: none;">
                    <?php if (isset($component)) { $__componentOriginale1e40ab2bd1816875faecbebd428d905 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginale1e40ab2bd1816875faecbebd428d905 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.network.people-directory','data' => ['isEmbedded' => true,'discoverUsers' => $discoverUsers,'networkUsers' => $networkUsers,'requestUsers' => $incomingRequests]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('network.people-directory'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['is-embedded' => true,'discover-users' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($discoverUsers),'network-users' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($networkUsers),'request-users' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($incomingRequests)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginale1e40ab2bd1816875faecbebd428d905)): ?>
<?php $attributes = $__attributesOriginale1e40ab2bd1816875faecbebd428d905; ?>
<?php unset($__attributesOriginale1e40ab2bd1816875faecbebd428d905); ?>
<?php endif; ?>
<?php if (isset($__componentOriginale1e40ab2bd1816875faecbebd428d905)): ?>
<?php $component = $__componentOriginale1e40ab2bd1816875faecbebd428d905; ?>
<?php unset($__componentOriginale1e40ab2bd1816875faecbebd428d905); ?>
<?php endif; ?>
                    </div>

            </div>
            </div>
            </div>

    
    <script>
        function handleConnect(id) {
            // Implementation for AJAX connection request
            // On success:
            // alert('Connection request sent!');
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.dashboard', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/ratemypay/resources/views/dashboard/community/index.blade.php ENDPATH**/ ?>