@extends('homepagemodules::admin.modules.support.module_container')

@section('module-content')
    <div class="background" style="
        background-color: {{isset($value->settings->backgroundColor)?$value->settings->backgroundColor:'#ffffff'}};
        background-image: {{isset($value->settings->backgroundImage)?'url('.config('locations.homepageImage.asset').$value->settings->backgroundImage.')':''}};
    ">
        <div class="line">
            @for($i = 0; $i < 2; $i++)
                @php(
                    $counter = 0
                )

                @foreach($value->images as $image)
                    @if($image->position == ($i + 1))
                        <div class="item clickable"
                             data-id="{{$value->id}}"
                             data-module-type="{{$value->type}}"

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

                             data-image-id="{{$image->id ?? ""}}"
                             data-image-position="{{$i + 1}}"
                             data-image-src="{{$image->image ?? ""}}"
                             data-image-src-chinese="{{$image->imageChinese ?? ""}}"
                        >
                            @if(isset($image->image))
                                <img class="lazy-load-img" data-src="{{config('locations.homepageImage.asset').$image->image}}?x-oss-process=image/resize,m_lfit,h_450,w_600" alt="image">
                            @endif
                        </div>

                        @php(
                            $counter++
                        )

                        @break
                    @endif
                @endforeach

                @if($counter == 0)
                    <div class="item clickable"
                         data-id="{{$value->id}}"
                         data-module-type="{{$value->type}}"
                         data-type="university"

                         data-image-position="{{$i + 1}}"
                    ></div>
                @endif
            @endfor
        </div>

        <div class="line">
            @for($i = 2; $i < 4; $i++)
                @php(
                    $counter = 0
                )

                @foreach($value->images as $image)
                    @if($image->position == ($i + 1))
                        <div class="item clickable"
                             data-id="{{$value->id}}"
                             data-module-type="{{$value->type}}"

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

                             data-image-id="{{$image->id ?? ""}}"
                             data-image-position="{{$i + 1}}"
                             data-image-src="{{$image->image ?? ""}}"
                        >
                            @if(isset($image->image))
                                <img class="lazy-load-img" data-src="{{config('locations.homepageImage.asset').$image->image}}?x-oss-process=image/resize,m_lfit,h_450,w_600" alt="image">
                            @endif
                        </div>

                        @php(
                            $counter++
                        )

                        @break
                    @endif
                @endforeach

                @if($counter == 0)
                    <div class="item clickable"
                         data-id="{{$value->id}}"
                         data-module-type="{{$value->type}}"
                         data-type="university"

                         data-image-position="{{$i + 1}}"
                    ></div>
                @endif
            @endfor
        </div>
    </div>
@overwrite