@php
    use App\Support\Content;
    use App\Support\Taxonomy;
    $rubriques = Taxonomy::rubriques();
@endphp

{{-- Panneau global --}}
<div class="mega" id="mega-all">
    <div class="mega-inner">
        @foreach($rubriques as $key => $r)
            @php $univers = Taxonomy::tree($key); @endphp
            <div class="mega-col">
                <h4><x-icon :name="$r['icon']"/> {{ $r['label'] }}</h4>
                <div class="mega-list">
                    @foreach(array_slice($univers, 0, 11) as $u)
                        <a href="{{ $u['url'] }}">
                            <span>{{ $u['name'] }}</span>
                            <span class="n">{{ number_format(Content::countFor($u), 0, ',', ' ') }}</span>
                        </a>
                    @endforeach
                    @if(count($univers) > 11)
                        <a href="{{ url('/'.$key) }}" style="color:var(--orange-600);font-weight:600">
                            <span>+ {{ count($univers) - 11 }} autres catégories</span>
                            <x-icon name="chevron-right" size="14"/>
                        </a>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
    <div class="mega-inner" style="display:block;padding:0">
        <div class="mega-foot">
            <span class="small muted">{{ number_format(Taxonomy::count(), 0, ',', ' ') }} catégories et sous-catégories référencées sur CityMag</span>
            <a href="{{ url('/categories') }}" class="btn btn-sm btn-soft">Voir l'arborescence complète <x-icon name="arrow-right"/></a>
        </div>
    </div>
</div>

{{-- Un panneau par rubrique --}}
@foreach($rubriques as $key => $r)
    @php
        $univers = Taxonomy::tree($key);
        $cols = array_chunk($univers, (int) ceil(count($univers) / 4));
    @endphp
    <div class="mega" id="mega-{{ $key }}">
        <div class="mega-inner">
            @foreach($cols as $col)
                <div class="mega-col">
                    <div class="mega-list">
                        @foreach($col as $u)
                            <a href="{{ $u['url'] }}" style="font-weight:600;color:var(--ink-900)">
                                <span>{{ $u['name'] }}</span>
                                <x-icon name="chevron-right" size="13"/>
                            </a>
                            @if($u['children'])
                                <div style="padding:0 0 10px 8px">
                                    @foreach(array_slice($u['children'], 0, 4) as $c)
                                        <a href="{{ $c['url'] }}" style="font-size:.82rem;color:var(--ink-500)">
                                            <span>{{ $c['name'] }}</span>
                                        </a>
                                    @endforeach
                                    @if(count($u['children']) > 4)
                                        <a href="{{ $u['url'] }}" style="font-size:.78rem;color:var(--orange-600)">
                                            <span>Tout voir ({{ count($u['children']) }} catégories)</span>
                                        </a>
                                    @endif
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
        <div class="mega-inner" style="display:block;padding:0">
            <div class="mega-foot">
                <span class="small muted">{{ $r['baseline'] }}</span>
                <a href="{{ url('/'.$key) }}" class="btn btn-sm btn-soft">Explorer {{ mb_strtolower($r['label']) }} <x-icon name="arrow-right"/></a>
            </div>
        </div>
    </div>
@endforeach