{% extends "base.html" %}
{% block title %}{{ t('carfax_report_not_available', current_lang) }} - {{ 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">{{ t('carfax_report_not_available', current_lang) }}</h1>
    <p class="mt-4 text-zinc-600">{{ t('carfax_report_not_available_desc', current_lang) }}</p>
    <p class="mt-2 text-sm text-zinc-500"><span class="font-mono">{{ vin }}</span></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">
        {{ t('back_to_home', current_lang) }}
      </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">
        {{ t('contact_us_for_report', current_lang) }}
      </a>
    </div>
  </div>
</div>
{% endblock %}