{% extends "base.html" %}

{% block content %}
<div class="space-y-6" x-data="{ reportType: 'orders' }">

    <h2 class="text-2xl font-bold text-slate-800">گزارشات جامع</h2>

    <!-- Filters Bar -->
    <div class="win-card p-4">
        <form class="grid grid-cols-1 md:grid-cols-4 gap-4 items-end">
            <div>
                <label class="form-label">نوع گزارش</label>
                <select x-model="reportType" class="form-input">
                    <option value="orders">سفارشات تولید</option>
                    <option value="warehouse">گردش انبار</option>
                    <option value="finance">مالی</option>
                </select>
            </div>
            
            <div>
                <label class="form-label">از تاریخ</label>
                <input type="text" class="form-input date-picker-jalali" placeholder="انتخاب کنید...">
            </div>

            <div>
                <label class="form-label">تا تاریخ</label>
                <input type="text" class="form-input date-picker-jalali" placeholder="انتخاب کنید...">
            </div>

            <div>
                <button type="submit" class="btn-primary w-full justify-center">
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
                    مشاهده گزارش
                </button>
            </div>
        </form>
    </div>

    <!-- Results Area -->
    <div class="win-card">
        <div class="flex justify-between items-center mb-4">
            <h3 class="font-bold text-lg">نتایج جستجو</h3>
            <button class="btn-secondary text-green-700 border-green-200 bg-green-50 hover:bg-green-100">
                <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
                خروجی Excel
            </button>
        </div>

        <div class="bg-slate-50 border-2 border-dashed border-slate-200 rounded-lg p-10 text-center text-slate-400">
            <svg class="w-16 h-16 mx-auto mb-4 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
            <p>لطفا فیلترها را اعمال کنید تا نتایج نمایش داده شود</p>
        </div>
    </div>
</div>
{% endblock %}