@php(
    $counter = 0
)

@if(isset($value->images))
    @for($i = 1; $i <= 10; $i++)
        @php(
            $match = 0
        )

        @foreach($value->images ?? [] as $item)
            @if($item->position == $i)
                <div class="hero-item" data-index="{{$item->id}}">
                    <div class="content">
                        @if(isset($item->image))
                            <div class="image">
                                <span class="text">
                                   {{__('Image (English)')}}
                                </span>

                                <img class="lazy-load-img" data-src="{{config('locations.homepageImage.asset').$item->image}}?x-oss-process=image/resize,m_lfit,h_60,w_150" alt="Image (EN)">
                            </div>
                        @endif

                        @if(isset($item->imageChinese))
                            <div class="image">
                                <span class="text">
                                    {{__('Image (Chinese)')}}
                                </span>

                                <img class="lazy-load-img" data-src="{{config('locations.homepageImage.asset').$item->imageChinese}}?x-oss-process=image/resize,m_lfit,h_60,w_150" alt="Image (ZH)">
                            </div>
                        @endif
                    </div>

                    <div class="drag-arrows">
                        <div class="drag-arrow arrow-top"></div>
                        <div class="drag-arrow arrow-bottom"></div>
                    </div>

                    <div class="buttons">
                        <div class="button edit-hero-item-button"
                             data-id="{{$value->id}}"
                             data-module-type="{{$value->type}}"

                             data-type="{{$item->settings->type ?? "university"}}"
                             data-name="{{$item->settings->name ?? ""}}"
                             data-support-name="{{$item->settings->supportName ?? ""}}"
                             data-title="{{$item->settings->title ?? ""}}"
                             data-title-chinese="{{$item->settings->titleChinese ?? ""}}"
                             data-description="{{$item->settings->description ?? ""}}"
                             data-description-chinese="{{$item->settings->descriptionChinese ?? ""}}"
                             data-content-id="{{$item->settings->contentID ?? ""}}"
                             data-support-id="{{$item->settings->supportID ?? ""}}"
                             data-price-gbp="{{$item->settings->priceGBP ?? ""}}"
                             data-price-cny="{{$item->settings->priceCNY ?? ""}}"
                             data-countdown-start="{{$item->settings->countdownStart ?? ""}}"
                             data-countdown-end="{{$item->settings->countdownEnd ?? ""}}"
                             data-link="{{$item->settings->link ?? ""}}"
                             data-link-chinese="{{$item->settings->linkChinese ?? ""}}"
                             data-course-level="{{$item->settings->courseLevel ?? ""}}"
                             data-course-level-name="{{$item->settings->courseLevelName ?? ""}}"
                             data-traffic-id="{{$item->settings->trafficId ?? ""}}"

                             data-image-id="{{$item->id ?? ""}}"
                             data-image-position="{{$item->position ?? ""}}"
                             data-image-src="{{$item->image ?? ""}}"
                             data-image-src-chinese="{{$item->imageChinese ?? ""}}"
                        >
                            {{__('Edit')}}
                        </div>
                    </div>
                </div>

                @php(
                    $match = 1
                )

                @break
            @else
                @continue
            @endif
        @endforeach

        @if($match == 0)
            <div class="hero-item hero-clickable"
                 data-image-position="{{$i}}"
                 data-id="{{$value->id}}"
                 data-module-type="{{$value->type}}"
                 data-type="university"
            >

            </div>
        @endif
    @endfor
@else
    @for($i = 1; $i <= 6; $i++)
        <div class="hero-item hero-clickable"
             data-image-position="{{$i}}"
             data-id="{{$value->id}}"
             data-module-type="{{$value->type}}"
             data-type="university"
        >

        </div>
    @endfor
@endif