@php
    
    $heading = 'Find out more';
    
    $items = [];
    for($i = 0; $i < 2; $i++) {
        $item = new StdClass;
        $item->image = 'http://placehold.it/200x200/abcdef';
        $item->text = 'Delivery Options ' . $i;
        $item->link = 'javascript:void(0)';
        $items[] = $item;
    }
    
    $total = count($items);

    $col_count = 12 / $total;

    $total >= 4 ? $container = 'container-wide' : $container = 'wat';

    if($total >= 4) {
        $class_list = 'col-md-3';
    } elseif($total = 3) {
        $class_list = 'col-md-4';
    } else {
        $class_list = 'col-md-5 offset-md-1';
    }

@endphp 

<section class="container-fluid bg-mixed-r py-3 py-md-5">
    <div class="container {{ $container }} my-3 my-md-5">
        
        @if($heading)
        <div class="row">
            <div class="col">
                <h3 class="text-center mb-3">{{ $heading }}</h3>
            </div>
        </div>
        @endif

        <div class="row justify-content-center">

            @foreach($items as $item)

            <div class="{{ $class_list }} mb-md-0">
                <a href="{{ $item->link }}">
                    <div class="border bg-white hover-shadow">
                        <img src="{{ $item->image }}" alt="" class="w-100">
                        <div>
                            <div class="gradient-text text-uppercase text-center h2 py-4 mb-0">{{ $item->text }}</div>
                        </div>
                    </div>
                </a>
            </div>

            @endforeach
        </div>
    </div>
</section>