@extends('frontend.layouts.app')
@section('style')
    @include('frontend.pages.export_investment.css')
@endsection
@section('content')
    <br>
    <br>
    <br>
    <br>
    <section class="export-invest-container">
        <div class="export-invest-header">
            <h1>التصدير والاستثمار</h1>
            <p>قم بتوسيع نشاطك التجاري إلى الخارج واكتشف فرص التمويل أو الشراكات الجديدة – كل ما تحتاجه لتوسيع نطاق عمل
                منشأتك على المستوى العالمي.</p>
        </div>

        <!-- قسم التصدير -->
        <div class="export-section">
            <h2><i class="fa fa-file-export"></i> نافذة التصدير</h2>
            <p>قم بإدارة طلبات التصدير، ووثائق الشحن، ونماذج الامتثال. يمكنك أيضًا إنشاء مشاريع تصدير جديدة لتوسيع عملك خارج
                حدود السوق المحلي.</p>

            <button class="new-request-btn">
                + طلب تصدير جديد
            </button>

            <table class="export-table" style="margin-top:1rem;">
                <thead>
                    <tr>
                        <th>رقم الطلب</th>
                        <th>الوجهة</th>
                        <th>الحالة</th>
                        <th>الوثائق</th>
                        <th>الإجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>#EXP-0012</td>
                        <td>الإمارات</td>
                        <td>قيد المراجعة</td>
                        <td><button class="btn-export-action">عرض</button></td>
                        <td><button class="btn-export-action">تحرير</button></td>
                    </tr>
                    <tr>
                        <td>#EXP-0013</td>
                        <td>عُمان</td>
                        <td>الشحن</td>
                        <td><button class="btn-export-action">عرض</button>
                        </td>
                        <td><button class="btn-export-action">تحرير</button></td>
                    </tr>
                    <tr>
                        <td>#EXP-0014</td>
                        <td>الكويت</td>
                        <td>مكتمل</td>
                        <td><button class="btn-export-action">عرض</button>
                        </td>
                        <td><button class="btn-export-action">تحرير</button></td>
                    </tr>
                    <!-- يمكن إضافة المزيد من الصفوف حسب الحاجة -->
                </tbody>
            </table>
        </div>

        <!-- قسم الاستثمار -->
        <div class="investment-section">
            <h2><i class="fa fa-hand-holding-dollar"></i> فرص الاستثمار</h2>
            <p>استعرض فرص المستثمرين أو خيارات التمويل التي تتناسب مع مرحلة ونشاط عملك. يمكنك استخدام التصفية حسب النوع (رأس
                المال الاستثماري، المستثمرون الملائكيون، القروض، التمويل الجماعي) لتضييق نطاق البحث.</p>

            <div class="filter-funding">
                <label style="font-weight:600;">فلترة نوع التمويل:</label>
                <select onchange="alert('جارٍ تصفية نوع التمويل');">
                    <option value="">كل أنواع التمويل</option>
                    <option value="VC">صناديق رأس المال الاستثماري</option>
                    <option value="Angel">المستثمرون الملائكيون</option>
                    <option value="Loan">القروض</option>
                    <option value="Crowdfunding">التمويل الجماعي</option>
                </select>
            </div>

            <div class="investment-grid">
                <!-- بطاقة استثمار #1 -->
                <div class="invest-card">
                    <h4>صناديق التقنية السعودية</h4>
                    <p>صندوق متخصص للاستثمار في الشركات الناشئة التقنية في المملكة ومنطقة الشرق الأوسط.</p>
                    <div class="invest-meta">نوع التمويل: رأس مال استثماري</div>
                    <button class="btn-apply">قدّم الطلب</button>
                </div>
                <!-- بطاقة استثمار #2 -->
                <div class="invest-card">
                    <h4>شبكة المستثمرين الخليجيين</h4>
                    <p>مجموعة خاصة من المستثمرين الملائكيين تبحث عن فرص مبتكرة ذات إمكانيات عالية.</p>
                    <div class="invest-meta">نوع التمويل: مستثمر ملائكي</div>
                    <button class="btn-apply">قدّم الطلب</button>
                </div>
                <!-- بطاقة استثمار #3 -->
                <div class="invest-card">
                    <h4>برنامج القروض للمنشآت</h4>
                    <p>قروض مدعومة من الحكومة بفوائد منخفضة، مثالية للمنشآت الصغيرة والمتوسطة التي تسعى للتوسع بسرعة.</p>
                    <div class="invest-meta">نوع التمويل: قرض</div>
                    <button class="btn-apply">قدّم الطلب</button>
                </div>
                <!-- بطاقة استثمار #4 -->
                <div class="invest-card">
                    <h4>التمويل الجماعي</h4>
                    <p>منصة رائدة لتمويل المشاريع عبر بيع الأسهم المصغرة، قدّم فكرتك لمجموعة من المستثمرين.</p>
                    <div class="invest-meta">نوع التمويل: تمويل جماعي</div>
                    <button class="btn-apply">قدّم الطلب</button>
                </div>
                <!-- يمكن إضافة المزيد من البطاقات حسب الحاجة -->
            </div>
        </div>
    </section>
@endsection