
<?php $__env->startSection('contents'); ?>

<section class="py-5">
    <div class="container">
        <h2 class="text-center mb-5 font-weight-bold">আমাদের হোস্টিং প্যাকেজসমূহ</h2>

        <ul class="nav nav-pills justify-content-center mb-4" id="pills-tab" role="tablist">
            <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category => $package_list): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li class="nav-item" role="presentation">
                <button class="nav-link <?php echo e($loop->first ? 'active' : ''); ?> mx-2 fw-bold shadow-sm rounded-pill px-4" 
                    id="tab-<?php echo e(Str::slug($category)); ?>-btn" 
                    data-bs-toggle="pill" 
                    data-bs-target="#tab-<?php echo e(Str::slug($category)); ?>" 
                    type="button" role="tab">
                    <?php echo e($category); ?>

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

        <div class="tab-content" id="pills-tabContent">
            <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category => $package_list): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="tab-pane fade <?php echo e($loop->first ? 'show active' : ''); ?>" 
                id="tab-<?php echo e(Str::slug($category)); ?>" role="tabpanel">
                
                <div class="row g-4">
                    <?php $__currentLoopData = $package_list; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="card h-100 border-0 shadow-sm p-4 text-center">
                            <h4 class="fw-bold"><?php echo e($plan->name); ?></h4>
                            <h2 class="text-primary my-3">৳<?php echo e($plan->price_yearly); ?> <small class="text-muted" style="font-size: 14px;">/বছর</small></h2>
                            
                            <div class="text-start mb-4">
                                <?php echo $plan->description; ?>

                            </div>

                            <a href="<?php echo e(route('front.domain.search')); ?>" class="btn btn-primary w-100 rounded-pill">অর্ডার করুন</a>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        var hash = window.location.hash;
        if (hash) {
            var triggerEl = document.querySelector('button[data-bs-target="' + hash + '"]');
            if (triggerEl) {
                var tab = new bootstrap.Tab(triggerEl);
                tab.show();
            }
        }
    });
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.front', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\project\resources\views/frontend/hosting.blade.php ENDPATH**/ ?>