{% extends "base.html" %}
{% block title %}Inspection Report Not Available - {{ settings.company_name }}{% endblock %}

{% block content %}
<div class="mx-auto max-w-2xl px-4 py-16 sm:px-6 lg:px-8 text-center">
  <div class="rounded-2xl border border-zinc-200 bg-white p-8 shadow-sm">
    <h1 class="text-2xl font-black text-zinc-950">Inspection Report Not Available</h1>
    <p class="mt-4 text-zinc-600">This inspection report is not currently available. It may be pending shop review or has been withdrawn.</p>
    <div class="mt-8 flex items-center justify-center gap-4">
      <a href="{{ url_for('home', lang=current_lang) }}" class="rounded-xl bg-zinc-950 px-5 py-3 text-sm font-black text-white transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-zinc-400 focus:ring-offset-2">
        Back to Home
      </a>
      <a href="{{ url_for('contact', lang=current_lang) }}" class="rounded-xl border border-zinc-300 px-5 py-3 text-sm font-black text-zinc-950 transition hover:bg-zinc-100 focus:outline-none focus:ring-2 focus:ring-zinc-400 focus:ring-offset-2">
        Contact Us
      </a>
    </div>
  </div>
</div>
{% endblock %}