<!-- Footer -->
<footer class="bg-slate-900 text-white">
  <!-- Main Footer Content -->
  <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
      
      <!-- Brand Column -->
      <div class="lg:col-span-1">
        <div class="flex items-center gap-3 mb-6">
          <img src="<?php if($settings): ?><?php echo e(asset('admin-assets/images/logos')); ?>/<?php echo e($settings->footer_logo); ?><?php endif; ?>" alt="Logo" class="h-10 object-contain" />
        </div>
        <p class="text-slate-300 mb-6 leading-relaxed max-w-xs">
          Your Central Hub for News, Trends & Smart Shopping
        </p>
        
        <!-- Social Media -->
        <div class="flex gap-3">
          <?php
            $social_links = \App\Models\SocialMedia::get();
          ?>
          <?php $__currentLoopData = $social_links; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $link): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <a href="<?php echo e($link->url); ?>" 
               class="flex items-center justify-center w-10 h-10 rounded-lg bg-slate-800 text-slate-300 hover:bg-blue-600 hover:text-white transition-all duration-300 transform hover:-translate-y-1"
               aria-label="<?php echo e($link->title); ?>" 
               target="_blank">
              <i class="fab fa-<?php echo e(strtolower($link->title)); ?> text-lg"></i>
            </a>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
      </div>

      <!-- Categories Column -->
      <div>
        <h4 class="font-bold text-lg mb-6 relative inline-block">
          Categories
          <span class="absolute -bottom-2 left-0 w-8 h-0.5 bg-blue-500"></span>
        </h4>
        <ul class="space-y-3">
          <?php
            $categories = \App\Models\Category::select('id', 'slug', 'name')->limit(5)->get();
          ?>
          <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li>
              <a href="<?php echo e(route('blogs.category',$category->slug)); ?>" 
                 class="text-slate-300 hover:text-white transition-colors duration-200 flex items-center group">
                <span class="w-1.5 h-1.5 bg-slate-600 rounded-full mr-3 group-hover:bg-blue-500 transition-colors"></span>
                <?php echo e($category->name); ?>

              </a>
            </li>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
      </div>

      <!-- Information Column -->
      <div>
        <h4 class="font-bold text-lg mb-6 relative inline-block">
          Information
          <span class="absolute -bottom-2 left-0 w-8 h-0.5 bg-blue-500"></span>
        </h4>
        <ul class="space-y-3">
          <?php
            $pages = \App\Models\Page::all();
          ?>
          <?php $__currentLoopData = $pages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li>
              <a href="<?php echo e(route('page', $page->slug)); ?>" 
                 class="text-slate-300 hover:text-white transition-colors duration-200 flex items-center group">
                <span class="w-1.5 h-1.5 bg-slate-600 rounded-full mr-3 group-hover:bg-blue-500 transition-colors"></span>
                <?php echo e($page->title); ?>

              </a>
            </li>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
      </div>

      <!-- Newsletter Column -->
      <div>
        <h4 class="font-bold text-lg mb-6 relative inline-block">
          Newsletter
          <span class="absolute -bottom-2 left-0 w-8 h-0.5 bg-blue-500"></span>
        </h4>
        <p class="text-slate-300 mb-6 leading-relaxed">
          Subscribe to get the latest updates and offers.
        </p>
        <form class="space-y-4">
          <div class="relative">
            <input type="email" 
                   placeholder="Your email address" 
                   class="w-full rounded-xl bg-slate-800 border border-slate-700 px-4 py-3 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200">
          </div>
          <button type="submit" 
                  class="w-full bg-gradient-to-r from-blue-600 to-blue-700 text-white font-semibold py-3 px-6 rounded-xl hover:from-blue-700 hover:to-blue-800 transform hover:-translate-y-0.5 transition-all duration-200 shadow-lg hover:shadow-xl">
            Subscribe Now
          </button>
        </form>
        <p class="text-xs text-slate-400 mt-4">
          We respect your privacy. Unsubscribe at any time.
        </p>
      </div>
    </div>
  </div>

  <!-- Bottom Bar -->
  <div class="border-t border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6">
      <div class="flex flex-col md:flex-row items-center justify-between gap-4">
        <!-- Copyright -->
        <div class="text-slate-400 text-sm">
          <p>
            Copyright ©
            <script>document.write(new Date().getFullYear())</script>
            <?php if($settings): ?>
                <?php echo e($settings->site_title); ?>

            <?php endif; ?>. All rights reserved.
          </p>
        </div>
        
        <!-- Additional Links -->
        <div class="flex items-center gap-6 text-sm text-slate-400">
          <a href="#" class="hover:text-white transition-colors duration-200">Privacy Policy</a>
          <a href="#" class="hover:text-white transition-colors duration-200">Terms of Service</a>
          <a href="#" class="hover:text-white transition-colors duration-200">Cookie Policy</a>
        </div>
        
        <!-- Made with love -->
        <div class="flex items-center gap-2 text-slate-400 text-sm">
          <span>Made with</span>
          <svg class="w-4 h-4 text-red-500 fill-current" viewBox="0 0 24 24">
            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
          </svg>
        </div>
      </div>
    </div>
  </div>
</footer><?php /**PATH /home/dealqmki/blogzcenter.com/resources/views/user/includes/footer.blade.php ENDPATH**/ ?>