@props([
  'title' => __('Check out our offer')  .' ' . __('of second-hand machinery') ,
    'subtitle' =>
        __('Discover high-quality used machinery from top global brands, thoroughly inspected and ready for your production line.'),
    'buttonText' => __('messages.order-now') ?? __('View Details'),
    'limit' => 6,
])

@php
    use App\Models\SaleUsedMachine;
    use Illuminate\Support\Facades\Storage;

    $machines = SaleUsedMachine::with('mainImage')->where('is_published', true)->latest()->take($limit)->get();
@endphp

<section class="products-section  my-5">
    <div class="pattern-layer" style="background-image:url(images/background/pattern-5.png)"></div>
    <div class="pattern-layer-two" style="background-image:url(images/background/pattern-9.png)"></div>
    <div class="pattern-layer-three" style="background-image:url(images/background/pattern-7.png)"></div>
    <div class="pattern-layer-four" style="background-image:url(images/background/pattern-8.png)"></div>
    <div class="pattern-layer-five" style="background-image:url(images/background/pattern-11.png)"></div>
    <div class="auto-container">
        <div class="sec-title centered">
            <div class="title text-title2 color-yellow1">{{ $title }}</div>
            <div class="px-5 d-flex justify-content-center">
                <h4 class="text-white w-50 h4 font-weight-bold text-center">{{ $subtitle }}</h4>
            </div>
        </div>

        <div class="products-carousel owl-carousel owl-theme">
            @forelse ($machines as $machine)
                <div class="product-block">
                    <div class="inner-box">
                        <div class="color-layer"></div>
                        <div class="image-box">
                            <div class="image">
                                <a href="{{ route('guest.sale-used-machines.detail', $machine->id) }}">
                                    <img src="{{ Storage::url($machine->mainImage->media_path ?? 'images/placeholders/machine-placeholder.png') }}"
                                        alt="{{ $machine->brand }} {{ $machine->model }}" />
                                </a>
                            </div>
                        </div>
                        <div class="lower-box clearfix mt-4 m-0">
                            <h4>
                                <a class="color-black1 text-capitalize"
                                    href="{{ route('guest.sale-used-machines.detail', $machine->id) }}">
                                    {{ $machine->brand }} {{ $machine->model }}
                                </a>
                            </h4>
                        </div>
                        <div class="btn-box text-center">
                            <a class="read-more bg-green3 text-uppercase"
                                href="{{ route('guest.sale-used-machines.detail', $machine->id) }}">
                                {{ $buttonText }} <span class="flaticon-next-3"></span>
                            </a>
                        </div>
                    </div>
                </div>
            @empty
                <div class="product-block text-center p-5 w-100">
                    <div class="inner-box">
                        <div class="lower-box clearfix mt-4 m-0">
                            <h4 class="color-black1">{{ __('No used machines available at the moment.') }}</h4>
                        </div>
                    </div>
                </div>
            @endforelse
        </div>
    </div>
</section>