@if ($motors && is_array($motors->warnaMotor))
                                <div id="colorContainer" class="d-flex flex-row">
                                    @foreach ($motors->warnaMotor as $index => $warna)
                                        <div class="color-item d-flex flex-column align-items-center" style="margin-right: 10px;">
                                            <div class="color-box" 
                                                 data-index="{{ $index }}" 
                                                 style="background-color: {{ $warna }}; height:15px;width:25px; cursor: pointer;">
                                            </div>
                                            @if (isset($motors->deskripsiWarna[$index]))
                                                <div class="color-description" 
                                                     id="desc-{{ $index }}" 
                                                     style="display: none;">
                                                    <b>{{ $motors->deskripsiWarna[$index] }}
                                                </div>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <p>No colors available.</p>
                            @endif