{{--
    Featured cases: two large images across the whole viewport
    For visual purposes we stretch the content across the whole viewport.
    We use a flexable-layout without containment.
--}}

{{-- Flexable layout--}}
<section class="featured-cases flexable-layout">

    {{-- Choose which projects by passing a an array call featured to this view --}}
    @if( isset($featured))

        @if(count($featured) == 1)
            {{-- QnD: make sure we always have a minimum of two columns --}}
            <div class="flex-col"></div>
        @endif

        @foreach($featured as $key)
            @if(!empty($key))
                @include('site.partials.cases.featuredCase',['case' => $cases[$key]])
            @endif
        @endforeach

    {{-- When we don't have an array we fetch the latest two cases --}}
    @else
       @include('site.partials.cases.featuredCase',['case' => $cases->shift()])
       @include('site.partials.cases.featuredCase',['case' => $cases->shift()])
    @endif
</section>