@php
    $items = collect(config('parhit.nav'))->keyBy('route');
    $bar = config('parhit.bar');
    $left = array_slice($bar, 0, 2);
    $right = array_slice($bar, 2);
@endphp

<nav class="bar" aria-label="Quick navigation">
    <ul class="bar__list">
        @foreach ($left as $r)
            @php $it = $items[$r]; @endphp
            <li>
                <a href="{{ route($r) }}" @class(['bar__link', 'is-active' => request()->routeIs($it['match'])])>
                    <svg class="i" aria-hidden="true"><use href="#i-{{ $it['icon'] }}"/></svg>
                    <span>{{ $it['label'] === 'Our Impact' ? 'Impact' : $it['label'] }}</span>
                </a>
            </li>
        @endforeach

        <li class="bar__center">
            <a class="bar__donate" href="{{ route('donate') }}" aria-label="Donate now">
                <svg class="i i--lg" aria-hidden="true"><use href="#i-heart"/></svg>
                <span>Donate</span>
            </a>
        </li>

        @foreach ($right as $r)
            @php $it = $items[$r]; @endphp
            <li>
                <a href="{{ route($r) }}" @class(['bar__link', 'is-active' => request()->routeIs($it['match'])])>
                    <svg class="i" aria-hidden="true"><use href="#i-{{ $it['icon'] }}"/></svg>
                    <span>{{ $it['label'] === 'Our Impact' ? 'Impact' : $it['label'] }}</span>
                </a>
            </li>
        @endforeach
    </ul>
</nav>