@extends('layouts.app')
@section('title', 'Heavy Duty Machines')
@section('content')<main class="division-page"><section class="division-hero machinery-hero"><p class="eyebrow">JSP / 03</p><h1>Built for<br><span>the job.</span></h1><p>Heavy duty machines selected for dependable performance across construction, mining, and industrial sites.</p><a class="button" href="{{ route('heavy_machines.inquiry') }}">Request a quotation <span>↗</span></a></section><section class="listing-grid">@forelse ($machines as $machine)<a class="listing-card" href="{{ route('heavy_machines.show', $machine) }}"><div class="listing-image" style="background-image:url('{{ $machine->image_url ?? 'https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=900&q=80' }}')"></div><div><p class="eyebrow">{{ strtoupper($machine->availability ?? 'Available') }}</p><h2>{{ $machine->name }}</h2><p>{{ $machine->category }}</p></div></a>@empty<div class="empty-state"><p class="eyebrow">Inventory update</p><h2>Heavy duty machine listings are on the way.</h2><p>Tell us what you need and our team will source the right fit.</p></div>@endforelse</section></main>@endsection