{% extends 'base.html' %}

{% block content %}
<div class="container my-4">
    <div class="text-center mb-4">
        <h2 class="fw-bold text-danger"><i class="fa-solid fa-fire me-2"></i>عروض ووجبات اليوم المميزة</h2>
        <p class="text-muted">استمتع بأقوى العروض والخصومات الحصرية المتاحة لفترة محدودة</p>
    </div>

    <div class="row g-4">
        {% for offer in offers %}
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm border-0 h-100">
                <img src="{{ url_for('static', filename='uploads/' + offer.image_name) }}" class="card-img-top rounded" style="height: 250px; object-fit: cover;" alt="صورة العرض">
                <div class="card-body text-center">
                    <a href="{{ url_for('create_order') }}" class="btn btn-danger w-100 fw-bold">
                        <i class="fa-solid fa-cart-shopping me-1"></i> اطلب العرض الآن
                    </a>
                </div>
            </div>
        </div>
        {% else %}
        <div class="col-12 text-center py-5">
            <div class="alert alert-warning fs-5" role="alert">
                <i class="fa-solid fa-triangle-exclamation me-2"></i>لا توجد عروض مضافة حالياً، ترقبونا قريباً!
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}