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

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'organization' => null,
]));

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(([
    'organization' => null,
]), '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); ?>

<?php
    // Prepare organization data with fallbacks
    $orgName = $organization?->name ?? 'SSHIA';
    $orgAddress = $organization?->physical_address ?? 'Juba, South Sudan';
    $orgEmail = $organization?->email ?? 'info@sshia.org';
    $orgHotline = $organization?->hotline ?? '';
    $socialLinks = is_array($organization?->social_media_links) ? $organization->social_media_links : [];
?>

<footer class="bg-gray-900 text-white" role="contentinfo">
    
    <div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-14">
        <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
            
            
            <nav aria-labelledby="footer-about">
                <h3 id="footer-about" class="text-sm font-bold text-white uppercase tracking-wide mb-4">About SSHIA</h3>
                <ul class="space-y-2">
                    <li><a href="<?php echo e(route('pages.show', 'about-sshia')); ?>" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">About Us</a></li>
                    <li><a href="<?php echo e(route('pages.show', 'vision')); ?>" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">Vision & Mission</a></li>
                    <li><a href="<?php echo e(route('pages.show', 'what-we-do')); ?>" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">What We Do</a></li>
                    <li><a href="<?php echo e(route('pages.show', 'governance')); ?>" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">Governance</a></li>
                    <?php if(auth()->guard()->check()): ?>
                    <li><a href="<?php echo e(route('organization.organogram.show')); ?>" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">Leadership</a></li>
                    <?php endif; ?>
                    <li><a href="<?php echo e(route('pages.show', 'about-sshia')); ?>#contact" class="text-sm text-gray-300 hover:text-white transition focus:outline-none focus:underline">Contact Us</a></li>
                </ul>
            </nav>
            
            
            <div>
                <h3 class="text-sm font-bold text-white uppercase tracking-wide mb-4">Membership & Services</h3>
                <ul class="space-y-2">
                    <li><a href="<?php echo e(route('membership.categories.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Membership Categories</a></li>
                    <li><a href="<?php echo e(route('register.role.member')); ?>" class="text-sm text-gray-300 hover:text-white transition">Apply for Membership</a></li>
                    <li><a href="<?php echo e(route('membership.check-status')); ?>" class="text-sm text-gray-300 hover:text-white transition">Check Status</a></li>
                    <li><a href="<?php echo e(route('register.role.contributor')); ?>" class="text-sm text-gray-300 hover:text-white transition">Become Contributor</a></li>
                    <li><a href="<?php echo e(route('institutions.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Health Institutions</a></li>
                    <li><a href="<?php echo e(route('machines.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Digital Machines</a></li>
                    <li><a href="<?php echo e(route('partners.public.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Partners Directory</a></li>
                </ul>
            </div>
            
            
            <div>
                <h3 class="text-sm font-bold text-white uppercase tracking-wide mb-4">Training & Mentorship</h3>
                <ul class="space-y-2">
                    <li><a href="<?php echo e(route('public.training.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Training Programmes</a></li>
                    <li><a href="<?php echo e(route('register.role.trainee')); ?>" class="text-sm text-gray-300 hover:text-white transition">Apply for Training</a></li>
                    <li><a href="<?php echo e(route('public.training.certificates.verify-page')); ?>" class="text-sm text-gray-300 hover:text-white transition">Verify Training Certificate</a></li>
                    <li><a href="<?php echo e(route('mentorship.public.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Mentorship Programmes</a></li>
                    <li><a href="<?php echo e(route('register.role.mentor')); ?>" class="text-sm text-gray-300 hover:text-white transition">Become Mentor</a></li>
                    <li><a href="<?php echo e(route('register.role.mentee')); ?>" class="text-sm text-gray-300 hover:text-white transition">Become Mentee</a></li>
                    <li><a href="<?php echo e(route('mentorship.certificates.verify-page')); ?>" class="text-sm text-gray-300 hover:text-white transition">Verify Mentorship Certificate</a></li>
                </ul>
            </div>
            
            
            <div>
                <h3 class="text-sm font-bold text-white uppercase tracking-wide mb-4">Research & Advocacy</h3>
                <ul class="space-y-2">
                    <li><a href="<?php echo e(route('research.public.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Publications</a></li>
                    <li><a href="<?php echo e(route('research.public.search')); ?>" class="text-sm text-gray-300 hover:text-white transition">Search Publications</a></li>
                    <li><a href="<?php echo e(route('public.knowledge-base.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Knowledge Base</a></li>
                    <li><a href="<?php echo e(route('public.discussions.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Discussions</a></li>
                    <li><a href="<?php echo e(route('advocacy.public.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Advocacy Campaigns</a></li>
                    <li><a href="<?php echo e(route('advocacy.public.stories.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">Health Stories</a></li>
                    <li><a href="<?php echo e(route('advocacy.public.polls.active')); ?>" class="text-sm text-gray-300 hover:text-white transition">Polls &amp; Surveys</a></li>
                    <li><a href="<?php echo e(route('advocacy.public.stories.create')); ?>" class="text-sm text-gray-300 hover:text-white transition">Submit Your Story</a></li>
                </ul>
            </div>
            
            
            <div>
                <h3 class="text-sm font-bold text-white uppercase tracking-wide mb-4">Legal & Support</h3>
                <ul class="space-y-2">
                    <li><a href="<?php echo e(route('pages.privacy')); ?>" class="text-sm text-gray-300 hover:text-white transition">Privacy Policy</a></li>
                    <li><a href="<?php echo e(route('pages.terms')); ?>" class="text-sm text-gray-300 hover:text-white transition">Terms of Service</a></li>
                    <li><a href="<?php echo e(route('pages.support')); ?>" class="text-sm text-gray-300 hover:text-white transition">Support</a></li>
                    <li><a href="<?php echo e(route('self-paced.public.verify')); ?>" class="text-sm text-gray-300 hover:text-white transition">Verify Certificate</a></li>
                    <li><a href="<?php echo e(route('self-paced.public.index')); ?>" class="text-sm text-gray-300 hover:text-white transition">SSHIA Academy</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    
    <div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 pb-14">
        <div class="flex flex-wrap items-center justify-center gap-6 lg:gap-8">
            
            
            <div class="flex items-center gap-3 bg-gray-800/50 px-4 py-3 rounded-lg hover:bg-gray-800 transition">
                <i class="fas fa-map-marker-alt text-green-400 text-lg flex-shrink-0"></i>
                <span class="text-sm text-gray-300"><?php echo e($orgAddress); ?></span>
            </div>
            
            
            <a href="mailto:<?php echo e($orgEmail); ?>" class="flex items-center gap-3 bg-gray-800/50 px-4 py-3 rounded-lg hover:bg-gray-800 transition group">
                <i class="fas fa-envelope text-green-400 text-lg flex-shrink-0"></i>
                <span class="text-sm text-gray-300 group-hover:text-white transition"><?php echo e($orgEmail); ?></span>
            </a>
            
            
            <?php if($orgHotline): ?>
                <a href="tel:<?php echo e($orgHotline); ?>" class="flex items-center gap-3 bg-gray-800/50 px-4 py-3 rounded-lg hover:bg-gray-800 transition group">
                    <i class="fas fa-phone text-green-400 text-lg flex-shrink-0"></i>
                    <span class="text-sm text-gray-300 group-hover:text-white transition"><?php echo e($orgHotline); ?></span>
                </a>
            <?php endif; ?>
            
            
            <?php if(!empty($socialLinks)): ?>
                <div class="flex items-center gap-3 bg-gray-800/50 px-4 py-3 rounded-lg">
                    <?php $__currentLoopData = $socialLinks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $platform => $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php if($url): ?>
                            <a href="<?php echo e($url); ?>" 
                               target="_blank" 
                               rel="noopener noreferrer"
                               class="w-9 h-9 rounded-full flex items-center justify-center transition hover:scale-110
                                      <?php if($platform === 'whatsapp'): ?> bg-[#25D366] hover:bg-[#1da851]
                                      <?php elseif($platform === 'facebook'): ?> bg-[#1877F2] hover:bg-[#0c63d4]
                                      <?php elseif($platform === 'twitter' || $platform === 'x'): ?> bg-white hover:bg-gray-200 text-gray-900
                                      <?php elseif($platform === 'tiktok'): ?> bg-[#ff0050] hover:bg-[#d60043]
                                      <?php elseif($platform === 'linkedin'): ?> bg-[#0A66C2] hover:bg-[#004182]
                                      <?php elseif($platform === 'instagram'): ?> bg-[#E4405F] hover:bg-[#c13584]
                                      <?php elseif($platform === 'youtube'): ?> bg-[#FF0000] hover:bg-[#cc0000]
                                      <?php else: ?> bg-gray-700 hover:bg-gray-600
                                      <?php endif; ?> text-white"
                               title="<?php echo e(ucfirst($platform)); ?>">
                                <i class="fab fa-<?php echo e($platform === 'x' ? 'x-twitter' : $platform); ?>"></i>
                            </a>
                        <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            <?php endif; ?>
        </div>
    </div>
    
    
    <div class="border-t border-gray-800">
        <div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
            <div class="flex flex-col md:flex-row items-center justify-between gap-4">
                
                <div class="flex items-center gap-3">
                    <?php if(file_exists(public_path('storage/organization/logo.png'))): ?>
                        <img src="<?php echo e(asset('storage/organization/logo.png')); ?>" 
                             alt="<?php echo e($orgName); ?>" 
                             class="h-10 w-auto opacity-80">
                    <?php else: ?>
                        <div class="h-10 w-10 bg-green-600 rounded-lg flex items-center justify-center opacity-80">
                            <span class="text-white font-bold text-lg"><?php echo e(substr($orgName, 0, 1)); ?></span>
                        </div>
                    <?php endif; ?>
                    <span class="text-sm text-gray-500">
                        &copy; <?php echo e(date('Y')); ?> <?php echo e($orgName); ?>. All rights reserved.
                    </span>
                </div>
                
                
                <div class="flex items-center gap-4 text-sm text-gray-500">
                    <a href="<?php echo e(route('pages.privacy')); ?>" class="hover:text-white transition">Privacy Policy</a>
                    <span>|</span>
                    <a href="<?php echo e(route('pages.terms')); ?>" class="hover:text-white transition">Terms of Service</a>
                </div>
            </div>
        </div>
    </div>
</footer>
<?php /**PATH /home/www/sshia.org/sshia/resources/views/components/site-footer.blade.php ENDPATH**/ ?>