<?php 
$section = $sections['section_5'] ?? [];

$title  = $section['title']  ?? 'Best and Fashionable Smart Watch For Easy Life.';
$points = $section['points'] ?? [];
$image  = $section['image']  ?? 'uploads/default.png';
?>

<section class="content-section second-bg">
    <div class="container">
        <div class="row justify-content-between">

        <div class="col-sm-12 text-center">
            <h2 class="mt-0 text-white"><?= $title; ?></h2>
        </div>
            <!-- LEFT IMAGE -->
            <div class="col-12 col-lg-6">
                <div class="image-frame">
                <img src="<?= base_url($image); ?>" alt="Section Image" class="img-fluid">
                </div>
            </div>

            <!-- RIGHT CONTENT -->
            <div class="col-12 col-lg-6">
                <div class="content">

                    <!-- POINTS LIST -->
                    <ul class="list-group list-group-flush section-3">

                        <?php if (!empty($points)): ?>
                            <?php foreach ($points as $point): ?>
                                <li class="list-group-item d-flex border-0 p-0">
                                    <span class="text-white"><?= $point; ?></span>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>

                    </ul>

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

    <?php include 'cta_button.php'; ?>
</section>
