@extends('layouts.app_rtl')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/packages_rtl.css') }}">
@endpush

@section('content')
<section class="section-space pt-4" id="package-plans">
    <div class="main-container">
        <div class="panel-shell scroll-load">
        <div class="section-head">
            <span class="section-kicker"><i class="fa-solid fa-layer-group"></i> الباقات</span>
            <h2>اختاري الباقة الأنسب لاحتياجات منزلك</h2>
            <p>ثلاثة مسارات واضحة مع تركيز أكبر على السعر، مصدر المرشحة، التكلفة الشهرية، سرعة الوصول، وسهولة اتخاذ القرار.</p>
        </div>

        <div class="pricing-grid-creative">
            <div class="pricing-creative-card theme-private">
                <div class="card-top">
                    <h3>الكفالة العائلية</h3>
                </div>

                <div class="pricing-core">
                    <ul class="simple-pricing-list simple-pricing-list--tall">
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <img class="simple-price-thumb" src="https://flagcdn.com/w40/et.png" alt="علم إثيوبيا">
                                <span class="simple-price-country">إثيوبيا</span>
                            </div>
                            <div class="simple-price-right">AED 4,999 <span class="muted-suffix">/ دفعة واحدة</span></div>
                        </li>
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <img class="simple-price-thumb" src="https://flagcdn.com/w40/ug.png" alt="علم أوغندا">
                                <span class="simple-price-country">أوغندا</span>
                            </div>
                            <div class="simple-price-right">AED 5,999 <span class="muted-suffix">/ دفعة واحدة</span></div>
                        </li>
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <img class="simple-price-thumb" src="https://flagcdn.com/w40/ph.png" alt="علم الفلبين">
                                <span class="simple-price-country">الفلبين</span>
                            </div>
                            <div class="simple-price-right">AED 10,999 <span class="muted-suffix">/ دفعة واحدة</span></div>
                        </li>
                    </ul>

                    <div class="company-benefits-wrap">
                        <div class="company-table-wrap company-compare-wrap">
                            <table class="company-package-table company-compare-table">
                                <thead>
                                    <tr>
                                        <th class="compare-feature-col">الميزة</th>
                                        <th class="ready-col">التوظيف من الإمارات</th>
                                        <th class="overseas-col">استقدام من الخارج</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="compare-feature">إمكانية التوظيف في نفس اليوم</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i><span class="visually-hidden">لا</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">عقد لمدة سنتين</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">اختيار المرشحات من داخل الدولة أو من الخارج</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">مقابلة عبر الاتصال أو الفيديو في أي وقت</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">ننجز الأوراق والإجراءات عنك</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">ضمان استبدال أو استرجاع نقدي حسب الشروط</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">معالجة الجنسيات الأفريقية خلال 10 إلى 15 يومًا</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">معالجة الفلبين خلال 25 إلى 30 يومًا</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <a href="{{ route('ar.candidates.profiles') }}?source=uae" class="action-wide action-uae">
                            <i class="fa-solid fa-location-dot"></i>
                            <span>التوظيف من داخل الدولة</span>
                        </a>
                        <a href="{{ route('ar.candidates.profiles') }}?source=overseas" class="action-wide action-overseas">
                            <i class="fa-solid fa-earth-asia"></i>
                            <span>ملفات من الخارج</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="pricing-creative-card theme-company featured">
                <div class="card-top">
                    <h3>كفالة الشركة (تدبير)</h3>
                </div>

                <div class="pricing-core company-core">
                    <div class="company-table-wrap">
                        <table class="company-package-table">
                            <thead>
                                <tr>
                                    <th>الجنسية</th>
                                    <th class="ready-col">جاهزة داخل الدولة</th>
                                    <th class="overseas-col">استقدام من الخارج</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="country-name">
                                        <div class="country-inline country-inline-pair-stacked">
                                            <div class="country-pair-stack">
                                                <div class="country-pair-row">
                                                    <img src="https://flagcdn.com/w80/et.png" alt="علم إثيوبيا">
                                                    <span class="country-pair-name">إثيوبيا</span>
                                                </div>
                                                <span class="country-pair-join" aria-hidden="true">و</span>
                                                <div class="country-pair-row">
                                                    <img src="https://flagcdn.com/w80/ug.png" alt="علم أوغندا">
                                                    <span class="country-pair-name">أوغندا</span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="price-cell price-cell-ready">
                                        <div class="price-main">
                                            <span class="price-value">AED 2600</span>
                                            <span class="price-unit">/ شهريًا</span>
                                        </div>
                                    </td>
                                    <td class="price-cell price-cell-overseas">
                                        <div class="overseas-cell-stack">
                                            <div class="overseas-cell-main">
                                                <div class="overseas-cell-price">
                                                    <span class="price-value">AED 2300</span>
                                                    <span class="price-unit">/ شهريًا</span>
                                                </div>
                                                <p class="overseas-arrival-line">
                                                    <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                                    <span>Arrival in 10 - 15 days</span>
                                                </p>
                                            </div>
                                            <span class="overseas-save-tag overseas-save-tag--orange">
                                                <span class="overseas-save-tag__punch" aria-hidden="true"></span>
                                                <span class="overseas-save-tag__inner overseas-save-tag__inner--btu">
                                                    <span class="overseas-save-tag__value">AED 300</span>
                                                    <span class="overseas-save-tag__label">Save</span>
                                                </span>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="country-name">
                                        <div class="country-inline">
                                            <img src="https://flagcdn.com/w80/ph.png" alt="علم الفلبين">
                                            <span>الفلبين</span>
                                        </div>
                                    </td>
                                    <td class="price-cell price-cell-ready">
                                        <div class="price-main">
                                            <span class="price-value">AED 3700</span>
                                            <span class="price-unit">/ شهريًا</span>
                                        </div>
                                    </td>
                                    <td class="price-cell price-cell-overseas">
                                        <div class="overseas-cell-stack">
                                            <div class="overseas-cell-main">
                                                <div class="overseas-cell-price">
                                                    <span class="price-value">AED 3500</span>
                                                    <span class="price-unit">/ شهريًا</span>
                                                </div>
                                                <p class="overseas-arrival-line">
                                                    <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                                    <span>Arrival in 20 - 25 days</span>
                                                </p>
                                            </div>
                                            <span class="overseas-save-tag overseas-save-tag--violet">
                                                <span class="overseas-save-tag__punch" aria-hidden="true"></span>
                                                <span class="overseas-save-tag__inner overseas-save-tag__inner--btu">
                                                    <span class="overseas-save-tag__value">AED 200</span>
                                                    <span class="overseas-save-tag__label">Save</span>
                                                </span>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="company-mobile-list">
                        <div class="company-mobile-item">
                            <div class="company-mobile-head company-mobile-head-stack">
                                <div class="company-mobile-flag-stack">
                                    <div class="country-pair-row">
                                        <img src="https://flagcdn.com/w80/et.png" alt="علم إثيوبيا">
                                        <span class="country-pair-name">إثيوبيا</span>
                                    </div>
                                    <span class="country-pair-join" aria-hidden="true">و</span>
                                    <div class="country-pair-row">
                                        <img src="https://flagcdn.com/w80/ug.png" alt="علم أوغندا">
                                        <span class="country-pair-name">أوغندا</span>
                                    </div>
                                </div>
                            </div>
                            <div class="company-mobile-body">
                                <div class="company-mobile-col">
                                    <span class="company-mobile-label">جاهزة داخل الدولة</span>
                                    <div class="company-mobile-price">AED 2600 / Mon</div>
                                </div>
                                <div class="company-mobile-col overseas">
                                    <span class="company-mobile-label">استقدام من الخارج</span>
                                    <div class="company-mobile-price">AED 2300 / Mon</div>
                                    <p class="overseas-arrival-line overseas-arrival-line--mobile">
                                        <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                        <span>Arrival in 10 - 15 days</span>
                                    </p>
                                    <span class="overseas-save-tag overseas-save-tag--orange overseas-save-tag--sm">
                                        <span class="overseas-save-tag__punch" aria-hidden="true"></span>
                                        <span class="overseas-save-tag__inner overseas-save-tag__inner--btu">
                                            <span class="overseas-save-tag__value">AED 300</span>
                                            <span class="overseas-save-tag__label">Save</span>
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="company-mobile-item">
                            <div class="company-mobile-head">
                                <img src="https://flagcdn.com/w80/ph.png" alt="علم الفلبين">
                                <span>الفلبين</span>
                            </div>
                            <div class="company-mobile-body">
                                <div class="company-mobile-col">
                                    <span class="company-mobile-label">جاهزة داخل الدولة</span>
                                    <div class="company-mobile-price">AED 3700 / Mon</div>
                                </div>
                                <div class="company-mobile-col overseas">
                                    <span class="company-mobile-label">استقدام من الخارج</span>
                                    <div class="company-mobile-price">AED 3500 / Mon</div>
                                    <p class="overseas-arrival-line overseas-arrival-line--mobile">
                                        <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                        <span>Arrival in 20 - 25 days</span>
                                    </p>
                                    <span class="overseas-save-tag overseas-save-tag--violet overseas-save-tag--sm">
                                        <span class="overseas-save-tag__punch" aria-hidden="true"></span>
                                        <span class="overseas-save-tag__inner overseas-save-tag__inner--btu">
                                            <span class="overseas-save-tag__value">AED 200</span>
                                            <span class="overseas-save-tag__label">Save</span>
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="company-benefits-wrap">
                        <div class="company-table-wrap company-compare-wrap">
                            <table class="company-package-table company-compare-table">
                                <thead>
                                    <tr>
                                        <th class="compare-feature-col">الميزة</th>
                                        <th class="ready-col">التوظيف من الإمارات</th>
                                        <th class="overseas-col">استقدام من الخارج</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="compare-feature">إمكانية التوظيف في نفس اليوم</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i><span class="visually-hidden">لا</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">مقابلة اتصال أو فيديو في أي وقت</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">مدة عقد مرنة</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">استبدال غير محدود</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">إلغاء في أي وقت</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">دعم 24/7</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">فحص طبي وإقامة سارية</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">تدريب موثق بشهادات</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">بدون أوراق</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i><span class="visually-hidden">لا</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">مرشحات من إثيوبيا وأوغندا والفلبين</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <a href="{{ route('ar.candidates.profiles') }}?source=uae" class="action-wide action-uae">
                            <i class="fa-solid fa-location-dot"></i>
                            <span>التوظيف من داخل الدولة</span>
                        </a>
                        <a href="{{ route('ar.candidates.profiles') }}?source=overseas" class="action-wide action-overseas">
                            <i class="fa-solid fa-earth-asia"></i>
                            <span>ملفات من الخارج</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="pricing-creative-card theme-visa">
                <div class="card-top">
                    <h3>تأشيرة خادمة / مربية</h3>
                </div>

                <div class="pricing-core">
                    <ul class="simple-pricing-list">
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <span class="simple-price-thumb d-inline-flex align-items-center justify-content-center">
                                    <i class="fa-solid fa-file-invoice-dollar" style="font-size:12px;color:#3566a8"></i>
                                </span>
                                <span class="simple-price-country">رسوم الخدمة</span>
                            </div>
                            <div class="simple-price-right">AED 7,999 <span class="muted-suffix">/ دفعة واحدة</span></div>
                        </li>
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <span class="simple-price-thumb d-inline-flex align-items-center justify-content-center">
                                    <i class="fa-solid fa-calendar-check" style="font-size:12px;color:#3566a8"></i>
                                </span>
                                <span class="simple-price-country">الرسوم الشهرية</span>
                            </div>
                            <div class="simple-price-right">AED 160 <span class="muted-suffix">/ شهريًا</span></div>
                        </li>
                    </ul>

                    <div class="company-benefits-wrap">
                        <div class="company-table-wrap company-compare-wrap">
                            <table class="company-package-table company-compare-table">
                                <thead>
                                    <tr>
                                        <th class="compare-feature-col">الميزة</th>
                                        <th class="ready-col">التوظيف من الإمارات</th>
                                        <th class="overseas-col">استقدام من الخارج</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="compare-feature">استشارة مجانية</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">إقامة لمدة سنتين</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">تأمين طبي لمدة سنتين</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">إمكانية التقديم أونلاين</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">إنجاز خلال 7 أيام عمل</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">بدون أوراق</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">خدمة معاملات متكاملة</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">حساب وبطاقة WPS</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">توصيل مجاني للمستندات</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                    <tr>
                                        <td class="compare-feature">دعم سريع لإكمال التأشيرة بسلاسة</td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                        <td class="compare-icon-cell"><i class="fa-solid fa-check compare-yes" aria-hidden="true"></i><span class="visually-hidden">نعم</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <div class="packages-call-strip-pair">
                            <a href="tel:80032332" class="strip-box strip-blue interactive mobile-only" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%)"><i class="fa-solid fa-phone"></i><span>اتصل بنا</span></a>
                            <a href="#" class="strip-box strip-blue interactive desktop-only callback-trigger" data-bs-toggle="modal" data-bs-target="#callbackModal" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%);"><i class="fa-solid fa-phone-volume"></i><span>اتصلي بي لاحقاً</span></a>
                        </div>
                        <a href="https://wa.me/97180032332?text=Hello%2C%20I%20want%20to%20apply%20for%20maid%20or%20nanny%20visa." class="action-wide action-wa">
                            <i class="fa-brands fa-whatsapp"></i>
                            <span>قدّم الآن</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="text-center mt-4">
            <a href="#compare-packages" class="btn-main btn-primary-alt"><i class="fa-solid fa-table-columns"></i>مقارنة الباقات الثلاث</a>
        </div>
        </div>
    </div>
