@php
    // Same criteria as the guest list: newest approved first. approved_at lives on the
    // ticket, so it is read through the saleTicket() relation with withMax(), using
    // created_at as a tiebreaker. Unlike blogs, used machines have no division
    // relation, so this listing is global.
    $machines = \App\Models\SaleUsedMachine::with(['mainImage', 'saleTicket'])
        ->where('is_published', true)
        ->withMax('saleTicket', 'approved_at')
        ->orderByDesc('sale_ticket_max_approved_at')
        ->latest()
        ->limit(6)
        ->get();
@endphp

@if ($machines->isNotEmpty())
    <section class="products-section section">
        <div class="pattern-layer" style="background-image:url({{ asset('images/background/pattern-5.png') }})"></div>
        <div class="pattern-layer-two" style="background-image:url({{ asset('images/background/pattern-9.png') }})"></div>
        <div class="pattern-layer-three" style="background-image:url({{ asset('images/background/pattern-7.png') }})"></div>
        <div class="auto-container">
            <div class="products-carousel owl-carousel owl-theme">
                @foreach ($machines as $machine)
                    <div class="product-block">
                        <div class="card border-0 shadow-sm rounded-4 overflow-hidden transition-hover h-100">
                            <div class="position-relative overflow-hidden">
                                <a href="{{ route('guest.sale-used-machines.detail', $machine->id) }}">
                                    <x-used-machine.image :path="$machine->mainImage?->media_path"
                                        :alt="$machine->brand . ' ' . $machine->model" />
                                </a>

                                {{-- Ticket ID --}}
                                <div class="position-absolute" style="top: 15px; left: 15px;">
                                    <span class="badge rounded-pill px-3 py-2 text-white fw-bold shadow-sm"
                                        style="background-color: #212529; font-size: 0.85rem;">
                                        #{{ $machine->sale_ticket_id }}
                                    </span>
                                </div>

                                {{-- Status --}}
                                @php $isSold = $machine->saleTicket?->status === \App\Enums\SaleTicketStatusEnum::SOLD; @endphp
                                <div class="position-absolute" style="top: 15px; right: 15px;">
                                    <span
                                        class="badge badge-{{ $isSold ? 'warning' : 'success' }} rounded-pill px-3 py-2 shadow-sm {{ $isSold ? 'text-dark' : 'text-white' }}"
                                        style="font-size: 0.85rem;">
                                        {{ $isSold ? __('Sold') : __('Available') }}
                                    </span>
                                </div>

                                {{-- Year --}}
                                <div class="position-absolute" style="bottom: 15px; left: 15px;">
                                    <span class="badge rounded-pill px-3 py-2 text-white fw-bold shadow-sm"
                                        style="background-color: #212529; font-size: 0.85rem;">
                                        {{ $machine->year ?? __('N/A') }}
                                    </span>
                                </div>
                            </div>

                            <div class="card-body p-4 d-flex flex-column text-center">
                                <div class="mb-2">
                                    <span class="um-brand text-success small fw-bold text-uppercase tracking-widest"
                                        title="{{ $machine->brand }}">{{ $machine->brand }}</span>
                                </div>
                                <h4 class="um-model h5 fw-bold mb-4 text-dark flex-grow-1"
                                    title="{{ $machine->model }}">
                                    {{ $machine->model }}
                                </h4>

                                <div class="mt-auto pt-2">
                                    <a href="{{ route('guest.sale-used-machines.detail', $machine->id) }}"
                                        class="btn btn-success rounded-pill py-2 w-100 fw-bold shadow-sm hover-up">
                                        {{ __('View details') }} <i class="ti ti-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endif