<?php $__env->startSection('title', 'Departments'); ?>

<?php $__env->startSection('content'); ?>
<section class="page-header text-center">
    <div class="container">
        <h1 class="display-4 fw-bold">Our Ministries</h1>
        <p class="lead" style="opacity: 0.9;">Serving God and our community through various ministries</p>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row g-4">
            <?php $__currentLoopData = $departments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $department): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-md-6 col-lg-4">
                <div class="cause-card">
                    <div class="card-body p-4">
                        <div class="d-flex align-items-start">
                            <div class="feature-icon me-3" style="width: 70px; height: 70px; flex-shrink: 0; border-radius: 50%; background: linear-gradient(135deg, var(--primary-color), #ff8f5e); display: flex; align-items: center; justify-content: center;">
                                <i class="fas fa-users fa-lg" style="color: white;"></i>
                            </div>
                            <div>
                                <h4><?php echo e($department->name); ?></h4>
                                <p class="text-muted mb-2"><?php echo e(Str::limit($department->description, 100)); ?></p>
                                <a href="<?php echo e(route('department.show', $department->slug)); ?>" class="fw-bold" style="color: var(--primary-color);">Learn More <i class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>

<section class="section-padding" style="background: linear-gradient(135deg, var(--secondary-color), #0077b6);">
    <div class="container text-center text-white">
        <h2 class="mb-4">Get Involved</h2>
        <p class="mb-4 fs-5" style="opacity: 0.95;">Join one of our departments and use your talents to serve God and our community.</p>
        <a href="<?php echo e(route('contact')); ?>" class="btn btn-light btn-lg px-5" style="border-radius: 50px; font-weight: 600;">Contact Us to Join</a>
    </div>
</section>
<?php $__env->stopSection(); ?>

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