<div class="container-fluid px-5">
    <div class="row pb-3">
        <div class="col-md-2 col-sm-12 offset-md-1 justify-content-center">
            <h3 class="wln-text-purple package-header">PACKAGES</h3>
            <hr style="border: solid 2px #d66325; "/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-11 col-sm-12 offset-md-1">
            <div class="card-deck owl-carousel owl-theme" id="sliding-cards-packages">
                <?php foreach ($packages as $package) { ?>
                <div class="card border img-box shadow-sm">
                    <?php 
                        $image_result = $image_service->get($package->thumbnail);
                        $image = new Image(
                            $image_result['id'],
                            $image_result['caption'],
                            $image_result['filename']
                        ); 
                    ?>
                    <img src="assets/images/<?php echo $image->filename; ?>" onerror="this.src='assets/<?php echo $onerror; ?>';" class="card-img-top img-fluid package-img" alt="<?php echo $image->caption; ?>">
                    <div class="card-body">
                        <div class="container-fluid px-0">
                            <div class="row">
                                <div class="col-12">
                                    <a href="packages/<?php echo $package->url; ?>">
                                        <h5 class="card-title wln-text-purple"> <?php echo $package->name; ?></h5>
                                    </a>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt wln-text-orange mr-2"></i>
                                        <?php echo $package->location; ?>
                                        <i class="fas fa-calendar-alt wln-text-orange mr-2 ml-5"></i>
                                        <?php echo $package->days; ?>D/<?php echo $package->nights; ?>N
                                    </p>
                                    <p class="card-text"><?php echo $package->starting_price; ?> per pax</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>
</div>