<?php $__env->startSection('content'); ?>
<section class="section-space pt-0" id="contact-section" style="margin-top:25px!important;">
            <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($contactUsContent, 'page.kicker')); ?></span>
                  <h2><?php echo e(data_get($contactUsContent, 'page.heading')); ?></h2>
                  <p style="font-size: 1.1rem;"><?php echo e(data_get($contactUsContent, 'page.description')); ?></p>
                </div>

                <div class="contact-strip scroll-load" style="display: flex; gap: 14px;justify-content: center;">
                  <a href="<?php echo e(data_get($contactUsContent, 'contact.strip.0.href')); ?>" class="strip-box strip-blue interactive mobile-only" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%); font-size: 20px !important; min-width: 20% !important;"><i class="fa-solid fa-phone"></i><span><?php echo e(data_get($contactUsContent, 'contact.strip.0.label')); ?></span></a>
                  <a href="<?php echo e(data_get($contactUsContent, 'contact.strip.1.href')); ?>" class="strip-box strip-blue interactive desktop-only" data-bs-toggle="modal" data-bs-target="#callbackModal" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%); font-size: 20px !important; min-width: 20% !important;"><i class="fa-solid fa-phone-volume"></i><span><?php echo e(data_get($contactUsContent, 'contact.strip.1.label')); ?></span></a>
                  <a href="<?php echo e(data_get($contactUsContent, 'contact.strip.2.href')); ?>" target="_blank" rel="noopener" class="strip-box strip-green interactive" style="font-size: 20px !important; min-width: 20% !important;"><i class="fa-brands fa-whatsapp" style="font-size: x-large;"></i><span><?php echo e(data_get($contactUsContent, 'contact.strip.2.label')); ?></span></a>
                  <a href="<?php echo e(data_get($contactUsContent, 'contact.strip.3.href')); ?>" style="background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%); font-size: 20px !important; min-width: 20% !important;" target="_blank" rel="noopener" class="strip-box strip-blue interactive"><i class="fa-solid fa-location-dot"></i><span><?php echo e(data_get($contactUsContent, '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;">
                          <h3><?php echo e(data_get($contactUsContent, 'contact.map_title')); ?></h3>
                          <p style="font-size: 1.1rem;"><?php echo data_get($contactUsContent, '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($contactUsContent, '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: 390px;">
                          <iframe src="<?php echo e(data_get($contactUsContent, '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($contactUsContent, 'contact.form_title')); ?></h3>
                          <p style="font-size: 1.1rem;"><?php echo e(data_get($contactUsContent, '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($contactUsContent, 'contact_form.first_name_placeholder', data_get($contactUsContent, '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($contactUsContent, '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($contactUsContent, '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($contactUsContent, 'contact_form.email_placeholder')); ?>">
                            </div>
                            <div class="col-12">
                              <textarea name="message" class="form-control interactive" placeholder="<?php echo e(data_get($contactUsContent, 'contact_form.message_placeholder')); ?>"></textarea>
                            </div>
                            <div class="col-12">
                              <button type="submit" class="submit-btn btn-main interactive" style="font-size: 18px;">
                                <i class="fa-solid fa-paper-plane"></i>
                                <span><?php echo e(data_get($contactUsContent, '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/contact_us.blade.php ENDPATH**/ ?>