@extends('layouts.app')
@section('title', 'الاستيراد والتصدير')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0 fw-bold">الاستيراد والتصدير</h4>
</div>

<div class="row">
    <!-- Export Section -->
    <div class="col-md-6 mb-4">
        <div class="card border-0 shadow-sm h-100" style="border-radius: 16px;">
            <div class="card-header bg-white border-bottom pt-4 pb-3 px-4">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-cloud-arrow-down text-success me-2"></i>تصدير البيانات (Export)</h5>
            </div>
            <div class="card-body p-4">
                <p class="text-muted mb-4">اختر الجدول الذي ترغب في استخراج بياناته ليتم تحميلها كملف CSV قابل للفتح على برنامج Excel.</p>
                
                <form action="{{ route('export.download') }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-bold">البيانات المراد تصديرها</label>
                        <select name="table" class="form-select bg-light" required>
                            <option value="shops">قائمة المحلات</option>
                            <option value="contracts">قائمة العقود</option>
                            <option value="payments">سجل الدفعات والتحصيلات</option>
                        </select>
                    </div>
                    
                    <button type="submit" class="btn btn-success rounded-pill px-4 shadow-sm w-100 mt-2">
                        <i class="fa-solid fa-file-csv me-2"></i>تصدير الآن
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Import Section (Placeholder) -->
    <div class="col-md-6 mb-4">
        <div class="card border-0 shadow-sm h-100 bg-light" style="border-radius: 16px;">
            <div class="card-header bg-light border-bottom pt-4 pb-3 px-4">
                <h5 class="mb-0 fw-bold text-muted"><i class="fa-solid fa-cloud-arrow-up text-secondary me-2"></i>استيراد البيانات (Import)</h5>
            </div>
            <div class="card-body p-4 text-center d-flex flex-column justify-content-center align-items-center">
                <i class="fa-solid fa-file-excel fa-3x text-muted mb-3 opacity-50"></i>
                <h6 class="fw-bold text-muted">ميزة الاستيراد قيد التطوير</h6>
                <p class="text-muted small mb-0">
                    قريباً ستتمكن من رفع ملفات Excel لإضافة المحلات والعقود دفعة واحدة إلى النظام.
                </p>
                <button class="btn btn-outline-secondary rounded-pill mt-3 px-4" disabled>
                    <i class="fa-solid fa-upload me-2"></i>اختر ملف
                </button>
            </div>
        </div>
    </div>
</div>

@endsection