@extends('layouts.public')

@section('title', 'Property No Longer Available — Agrawal Properties')

@push('head')
<meta name="robots" content="noindex">
@endpush

@section('content')
<section class="container py-5">
    @include('partials.site._breadcrumbs', ['crumbs' => [
        ['label' => 'Home', 'url' => route('public.home')],
        ['label' => 'This property is no longer available'],
    ]])

    <div class="mx-auto text-center" style="max-width:520px;">
        <span class="eyebrow">Status · Closed</span>
        <h1 class="fw-bold mt-2 mb-2" style="font-size:clamp(28px,3.6vw,40px);">This property is no longer available</h1>
        <p class="text-muted-2 mb-4">It may have been sold, rented out, or withdrawn from the register. Take a look at similar properties below, or tell us what you're after and we'll survey the market for you.</p>
        <div class="d-flex flex-wrap gap-2 justify-content-center">
            <a href="{{ route('public.properties.index') }}" class="btn btn-brand">Browse available properties</a>
            <button type="button" class="btn btn-ghost" data-contact="Set a requirement · Agrawal Properties">Set a requirement</button>
        </div>
    </div>
</section>

@include('partials.site._related-properties')
@endsection