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

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


<section class="py-5 bg-dark text-white">
    <div class="container">
        <h1 class="fw-bold mb-1"><?php echo e($service->title); ?></h1>
        <p class="mb-0 text-white-50">
            Professional construction & engineering services
        </p>
    </div>
</section>


<section class="py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">

            <div class="col-lg-9">

                <div class="bg-white p-4 p-md-5 shadow-sm rounded">

                    
                    <?php if($service->image): ?>
                    <img
                        src="<?php echo e(asset('storage/services/' . $service->image)); ?>"
                        alt="<?php echo e($service->title); ?>"
                        class="img-fluid rounded mb-4 float-md-start me-md-4"
                        style="max-width:260px;"
                    >
                    <?php endif; ?>

                    
                    <?php if($service->description): ?>
                    <div class="service-description">
                        <?php echo nl2br(e($service->description)); ?>

                    </div>
                    <?php endif; ?>

                    <div class="clearfix"></div>

                    
                    <div class="mt-4 d-flex flex-wrap gap-3">
                        <a href="<?php echo e(route('frontend.services')); ?>" class="btn btn-outline-secondary">
                            ← Back to Services
                        </a>

                        <a href="<?php echo e(route('frontend.contact')); ?>" class="btn btn-warning">
                            Request This Service
                        </a>
                    </div>

                </div>

            </div>

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

<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>
<style>
.service-description {
    color: #555;
    line-height: 1.8;
    text-align: justify;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Mobile image fix */
@media (max-width: 767px) {
    img.float-md-start {
        float: none !important;
        margin-right: 0 !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
</style>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('frontend.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /usr/local/var/www/hasa/resources/views/frontend/service_detail.blade.php ENDPATH**/ ?>