</section>

<section class="section-space pt-0">
    <div class="main-container">
        <div class="cta-band">
            <h2>هل تحتاج مساعدة في اختيار الباقة المناسبة؟</h2>
            <p>فريقنا يساعدك في فهم الكفالة العائلية أو كفالة الشركة أو خدمة تأشيرة الخادمة والمربية، ويوجهك إلى الخيار الأنسب بسرعة ووضوح.</p>
            <div class="cta-band-actions">
                <div class="packages-call-strip-pair">
                    <a href="tel:80032332" class="strip-box strip-blue interactive mobile-only" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%)"><i class="fa-solid fa-phone"></i><span>اتصل بنا</span></a>
                    <a href="#" class="strip-box strip-blue interactive desktop-only callback-trigger" data-bs-toggle="modal" data-bs-target="#callbackModal" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%);"><i class="fa-solid fa-phone-volume"></i><span>اتصلي بي لاحقاً</span></a>
                </div>
                <a href="https://wa.me/97180032332?text=Hello%2C%20I%20need%20help%20choosing%20the%20right%20maid%20package." class="btn-main btn-whatsapp"><i class="fa-brands fa-whatsapp"></i>راسلنا عبر واتساب</a>
                <a href="#contact-section" class="btn-outline"><i class="fa-solid fa-envelope-open-text"></i>إرسال استفسار</a>
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="faq">
    <div class="main-container">
        <div class="panel-shell scroll-load">
        <div class="section-head">
            <span class="section-kicker"><i class="fa-solid fa-circle-question"></i> الأسئلة الشائعة</span>
            <h2>الأسئلة الشائعة حول الباقات</h2>
            <p>إجابات بسيطة وواضحة حول الكفالة والأسعار والدعم وكيفية اختيار الباقة المناسبة.</p>
        </div>

        <div class="accordion" id="faqAccordion">
            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faqOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="true" aria-controls="faqCollapseOne">
                            ما الفرق بين الكفالة العائلية وكفالة الشركة؟
                        </button>
                    </h2>
                    <div id="faqCollapseOne" class="accordion-collapse collapse show" aria-labelledby="faqOne" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            في الكفالة العائلية تكون الكفالة مباشرة باسمك مع دعمنا الكامل في الاختيار والمعاملات. أما في كفالة الشركة فتتولى الشركة الكفالة وتمنحك إدارة أسهل وأوراقًا أقل.
                        </div>
                    </div>
                </div>
            </div>

            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faqTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo">
                            أي باقة مناسبة إذا كنت أريد أوراقًا أقل؟
                        </button>
                    </h2>
                    <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqTwo" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            باقة كفالة الشركة هي الأنسب إذا كنت تبحث عن أوراق أقل، لأنها توفر تجربة أسهل مع صفر أوراق ومرونة أعلى في الإدارة.
                        </div>
                    </div>
                </div>
            </div>

            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faqThree">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree">
                            كم تستغرق الإجراءات عادة؟
                        </button>
                    </h2>
                    <div id="faqCollapseThree" class="accordion-collapse collapse" aria-labelledby="faqThree" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            الكفالة العائلية تستغرق 10 إلى 15 يومًا للجنسيات الأفريقية و25 إلى 30 يومًا للفلبين. تأشيرة الخادمة أو المربية تُنجز خلال 7 أيام عمل. كما أن كفالة الشركة توفر خيارات جاهزة داخل الدولة في نفس اليوم.
                        </div>
                    </div>
                </div>
            </div>

            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faqFour">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour" aria-expanded="false" aria-controls="faqCollapseFour">
                            هل تشمل باقة التأشيرة التأمين وخدمة المعاملات؟
                        </button>
                    </h2>
                    <div id="faqCollapseFour" class="accordion-collapse collapse" aria-labelledby="faqFour" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            نعم، باقة التأشيرة تشمل التأمين الطبي لمدة سنتين، وخدمة معاملات متكاملة، وحساب وبطاقة WPS، وتوصيلًا مجانيًا للمستندات.
                        </div>
                    </div>
                </div>
            </div>

            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faqFive">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive" aria-expanded="false" aria-controls="faqCollapseFive">
                            كيف أحصل على دعم سريع بخصوص الباقات؟
                        </button>
                    </h2>
                    <div id="faqCollapseFive" class="accordion-collapse collapse" aria-labelledby="faqFive" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            يمكنك استخدام «اتصل بنا» أو واتساب أو عرض الملفات أو نموذج الاستفسار في الأسفل للحصول على أسرع دعم ممكن.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="contact-section">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="contact-title-wrap scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-headset"></i> تواصل معنا</span>
                <h2>{{ $homeContactUs?->heading_ar ?? 'اتصل بنا' }}</h2>
                <p style="font-size: 1.1rem;">{{ $homeContactUs?->content_ar ?? 'تحدث مع فريقنا بخصوص توظيف العاملات المنزليات والمربيات، الملفات الشخصية، خدمات التأشيرة، أو أي استفسار آخر.' }}</p>
            </div>

            <div class="contact-strip scroll-load" style="display: flex; gap: 14px;justify-content: center;">
                <a href="tel:80032332" class="strip-box strip-blue interactive mobile-only" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%)"><i class="fa-solid fa-phone"></i><span>اتصل بنا</span></a>
                <a href="#" class="strip-box strip-blue interactive desktop-only callback-trigger" data-bs-toggle="modal" data-bs-target="#callbackModal" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%);"><i class="fa-solid fa-phone-volume"></i><span>اتصلي بي لاحقاً</span></a>
                <a href="https://wa.me/97180032332?text=Hello%2C%20I%20need%20help%20with%20maid%20hiring%20or%20visa%20support." target="_blank" rel="noopener" class="strip-box strip-green interactive"><i class="fa-brands fa-whatsapp"></i><span>واتساب</span></a>
                <a href="https://www.google.com/maps/place/Alebdaa+Workers+Employment+Services+Center/@25.252939,55.3378645,17z/data=!3m1!4b1!4m6!3m5!1s0x3e5f5dbd5a3e933d:0x68ec4a5c2fcccd84!8m2!3d25.2529342!4d55.3404394!16s%2Fg%2F11txnkpfgv?hl=en-US&entry=ttu" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%)" target="_blank" rel="noopener" class="strip-box strip-blue interactive"><i class="fa-solid fa-location-dot"></i><span>عرض الموقع</span></a>
            </div>

            <div class="contact-wrap scroll-load">
                <div class="row g-0 align-items-stretch contact-layout">
                    <div class="col-lg-5 contact-col">
                        <div class="map-panel contact-panel">
                            <div class="contact-panel-head" style="margin-right: 15px; text-align: right;">
                                <h3>زوروا مكتبنا</h3>
                                <p style="font-size: 1.1rem;"><strong>مركز ألبدا للخدمات العمالية</strong> <br>مبنى سرايا أفينيو، <br>القسم ب - الطابق الأرضي<br> القرهود، دبي، الإمارات</p>
                            </div>

                            <div class="contact-points-compact d-none">
                                <a href="tel:80032332" class="contact-point contact-point-link interactive">
                                    <div class="point-icon"><i class="fa-solid fa-phone-volume"></i></div>
                                    <div class="contact-point-body">
                                        <h4>اتصال</h4>
                                        <span>80032332</span>
                                    </div>
                                </a>

                                <a href="https://wa.me/97180032332?text=Hello%2C%20I%20need%20help%20with%20maid%20hiring%20or%20visa%20support." target="_blank" rel="noopener" class="contact-point contact-point-link interactive">
                                    <div class="point-icon"><i class="fa-brands fa-whatsapp"></i></div>
                                    <div class="contact-point-body">
                                        <h4>واتساب</h4>
                                        <span>ابدأ المحادثة</span>
                                    </div>
                                </a>

                                <a href="mailto:info@the-maids.ae" class="contact-point contact-point-link interactive">
                                    <div class="point-icon"><i class="fa-solid fa-envelope"></i></div>
                                    <div class="contact-point-body">
                                        <h4>البريد الإلكتروني</h4>
                                        <span>info@the-maids.ae</span>
                                    </div>
                                </a>

                                <div class="contact-point interactive">
                                    <div class="point-icon"><i class="fa-solid fa-location-dot"></i></div>
                                    <div class="contact-point-body">
                                        <h4>العنوان</h4>
                                        <span>القرهود، دبي</span>
                                    </div>
                                </div>
                            </div>

                            <div class="map-embed interactive" style="min-height: 320px;">
                                <iframe src="https://www.openstreetmap.org/export/embed_rtl.html?bbox=55.1785%2C25.1423%2C55.3959%2C25.3119&amp;layer=mapnik&amp;marker=25.2048%2C55.2708" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-7 contact-col">
                        <div class="form-panel contact-panel">
                            <div class="form-panel-head">
                                <h3>أرسل استفسارك</h3>
                                <p style="font-size: 1.1rem;">اسألي عن التوظيف أو التأشيرة أو العاملات المقيمات أو أي خدمة منزلية تحتاجينها عبر هذا النموذج السريع.</p>
                            </div>

                            <form class="inquiry-form" method="POST" action="{{ route(($locale ?? 'en') === 'ar' ? 'ar.contact.inquiry' : 'contact.inquiry') }}">
                                @csrf
                                <input type="hidden" name="source_page" value="{{ request()->path() }}">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <input type="text" name="first_name" class="form-control interactive" placeholder="الاسم الأول" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" name="last_name" class="form-control interactive" placeholder="اسم العائلة">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="tel" name="mobile" class="form-control interactive" placeholder="رقم الهاتف" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="email" name="email" class="form-control interactive" placeholder="البريد الإلكتروني">
                                    </div>
                                    <div class="col-12">
                                        <textarea name="message" class="form-control interactive" placeholder="اكتب نوع الخدمة أو المعلومات التي تحتاجها"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <button type="submit" class="submit-btn btn-main interactive">
                                            <i class="fa-solid fa-paper-plane"></i>
                                            <span>إرسال الطلب</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

