@foreach ($products as $product)
        <div class="product">

            <!-- Top Row (Collapsed View) -->
            

            <div class="product-summary">
                <!-- IMAGE -->
                <div class="product-image">
                    <img src="{{ $product['image'] }}" alt="{{ $product['title'] }}">
                </div>
                <!-- TITLE -->
                <div class="product-center">
                <h3 class="product-title">
                    {{ $product['brand'] }} {{ $product['title'] }}
                </h3>
                <!-- SPECS -->
                <ul class="product-specs">
                    <li>{{ $product['km'] }} KM</li>
                    <li>{{ $product['power'] }} kW</li>
                    <li>{{ $product['Garantie'] ?? 'Garantie: 12 Monate' }}</li>
                    <li>{{ $product['year'] }}</li>
                    <li>{{ $product['location'] }}</li>
                    <li>{{ $product['vehicle_type'] }}</li>
                </ul>
                <!-- BUTTONS -->
                
                

                
                
            </div>
            <div class="product-right">
                <!-- PRICE -->
                <div class="product-price">
                    <div class="finance-price">{!! $product['finance_price'] !!}</div>
                    <div class="main-price">{!! $product['price'] !!}</div>
                </div>
                <div class="product-buttons">
                    <button class="btn">@if($location->id == 3) contact @else Kontakt @endif</button>
                    <button class="btn">@if($location->id == 3) Appel @else Anrufen @endif</button>
                </div>
            </div>
            </div>

            
            <!-- Expanded Area -->
            <div class="description">

                <div class="expanded">

                    <div class="expanded-left">

                        <div class="main-image">
                            <img src="{{ $product['image'] }}">
                        </div>
                        <div class="thumbs">
                            @foreach ($product['formattedNames'] as $img)
                                <img src="{{ $img }}" class="thumb">
                            @endforeach
                        </div>
                    </div>

                    

                    <div class="expanded-right">

                        <h3 class="expanded-title">{{ $product['brand'] }} {{ $product['title'] }}</h3>
                        <div class="expanded-info">
                            <ul class="spec-list">
                                <li>@if($location->id == 3) Lecture du compteur kilométrique @else Tachostand @endif: {{ $product['km'] }} KM</li>
                                <li>@if($location->id == 3) Performance @else Leistung @endif: {{ $product['power'] }} kW</li>
                                <li>@if($location->id == 3) Année @else Jahr @endif: {{ $product['year'] }}</li>
                                <li>@if($location->id == 3) Condition @else Zustand @endif: {{ $product['vehicle_type'] }}</li>
                            </ul>
                            <div class="expanded-price">

                                <div class="finance-price">
                                    {!! $product['finance_price'] !!}
                                </div>

                                <div class="main-price">
                                    {!! $product['price'] !!}
                                </div>
                                
                            </div>
                        </div> 
                        <div class="expanded-buttons">        
                        <!-- contact form here -->
                            @if($location->show_form == 1)

                                <form class="contact-form ajax-contact-form" data-product="{{ $product['id'] }}">
                                    @csrf

                                    <input type="hidden" name="api_location_id" value="{{$location->id}}">
                                    <input type="hidden" name="vehicle_id" value="{{$product['id']}}">

                                    <input type="text" name="name" placeholder="Name" required>
                                    <input type="text" name="phone" placeholder="Telefon" required>
                                    <input type="email" name="email" placeholder="Email" required>
                                    <textarea name="message" placeholder="Nachricht" required></textarea>

                                    <div class="form-buttons">
                                        @if($location->phone_button == 1)
                                            <a href="tel:{{ $location->phone }}" class="btn primary">@if($location->id == 3) Appel @else Anrufen @endif</a>
                                        @endif

                                        <button type="submit" class="btn primary">@if($location->id == 3) Envoyer @else Senden @endif</button>
                                    </div>

                                    <div class="form-response"></div>
                                </form>

                            @endif

                            @if($location->show_form == 0 && $location->phone_button == 1)

                                <div class="form-buttons">
                                    <a href="tel:{{ $location->phone }}" class="btn primary">Anrufen</a>
                                </div>

                            @endif
                        </div>   
                    </div>

                </div>

            </div>

        </div>
    @endforeach
    <div class="pagination-wrap">
            {{ $products->links('embed.pagination') }}
        </div>
    @if($location->website_link == 0)
    <div class="footer_text">{!! $location->marketing_text !!}</div>
    @endif