<?php $__env->startPush('styles'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/packages.css')); ?>">
<?php $__env->stopPush(); ?>

<?php $__env->startSection('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> <?php echo e(data_get($packagesContent, 'head.kicker')); ?></span>
            <h2><?php echo e(data_get($packagesContent, 'head.h2')); ?></h2>
            <p><?php echo e(data_get($packagesContent, 'head.p')); ?></p>
        </div>

        <div class="pricing-grid-creative">
            <div class="pricing-creative-card theme-private">
                <div class="card-top">
                    <h3><?php echo e(data_get($packagesContent, 'family.title')); ?></h3>
                </div>

                <div class="pricing-core">
                    <ul class="simple-pricing-list simple-pricing-list--tall">
                        <?php $__currentLoopData = data_get($packagesContent, 'family.prices', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="simple-price-row">
                            <div class="simple-price-left">
                                <img class="simple-price-thumb" src="<?php echo e($row['flag'] ?? ''); ?>" alt="<?php echo e($row['flag_alt'] ?? ''); ?>">
                                <span class="simple-price-country"><?php echo e($row['country'] ?? ''); ?></span>
                            </div>
                            <div class="simple-price-right"><?php echo e($row['price'] ?? ''); ?> <span class="muted-suffix"><?php echo e($row['suffix'] ?? ''); ?></span></div>
                        </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </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"><?php echo e(data_get($packagesContent, 'family.compare.headers.0')); ?></th>
                                        <th class="ready-col"><?php echo e(data_get($packagesContent, 'family.compare.headers.1')); ?></th>
                                        <th class="overseas-col"><?php echo e(data_get($packagesContent, 'family.compare.headers.2')); ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php $__currentLoopData = data_get($packagesContent, 'family.compare.rows', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td class="compare-feature"><?php echo e($row['feature'] ?? ''); ?></td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['uae'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'family.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'family.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['overseas'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'family.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'family.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                    </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <a href="<?php echo e(data_get($packagesContent, 'family.actions.0.href')); ?>" class="action-wide action-uae">
                            <i class="fa-solid fa-location-dot"></i>
                            <span><?php echo e(data_get($packagesContent, 'family.actions.0.text')); ?></span>
                        </a>
                        <a href="<?php echo e(data_get($packagesContent, 'family.actions.1.href')); ?>" class="action-wide action-overseas">
                            <i class="fa-solid fa-earth-asia"></i>
                            <span><?php echo e(data_get($packagesContent, 'family.actions.1.text')); ?></span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="pricing-creative-card theme-company featured">
                <div class="card-top">
                    <h3><?php echo e(data_get($packagesContent, 'company.title')); ?></h3>
                </div>

                <div class="pricing-core company-core">
                    <div class="company-table-wrap">
                        <table class="company-package-table">
                            <thead>
                                <tr>
                                    <th><?php echo e(data_get($packagesContent, 'company.table_headers.0')); ?></th>
                                    <th class="ready-col"><?php echo e(data_get($packagesContent, 'company.table_headers.1')); ?></th>
                                    <th class="overseas-col"><?php echo e(data_get($packagesContent, 'company.table_headers.2')); ?></th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php $__currentLoopData = data_get($packagesContent, 'company.rows', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <tr>
                                    <td class="country-name">
                                        <?php if(($row['type'] ?? 'single') === 'pair'): ?>
                                            <div class="country-inline country-inline-pair-stacked">
                                                <div class="country-pair-stack">
                                                    <?php $__currentLoopData = ($row['countries'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ci => $cty): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="country-pair-row">
                                                            <img src="<?php echo e($cty['flag'] ?? ''); ?>" alt="<?php echo e($cty['flag_alt'] ?? ''); ?>">
                                                            <span class="country-pair-name"><?php echo e($cty['name'] ?? ''); ?></span>
                                                        </div>
                                                        <?php if($ci === 0): ?>
                                                            <span class="country-pair-join" aria-hidden="true"><?php echo e($row['pair_join'] ?? '&'); ?></span>
                                                        <?php endif; ?>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </div>
                                            </div>
                                        <?php else: ?>
                                            <div class="country-inline">
                                                <img src="<?php echo e(data_get($row, 'countries.0.flag')); ?>" alt="<?php echo e(data_get($row, 'countries.0.flag_alt')); ?>">
                                                <span><?php echo e(data_get($row, 'countries.0.name')); ?></span>
                                            </div>
                                        <?php endif; ?>
                                    </td>
                                    <td class="price-cell price-cell-ready">
                                        <div class="price-main">
                                            <span class="price-value"><?php echo e(data_get($row, 'ready.price')); ?></span>
                                            <span class="price-unit"><?php echo e(data_get($row, 'ready.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"><?php echo e(data_get($row, 'overseas.price')); ?></span>
                                                    <span class="price-unit"><?php echo e(data_get($row, 'overseas.unit')); ?></span>
                                                </div>
                                                <p class="overseas-arrival-line">
                                                    <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                                    <span><?php echo e(data_get($packagesContent, 'company.overseas_arrival_prefix')); ?> <?php echo e(data_get($row, 'overseas.arrival')); ?></span>
                                                </p>
                                            </div>
                                            <span class="overseas-save-tag overseas-save-tag--<?php echo e(data_get($row, 'overseas.save_theme', '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"><?php echo e(data_get($row, 'overseas.save_value')); ?></span>
                                                    <span class="overseas-save-tag__label"><?php echo e(data_get($packagesContent, 'company.save_label')); ?></span>
                                                </span>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>

                    <div class="company-mobile-list">
                        <?php $__currentLoopData = data_get($packagesContent, 'company.rows', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="company-mobile-item">
                            <?php if(($row['type'] ?? 'single') === 'pair'): ?>
                                <div class="company-mobile-head company-mobile-head-stack">
                                    <div class="company-mobile-flag-stack">
                                        <?php $__currentLoopData = ($row['countries'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ci => $cty): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="country-pair-row">
                                                <img src="<?php echo e($cty['flag'] ?? ''); ?>" alt="<?php echo e($cty['flag_alt'] ?? ''); ?>">
                                                <span class="country-pair-name"><?php echo e($cty['name'] ?? ''); ?></span>
                                            </div>
                                            <?php if($ci === 0): ?>
                                                <span class="country-pair-join" aria-hidden="true"><?php echo e($row['pair_join'] ?? '&'); ?></span>
                                            <?php endif; ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                            <?php else: ?>
                                <div class="company-mobile-head">
                                    <img src="<?php echo e(data_get($row, 'countries.0.flag')); ?>" alt="<?php echo e(data_get($row, 'countries.0.flag_alt')); ?>">
                                    <span><?php echo e(data_get($row, 'countries.0.name')); ?></span>
                                </div>
                            <?php endif; ?>
                            <div class="company-mobile-body">
                                <div class="company-mobile-col">
                                    <span class="company-mobile-label"><?php echo e(data_get($packagesContent, 'company.mobile_ready')); ?></span>
                                    <div class="company-mobile-price"><?php echo e(data_get($row, 'ready.price')); ?> <?php echo e(data_get($row, 'ready.unit')); ?></div>
                                </div>
                                <div class="company-mobile-col overseas">
                                    <span class="company-mobile-label"><?php echo e(data_get($packagesContent, 'company.mobile_overseas')); ?></span>
                                    <div class="company-mobile-price"><?php echo e(data_get($row, 'overseas.price')); ?> <?php echo e(data_get($row, 'overseas.unit')); ?></div>
                                    <p class="overseas-arrival-line overseas-arrival-line--mobile">
                                        <i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
                                        <span><?php echo e(data_get($packagesContent, 'company.overseas_arrival_prefix')); ?> <?php echo e(data_get($row, 'overseas.arrival')); ?></span>
                                    </p>
                                    <span class="overseas-save-tag overseas-save-tag--<?php echo e(data_get($row, 'overseas.save_theme', '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"><?php echo e(data_get($row, 'overseas.save_value')); ?></span>
                                            <span class="overseas-save-tag__label"><?php echo e(data_get($packagesContent, 'company.save_label')); ?></span>
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </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"><?php echo e(data_get($packagesContent, 'company.compare.headers.0')); ?></th>
                                        <th class="ready-col"><?php echo e(data_get($packagesContent, 'company.compare.headers.1')); ?></th>
                                        <th class="overseas-col"><?php echo e(data_get($packagesContent, 'company.compare.headers.2')); ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php $__currentLoopData = data_get($packagesContent, 'company.compare.rows', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td class="compare-feature"><?php echo e($row['feature'] ?? ''); ?></td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['uae'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'company.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'company.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['overseas'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'company.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'company.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                    </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <a href="<?php echo e(data_get($packagesContent, 'company.actions.0.href')); ?>" class="action-wide action-uae">
                            <i class="fa-solid <?php echo e(data_get($packagesContent, 'company.actions.0.icon', 'fa-location-dot')); ?>"></i>
                            <span><?php echo e(data_get($packagesContent, 'company.actions.0.text')); ?></span>
                        </a>
                        <a href="<?php echo e(data_get($packagesContent, 'company.actions.1.href')); ?>" class="action-wide action-overseas">
                            <i class="fa-solid <?php echo e(data_get($packagesContent, 'company.actions.1.icon', 'fa-earth-asia')); ?>"></i>
                            <span><?php echo e(data_get($packagesContent, 'company.actions.1.text')); ?></span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="pricing-creative-card theme-visa">
                <div class="card-top">
                    <h3><?php echo e(data_get($packagesContent, 'visa.title')); ?></h3>
                </div>

                <div class="pricing-core">
                    <ul class="simple-pricing-list simple-pricing-list--visa">
                        <?php $__currentLoopData = data_get($packagesContent, 'visa.prices', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pr): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <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 <?php echo e($pr['icon'] ?? 'fa-circle'); ?>" style="font-size:17px;color:#3566a8"></i>
                                </span>
                                <span class="simple-price-country"><?php echo e($pr['label'] ?? ''); ?></span>
                            </div>
                            <div class="simple-price-right"><?php echo e($pr['price'] ?? ''); ?> <span class="muted-suffix"><?php echo e($pr['suffix'] ?? ''); ?></span></div>
                        </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </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"><?php echo e(data_get($packagesContent, 'visa.compare.headers.0')); ?></th>
                                        <th class="ready-col"><?php echo e(data_get($packagesContent, 'visa.compare.headers.1')); ?></th>
                                        <th class="overseas-col"><?php echo e(data_get($packagesContent, 'visa.compare.headers.2')); ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php $__currentLoopData = data_get($packagesContent, 'visa.compare.rows', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td class="compare-feature"><?php echo e($row['feature'] ?? ''); ?></td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['uae'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'visa.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'visa.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                        <td class="compare-icon-cell">
                                            <?php if(!empty($row['overseas'])): ?>
                                                <i class="fa-solid fa-check compare-yes" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'visa.compare.yes')); ?></span>
                                            <?php else: ?>
                                                <i class="fa-solid fa-xmark compare-no" aria-hidden="true"></i>
                                                <span class="visually-hidden"><?php echo e(data_get($packagesContent, 'visa.compare.no')); ?></span>
                                            <?php endif; ?>
                                        </td>
                                    </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-actions double">
                        <div class="packages-call-strip-pair">
                            <a href="<?php echo e(data_get($packagesContent, 'visa.actions.call_us.href')); ?>" 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><?php echo e(data_get($packagesContent, 'visa.actions.call_us.text')); ?></span></a>
                            <a href="<?php echo e(data_get($packagesContent, 'visa.actions.call_me_back.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><?php echo e(data_get($packagesContent, 'visa.actions.call_me_back.text')); ?></span></a>
                        </div>
                        <a href="<?php echo e(data_get($packagesContent, 'visa.actions.whatsapp.href')); ?>" class="action-wide action-wa">
                            <i class="fa-brands fa-whatsapp" style="font-size:x-large"></i>
                            <span><?php echo e(data_get($packagesContent, 'visa.actions.whatsapp.text')); ?></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</section>

<section class="section-space pt-0">
    <div class="main-container">
        <div class="cta-band">
            <h2><?php echo e(data_get($packagesContent, 'cta_band.h2')); ?></h2>
            <p><?php echo e(data_get($packagesContent, 'cta_band.p')); ?></p>
            <div class="cta-band-actions">
                    <div class="packages-call-strip-pair">
                        <a href="<?php echo e(data_get($packagesContent, 'cta_band.actions.call_us.href')); ?>" 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><?php echo e(data_get($packagesContent, 'cta_band.actions.call_us.text')); ?></span></a>
                        <a href="<?php echo e(data_get($packagesContent, 'cta_band.actions.call_me_back.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><?php echo e(data_get($packagesContent, 'cta_band.actions.call_me_back.text')); ?></span></a>
                    </div>
                <a href="<?php echo e(data_get($packagesContent, 'cta_band.actions.whatsapp.href')); ?>" class="btn-main btn-whatsapp"><i class="fa-brands fa-whatsapp" style="font-size:x-large"></i><?php echo e(data_get($packagesContent, 'cta_band.actions.whatsapp.text')); ?></a>
                <a href="<?php echo e(data_get($packagesContent, 'cta_band.actions.enquiry.href')); ?>" class="btn-light"><i class="fa-solid fa-envelope-open-text"></i><?php echo e(data_get($packagesContent, 'cta_band.actions.enquiry.text')); ?></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> <?php echo e(data_get($packagesContent, 'faq.kicker')); ?></span>
            <h2><?php echo e(data_get($packagesContent, 'faq.h2')); ?></h2>
            <p><?php echo e(data_get($packagesContent, 'faq.p')); ?></p>
        </div>

        <div class="accordion" id="faqAccordion">
            <?php $__currentLoopData = data_get($packagesContent, 'faq.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fi => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <?php $n = $fi + 1; $collapseId = 'faqCollapse'.$n; $headingId = 'faqHead'.$n; ?>
            <div class="faq-card">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="<?php echo e($headingId); ?>">
                        <button class="accordion-button <?php echo e($fi > 0 ? 'collapsed' : ''); ?>" type="button" data-bs-toggle="collapse" data-bs-target="#<?php echo e($collapseId); ?>" aria-expanded="<?php echo e($fi === 0 ? 'true' : 'false'); ?>" aria-controls="<?php echo e($collapseId); ?>">
                            <?php echo e($item['q'] ?? ''); ?>

                        </button>
                    </h2>
                    <div id="<?php echo e($collapseId); ?>" class="accordion-collapse collapse <?php echo e($fi === 0 ? 'show' : ''); ?>" aria-labelledby="<?php echo e($headingId); ?>" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            <?php echo e($item['a'] ?? ''); ?>

                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </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> <?php echo e(data_get($packagesContent, 'contact.kicker')); ?></span>
                <h2><?php echo e(data_get($packagesContent, 'contact.heading')); ?></h2>
                <p style="font-size: 1.1rem;"><?php echo e(data_get($packagesContent, 'contact.description')); ?></p>
            </div>

            <div class="contact-strip scroll-load" style="display: flex; gap: 14px;justify-content: center;">
                <a href="<?php echo e(data_get($packagesContent, 'contact.strip.0.href')); ?>" 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><?php echo e(data_get($packagesContent, 'contact.strip.0.label')); ?></span></a>
                <a href="<?php echo e(data_get($packagesContent, 'contact.strip.1.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><?php echo e(data_get($packagesContent, 'contact.strip.1.label')); ?></span></a>
                <a href="<?php echo e(data_get($packagesContent, 'contact.strip.2.href')); ?>" target="_blank" rel="noopener" class="strip-box strip-green interactive"><i class="fa-brands fa-whatsapp"></i><span><?php echo e(data_get($packagesContent, 'contact.strip.2.label')); ?></span></a>
                <a href="<?php echo e(data_get($packagesContent, 'contact.strip.3.href')); ?>" 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><?php echo e(data_get($packagesContent, 'contact.strip.3.label')); ?></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-left: 15px; text-align: left;">
                                <h3><?php echo e(data_get($packagesContent, 'contact.map_title')); ?></h3>
                                <p style="font-size: 1.1rem;"><?php echo data_get($packagesContent, 'contact.map_address_html'); ?></p>
                            </div>

                            <div class="contact-points-compact d-none">
                                <?php
                                    $mapPtIcons = [
                                        ['fa-solid', 'fa-phone-volume'],
                                        ['fa-brands', 'fa-whatsapp'],
                                        ['fa-solid', 'fa-envelope'],
                                        ['fa-solid', 'fa-location-dot'],
                                    ];
                                ?>
                                <?php $__currentLoopData = data_get($packagesContent, 'contact.map_points', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $idx => $pt): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if(! empty($pt['href'])): ?>
                                <a href="<?php echo e($pt['href']); ?>" class="contact-point contact-point-link interactive" <?php if(str_starts_with((string) $pt['href'], 'http')): ?> target="_blank" rel="noopener" <?php endif; ?>>
                                    <div class="point-icon"><i class="<?php echo e(($mapPtIcons[$idx][0] ?? 'fa-solid')); ?> <?php echo e($mapPtIcons[$idx][1] ?? 'fa-circle'); ?>"></i></div>
                                    <div class="contact-point-body">
                                        <h4><?php echo e($pt['title'] ?? ''); ?></h4>
                                        <span><?php echo e($pt['text'] ?? ''); ?></span>
                                    </div>
                                </a>
                                <?php else: ?>
                                <div class="contact-point interactive">
                                    <div class="point-icon"><i class="fa-solid fa-location-dot"></i></div>
                                    <div class="contact-point-body">
                                        <h4><?php echo e($pt['title'] ?? ''); ?></h4>
                                        <span><?php echo e($pt['text'] ?? ''); ?></span>
                                    </div>
                                </div>
                                <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>

                            <div class="map-embed interactive" style="min-height: 320px;">
                                <iframe src="<?php echo e(data_get($packagesContent, 'contact.map_iframe_src')); ?>" 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><?php echo e(data_get($packagesContent, 'contact.form_title')); ?></h3>
                                <p style="font-size: 1.1rem;"><?php echo e(data_get($packagesContent, 'contact.form_description')); ?></p>
                            </div>

                            <form class="inquiry-form" method="POST" action="<?php echo e(route(($locale ?? 'en') === 'ar' ? 'ar.contact.inquiry' : 'contact.inquiry')); ?>">
                                <?php echo csrf_field(); ?>
                                <input type="hidden" name="source_page" value="<?php echo e(request()->path()); ?>">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <input type="text" name="first_name" class="form-control interactive" placeholder="<?php echo e(data_get($packagesContent, 'contact_form.first_name_placeholder', data_get($packagesContent, 'contact_form.name_placeholder'))); ?>" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" name="last_name" class="form-control interactive" placeholder="<?php echo e(data_get($packagesContent, 'contact_form.last_name_placeholder', 'Last Name')); ?>">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="tel" name="mobile" class="form-control interactive" placeholder="<?php echo e(data_get($packagesContent, 'contact_form.phone_placeholder')); ?>" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="email" name="email" class="form-control interactive" placeholder="<?php echo e(data_get($packagesContent, 'contact_form.email_placeholder')); ?>">
                                    </div>
                                    <div class="col-12">
                                        <textarea name="message" class="form-control interactive" placeholder="<?php echo e(data_get($packagesContent, 'contact_form.message_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><?php echo e(data_get($packagesContent, 'contact_form.submit')); ?></span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/onesourceerp/public_html/project/resources/views/packages.blade.php ENDPATH**/ ?>