  <?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->onlyProps(['data']) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $attributes = $attributes->exceptProps(['data']); ?>
<?php foreach (array_filter((['data']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>
  <?php
      $parent = reset($data);
      $child = array_values(array_slice($data, 1));

  ?>


  <!-- Company History -->
  <section class="container mx-auto px-2 text-[#424242] md:px-[20px] lg:px-[100px] xl:px-[169px]">

      <!-- Header -->
      <?php if(!empty($parent)): ?>
          <div class="text-center">
              <h1 class="text-[18px] font-semibold text-[#F06728]">
                  <?php echo e($parent['title']); ?>

              </h1>
              <h2 class="text-[40px] font-semibold"><?php echo e($parent['sub title']); ?></h2>
          </div>
      <?php endif; ?>

      <!-- body -->
      <div class="flex flex-col-reverse items-center gap-4 md:flex-row">
          <!-- left -->
          <div class="w-full space-y-4 md:w-[55%]">
              <div class="swiper swiperHistory">
                  <div class="swiper-wrapper">
                      <!-- 2005 -->
                      <?php $__currentLoopData = $child; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                          <div class="swiper-slide">
                              <button fade="fade-trigger-<?php echo e($key); ?>"
                                  class="fade-trigger cursor-pointer rounded-[9px] bg-[#F06728] px-3 py-1.5 text-sm font-semibold uppercase text-white hover:bg-[#F06728] hover:text-white sm:px-6 sm:py-3.5 sm:text-[16px]">
                                  <?php echo e($value['year']); ?>

                              </button>
                          </div>
                      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </div>
              </div>
              <!-- Content -->
              <div class="fade-container">
                  <?php $__currentLoopData = $child; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="fade-trigger-<?php echo e($key); ?> space-y-4 <?php echo e($key == 0 ? '' : 'hidden'); ?>">
                          <p class="line-clamp-6">
                              <?php echo e($value['description']); ?>

                          </p>
                          <?php if(strlen($value['description']) >= 440): ?>
                              <button class="learn-more-btn inline-block text-[14px] font-semibold text-[#F06728]">
                                  Learn More
                              </button>
                          <?php endif; ?>
                      </div>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
              </div>
          </div>
          <!-- right -->
          <div class="image-container h-[400px] w-full md:w-[45%]">
              <?php $__currentLoopData = $child; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <img src="<?php echo e(asset('images/' . (isset($value['image']) ? $value['image'] : ''))); ?>"
                      alt="company-history"
                      class="fade-trigger-<?php echo e($key); ?> h-full w-full object-cover sm:object-contain <?php echo e($key == 0 ? '' : 'hidden'); ?>" />
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
      </div>
  </section>

  
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/components/frontend/history.blade.php ENDPATH**/ ?>