28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
{% extends 'layouts/public_base.html' %}
|
|
{% load i18n %}
|
|
|
|
{% block title %}{% trans "Link Expired" %} - PX360{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="max-w-md mx-auto px-4 py-16 md:py-24">
|
|
<div class="glass-card rounded-2xl shadow-xl p-8 md:p-10 text-center animate-fade-in">
|
|
<div class="w-20 h-20 bg-gradient-to-br from-amber-100 to-amber-50 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-amber-200">
|
|
<i data-lucide="clock" class="w-10 h-10 text-amber-500"></i>
|
|
</div>
|
|
<h1 class="text-2xl font-bold text-navy mb-3">{% trans "Link Expired" %}</h1>
|
|
<p class="text-slate mb-8 leading-relaxed">{% trans "This complaint link has expired. Links are valid for 7 days. If you still need to submit a complaint, please contact the hospital directly." %}</p>
|
|
<a href="/"
|
|
class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-navy text-white font-bold rounded-xl hover:bg-blue transition-all duration-300 shadow-lg shadow-navy/20 hover:shadow-xl hover:-translate-y-0.5 btn-hover">
|
|
<i data-lucide="home" class="w-4 h-4"></i>
|
|
{% trans "Go Home" %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_js %}
|
|
<script>
|
|
lucide.createIcons();
|
|
</script>
|
|
{% endblock %}
|