{% extends "layouts/public_base.html" %}
{% load i18n %}

{% block title %}{% trans "Response Submitted" %}{% endblock %}

{% block content %}
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 py-12 px-4">
    <div class="max-w-2xl mx-auto">
        <div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 text-center">
            <div class="w-16 h-16 bg-emerald-100 rounded-full flex items-center justify-center mx-auto mb-4">
                <i data-lucide="check-circle" class="w-8 h-8 text-emerald-600"></i>
            </div>
            <h1 class="text-2xl font-bold text-navy mb-2">{% trans "Response Submitted" %}</h1>
            <p class="text-slate-500 mb-6">{% trans "Thank you for your response to observation" %} {{ observation.tracking_code }}.</p>
            <p class="text-sm text-slate-400">{% trans "The PX team will review your response." %}</p>
        </div>
    </div>
</div>
{% endblock %}