{# app/templates/storefront/errors/429.html #}
{# 429 Too Many Requests error page - rate limiting #}
{% extends "storefront/errors/base.html" %}

{% block icon %}⏱️{% endblock %}

{% block title %}429 - Please Slow Down{% endblock %}

{% block extra_content %}
{% if details and details.retry_after %}
<div class="my-6 p-4 bg-amber-50 rounded-xl">
    <p class="text-amber-800 font-semibold">
        Please wait {{ details.retry_after }} seconds
    </p>
</div>
{% endif %}
{% endblock %}

{% block action_buttons %}
<a href="javascript:location.reload()"
   class="inline-flex items-center px-8 py-4 rounded-xl font-semibold text-white bg-theme-primary hover:opacity-90 hover:-translate-y-0.5 transition-all shadow-lg">
    Try Again
</a>
<a href="{{ base_url }}"
   class="inline-flex items-center px-8 py-4 rounded-xl font-semibold text-theme-primary border-2 border-theme-primary hover:bg-theme-primary hover:text-white hover:-translate-y-0.5 transition-all">
    Go to Home
</a>
{% endblock %}

{% block support_link %}
Questions? <a href="{{ base_url }}contact" class="text-theme-primary font-semibold hover:underline">Contact us</a>
{% endblock %}