<div class="c-visited-countries">
    <div class="l-contain">

        <h1 class="c-visited-countries__title">Hier zijn wij al geweest</h1>
        <span class="c-visited-countries__subtitle">Nu jij nog!</span>

        <div class="c-visited-countries__continents">
            @foreach($countriesByContinent as $continentKey => $continentCountries)
                <ul class="c-visited-countries__continent  c-visited-countries__continent--{{$continentKey}}">
                    <h3 class="c-visited-countries__continent-label">{{ \App\Countries\Country::continent($continentKey)['name'] }}</h3>
                    @foreach($continentCountries as $continentCountry)
                        <li class="c-visited-countries__item">
                            <a class="c-visited-countries__link" @if($continentCountry->active) href="{{ $links->countries->route }}/{{$continentCountry->slug}}" @endif>
                                {{ $continentCountry->name }}
                            </a>
                        </li>

                        @if($continentKey === 3 && $loop->iteration === 9)
                </ul>
                <ul class="c-visited-countries__continent  c-visited-countries__continent--{{$continentKey}}-second">
                    <h3 class="c-visited-countries__continent-label">&nbsp;</h3>
                        @endif

                        {{ debug($continentKey,$continentCountries) }}
                    @endforeach
                </ul>
            @endforeach
        </div>

    </div>
</div>