@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.')':''}};
    ">
        @php(
            $counter = 0
        )

        @foreach($value->images as $image)
            @if($image->position == 10)
                @php(
                    $counter++
                )

                @include('homepagemodules::admin.modules.support.category_image')

                @break
            @endif
        @endforeach

        @if($counter == 0)
            @include('homepagemodules::admin.modules.support.category_image', ['image'=>null])
        @endif

        <div class="subcategories-container">
            <div class="subcategories-header">
                <div class="group">
                    <input type="text" name="header-chinese" value="{{$value->settings->headerChinese ?? ''}}" placeholder="{{__('Header (Chinese)')}}">
                    <input type="text" name="sub-header-chinese" value="{{$value->settings->subHeaderChinese ?? ''}}" placeholder="{{__('Sub-Header (Chinese)')}}">
                    <input type="text" name="slogan" placeholder="{{__('Slogan')}}" value="{{$value->settings->slogan ?? ''}}">
                    <input type="text" name="sloganChinese" placeholder="{{__('Slogan (Chinese)')}}" value="{{$value->settings->sloganChinese ?? ''}}">
                </div>

                <div class="subcategories">
                    @for($i = 1; $i <= 3; $i++)
                        <div class="subcategory">
                            <div class="ui selection dropdown level-two-dropdown {{($i == 1)?'chosen':''}}" data-subcategory="{{'subcategory'.$i}}">
                                <input type="hidden" name="subcategory{{$i}}" value="{{$value->settings->{'subcategory'.$i} ?? ''}}">
                                <i class="dropdown icon"></i>
                                <div class="text">{{$value->settings->{'subcategory'.$i.'Name'} ?? 'Subcategory Name'}}</div>
                                <div class="menu">
                                    @if(count($value->levelTwoCategories) > 0)
                                        <div class="item" data-value="clear">{{__('Clear')}}</div>
                                        @foreach($value->levelTwoCategories as $levelTwoCategory)
                                            <div class="item {{(isset($value->settings->{'subcategory'.$i}) && $value->settings->{'subcategory'.$i} == $levelTwoCategory->id) ? 'active selected' : ''}}"
                                                 data-value="{{$levelTwoCategory->id}}"
                                                 data-name="{{$levelTwoCategory->levelTwoName}}"
                                                 data-name-chinese="{{$levelTwoCategory->levelTwoNameChinese}}"
                                            >
                                                {{$levelTwoCategory->levelTwoName}}
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="item" data-value="empty">{{__('No results')}}</div>
                                    @endif
                                </div>
                            </div>

                            <input type="text" name="customSubcategory{{$i}}Name" value="{{$value->settings->{'customSubcategory'.$i.'Name'} ?? ''}}" placeholder="{{__('Subcategory Name')}}">
                            <input type="text" name="customSubcategory{{$i}}NameChinese" value="{{$value->settings->{'customSubcategory'.$i.'NameChinese'} ?? ''}}" placeholder="{{__('Subcategory Name (Chinese)')}}">
                        </div>
                    @endfor
                </div>
            </div>

            @php(
                $position = 1
            )

            @for($i = 1; $i <= 3; $i++)
                <div class="subcategories-block {{($i == 1)?'chosen':''}}" data-subcategory="subcategory{{$i}}">
                    @for($j = 0; $j < 3; $j++)
                        @php(
                            $counter = 0
                        )

                        @foreach($value->images as $image)
                            @if($image->position == $position)
                                <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-category="{{$i}}"
                                     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="{{$position}}"
                                     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_280,w_300" 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-category="{{$i}}"
                                 data-type="university"

                                 data-image-position="{{$position}}"
                            ></div>
                        @endif

                        @php(
                            $position++
                        )
                    @endfor
                </div>
            @endfor
        </div>
    </div>
@overwrite