@php
    $trustShow = App\Models\HomepageSetting::get('trust_show', true);
    $trustBgColor = App\Models\HomepageSetting::get('trust_bg_color', '#162B6B');
    $trustLabel = App\Models\HomepageSetting::get('trust_label', 'TRUSTED ACROSS');
    $trustItems = App\Models\HomepageSetting::get('trust_items_json', []);
    $trustScrollMobile = App\Models\HomepageSetting::get('trust_scroll_mobile', true);
    $trustScrollSpeed = App\Models\HomepageSetting::get('trust_scroll_speed', 'Medium');
@endphp

@if($trustShow)
<div id="section-trust" class="py-6 relative {{ isset($activeEditingSection) && $activeEditingSection === 'trust' ? 'ring-4 ring-amber-500' : '' }}" style="background-color: {{ $trustBgColor }};">
    @if(isset($activeEditingSection) && $activeEditingSection === 'trust')
        <div class="absolute top-2 left-4 z-50 bg-amber-500 text-white font-bold text-[9px] uppercase px-2.5 py-0.5 rounded-full shadow-lg">Editing: Trust Bar</div>
    @endif
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-center md:space-x-8 space-y-4 md:space-y-0">
        <span class="text-xs font-bold text-white/50 tracking-widest uppercase">{{ $trustLabel }}</span>
        
        <div class="flex flex-wrap items-center justify-center gap-6 md:gap-8 {{ $trustScrollMobile ? 'overflow-x-auto max-w-full pb-2 md:pb-0' : '' }}">
            @foreach($trustItems as $item)
                @if($item['visible'] ?? true)
                    <div class="flex items-center space-x-2 text-white/80 font-medium text-xs bg-white/5 border border-white/10 px-4 py-2 rounded-xl backdrop-blur-sm whitespace-nowrap">
                        <span class="text-sm">{{ $item['icon'] ?? '🎓' }}</span>
                        <span>{{ $item['name'] ?? '' }}</span>
                    </div>
                @endif
            @endforeach
        </div>
    </div>
</div>
@endif