{% extends "base.html" %}

{% block content %}
<section class="section-shell success-shell">
  <div class="container">
    <div class="glass-panel success-card mx-auto">
      <span class="eyebrow">Vielen Dank</span>
      <h1 class="page-title">Ihre Anfrage ist eingegangen.</h1>
      <p class="page-copy">Das Team von {{ store_name }} meldet sich so schnell wie möglich bei Ihnen.</p>
      {% if inquiry %}
      <div class="success-summary text-start">
        <div><strong>Kontakt:</strong> {{ inquiry.name }}</div>
        <div><strong>Rückmeldung via:</strong> {{ inquiry.get_preferred_contact_method_display }}</div>
        <div><strong>Produkt:</strong> {% if inquiry.product %}{{ inquiry.product.name }}{% else %}Allgemeine Beratung{% endif %}</div>
      </div>
      {% endif %}
      <div class="d-flex flex-wrap justify-content-center gap-3 mt-4">
        <a class="btn btn-brand btn-lg" href="{% url 'catalog' %}">Zurück zum Katalog</a>
        <a class="btn btn-ghost btn-lg" href="tel:{{ store_phone_link }}">Direkt anrufen</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}