@php
    $selectedColor = null;

    $colors = $accessory->colors->sortBy('color.order')->values();

    $hasMatchedColor/*from request*/ = $colors->contains('color_id', request()->get('color'));

    foreach($colors as $color) {
        if($hasMatchedColor && request()->get('color') == $color['color_id']) {
            $selectedColor = $color;
            break;
        } elseif(!$hasMatchedColor && \IHouse::isSelectedColor($color['code'], $colors)) {
            $selectedColor = $color;
            break;
        }
    }

    if(($q = request()->get('q')) && \DB::table('accessory_colors')->where('code', $q)->exists())
    {
        foreach($colors as $color) {
            if($color['code'] == $q)
            {
                $selectedColor = $color;
                break;
            }
        }
    }

    $routeParamsArray = [$accessory->id,'code'=>$accessory->code];

    if($selectedColor) {
        $routeParamsArray['product'] = $selectedColor['code'];
    }

    $defaultImage = ($selectedColor && ($selectedColor['image_listing'] || $selectedColor['image_default'])) ? url('https://cdn.ihouse.ps/' . ($selectedColor['image_default'] ?: $selectedColor['image_listing'])) : $accessory->image;
    $defaultQuantity = $selectedColor ? $selectedColor['quantity'] : $accessory->quantity;
    $defaultStockStatus = $selectedColor ? $selectedColor['stock_status'] : $accessory->stock_status;

@endphp

<div class="accessory-box">
    <div class="accessory-section">
        <div class="accessory-tile">
            <div class="accessory-relatedlink"
                 data-link="{{route("accessory",[$accessory->id,'code'=>$accessory->code])}}"
                 data-selected-color-code="{{ $selectedColor['code'] ?? false }}">
                <div class="accessory-tilehero">
                    <img
                        src="{{ $defaultImage }}"
                        class="ir accessory-tileheroimage"
                        alt="{{ $accessory->name }}"
                        width="266" height="291"
                    >
                </div>


                <div class="accessory-infosection">
                    <div class="accessory-tileheader">
                        @if($accessory->can_laser)
                            <div class="violator-wrapper">
                                <span class="violator-frameless as-violator-alt freeengraving"> إمكانية الحفر بالليزر</span>
                            </div>
                        @endif
                    </div>

                    <h3 class="accessory-tiletitle">
                        <a  href="{{route("accessory",[$accessory->id,'code'=>$accessory->code])}}"
                            data-selected-color-code="{{ $selectedColor['code'] ?? false }}"
                            class="accessory-tilelink">{{ $accessory->name }}</a>
                    </h3>

                    <div class="accessory-info">
                        <div class="accessory-price">
                            @if($accessory->is_sale)
                                <h6 class="col-md-12 text-center unmarg--bottom" dir="rtl"
                                    style="line-height: 20px;margin:0px;margin-bottom:5px">
                                    <s>{{ number_format($accessory->price) }}</s> شيكل</h6>
                                <h4 class="col-md-12 text-center" dir="rtl"
                                    style="line-height: 20px;margin:0px;margin-bottom:5px">{{ number_format($accessory->discount) }}
                                    شيكل</h4>
                            @else
                                <span class="accessory-pricecurrent">
                                    {{ number_format($accessory->price) }}
                                    شيكل
                                </span>
                            @endif
                            <div class="accessory-savings">
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="accessory-colorsection">
                    <div class="accessory-colorgallery">
                        <div class="a11y">Available colors:</div>
                        <div class="color-choose color-sm d-flex justify-content-center flex-wrap">

                        <ul class="color-gallery" role="list">

                            @if($accessory->colors->count())

                                @foreach($colors as $index => $color)
                                    <li class="accessory-colorimage" role="listitem">
                                        <div class="" data-item="{{$accessory->id}}" data-stock-status="{{$color->stock_status}}"
                                             data-special-order="{{$accessory->is_special_order}}"
                                             data-color-quantity="{{$color->quantity}}" data-color-code="{{$color->code}}"
                                             data-image="{{$accessory->id}}-{{$color->color->id}}">
                                            <input
                                                type="radio"
                                                {!!$color->quantity==0?'title="غير متوفر"':""!!}
                                                style="display: block; background:{{$color->quantity==0 ? "repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 3px, rgba(0, 0, 0, 0.3) 3px, rgba(0, 0, 0, 0.3) 7px ),{$color->color->color}": $color->color->color}}"
                                                class="color-chooser {!!$color->quantity==0?"disabled":""!!} {{($selectedColor && $selectedColor['id'] == $color['id'])?'color-selected ' . ($selectedColor->quantity == 0 ? 'red-outline' : ''):''}}"
                                                id="{{'color-' . $color->color->id . '-' . $accessory->id }}"
                                                name="color-{{$accessory->id}}"
                                                value="{{$color->color->id}}"
                                                @if($selectedColor && $selectedColor['id'] == $color['id']) checked @endif>
                                        </div>
                                    </li>
                                @endforeach
                            @endif
                            @if($accessory->colors->count()>6)
                            <li class="accessory-producttile-moretext" role="listitem">+</li>
                            @endif
                            </div>
                        </ul>

                    </div>
                </div>


            </div>

        </div>
    </div>
</div>