@php
    $car_makes = \App\Models\Manufacturer::all()->random(3);
@endphp

<div class="w-100 pt-5 pb-3" style="background: #ffffff;">
    <a name="akcios_alkatresz" ></a>
    <div class="container">
        <div class="row">
            <div class="col d-flex justify-content-center text-center">
                <h2 style="color: #000000">Akciós autóalkatrészek</h2>
            </div>
        </div>
        <div class="row">

            @foreach ($car_makes as $car_make)
            @php
                $car_models = $car_make->car_models()->orderBy('ordinal_number', 'DESC')->get()->unique('short_name');
                $model_slug = $car_models[0]->slug;
                $product = $car_models[0]->products()->first();
            @endphp 
            
                <div class="col-12 col-xl-4 mt-3 d-flex justify-content-center" style="overflow: hidden;">
                    <div class="d-block width:345px;">
                        <div>
                            <a href="{{route('search.discount', [$car_make->slug, $model_slug])}}"> 
                                <img src="{{ $product?->photos()->first()?->image ?? 'https://loremflickr.com/345/400/car?random=' . rand(1,1000) }}" class="card-img-top" height="100%" alt="{{ $product?->part?->name }}">
                            </a>
                        </div>
                        <div class="d-flex justify-content-center" style="background: #000000;">
                            <a href="{{route('search.discount', [$car_make->slug, $model_slug])}}"> 
                                <h6 class="p-2 pt-3" style="color:#ffffff">Akciós {{$car_make->name}} {{$car_models[0]->short_name}} alkatrészek</h6> 
                            </a>
                        </div>
                    </div>                    
                </div>  
            
            @endforeach

        </div>
    </div>

    {{--
    <div class="d-flex justify-content-center mt-4">
        <button type="button" class="btn btn-primary mb-4 mb-lg-5" style="width:200px;">Még több akció</button>
    </div>
    --}}

</div>