


<?php $__env->startPush('css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('home')); ?>/css/service.css">
<?php $__env->stopPush(); ?>


<?php $__env->startSection('content'); ?>
<!-- Hero Section -->
<section class="services-hero">
    <div class="container services-hero-content">
        <h2>Our Medical Services</h2>
        <p>Comprehensive healthcare services provided by experienced professionals using state-of-the-art technology
        </p>
        <a href="#all-services"><button class="btn btn-primary">Explore Our Services</button></a>
    </div>
</section>

<!-- Services Content Section -->
<section class="services-content" id="all-services">
    <div class="container">
        <div class="section-title">
            <h2>Healthcare Services</h2>
            <p>We offer a wide range of medical services to meet all your healthcare needs</p>
        </div>

        <div class="services-filter">
            <button class="filter-btn active" data-filter="all">All Services</button>
            <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <button class="filter-btn" data-filter="<?php echo e($category->name); ?>"><?php echo e($category->name); ?></button>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

        <div class="services-grid">


            <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="service-card" data-category="<?php echo e($service->serviceCategory->name); ?>">
                <img src="<?php echo e(asset('public/'.$service->image)); ?>" width="120" alt="img">
                <h3><?php echo e($service->title); ?></h3>
                <p><?php echo e($service->subtitle); ?></p>
                <div class="service-features">
                    <?php echo nl2br(e($service->short_description)); ?>

                </div>
                <a href="#"><button class="btn btn-outline">Learn More</button></a>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        </div>
    </div>
</section>

<!-- Specialized Services Section -->


<!-- Emergency Services -->
<section class="emergency-services">
    <div class="container">
        <h2>Emergency Medical Care</h2>
        <p>Our Emergency Department is staffed 24/7 with board-certified emergency physicians and specially trained
            nurses</p>
        <div class="emergency-number">
            <i class="fas fa-phone-alt"></i> (+880) 123-EMER
        </div>
        <a href="<?php echo e(route('contact')); ?>"><button class="btn btn-outline"
                style="background-color: white; color: var(--primary);">Emergency Department
                Information</button></a>
    </div>
</section>

<!-- Technology Section -->
<section class="technology">
    <div class="container">
        <div class="section-title">
            <h2>Advanced Medical Technology</h2>
            <p>We invest in the latest medical technology to provide accurate diagnoses and effective treatments</p>
        </div>

        <div class="tech-grid">
            <div class="tech-card">
                <i class="fas fa-magnet"></i>
                <h3>3T MRI Technology</h3>
                <p>High-field MRI scanners provide exceptional image quality for precise diagnosis.</p>
            </div>

            <div class="tech-card">
                <i class="fas fa-tachometer-alt"></i>
                <h3>256-Slice CT Scanner</h3>
                <p>Ultra-fast CT scanning reduces radiation exposure while improving image quality.</p>
            </div>

            <div class="tech-card">
                <i class="fas fa-robot"></i>
                <h3>Robotic Surgery</h3>
                <p>Da Vinci Surgical System enables minimally invasive procedures with enhanced precision.</p>
            </div>

            <div class="tech-card">
                <i class="fas fa-procedures"></i>
                <h3>Hybrid Operating Rooms</h3>
                <p>State-of-the-art ORs with advanced imaging for complex surgical procedures.</p>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="services-cta">
    <div class="container">
        <div class="section-title">
            <h2>Need Help Choosing a Service?</h2>
            <p>Our patient coordinators can help you find the right specialist or service for your healthcare needs
            </p>
        </div>
        <a href="<?php echo e(route('contact')); ?>"><button class="btn btn-primary">Contact Us Today</button></a>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('js'); ?>
<script src="<?php echo e(asset('home')); ?>/js/service.js"></script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.home', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\TGP-hospital-site\resources\views/home/services.blade.php ENDPATH**/ ?>