<?= $this->extend('App\Views\website\index') ?>
<?= $this->section('content') ?>
	<section class="header-services" style="background: linear-gradient(to top, rgba(94, 196, 1, 0.05), rgba(94, 196, 1, 0.1)), url('<?= $service->photo; ?>') no-repeat;background-size: cover;background-position: center center; ">
		<div class="overlay">
        		  <div class="container">
                    <div class="row">
						<div class="col-md-7 fade-up"> 
							<h1 class="entry-title"><?= $service->title; ?></h1>
							<p><?= $service->excerpt; ?></p>
							
						</div>
						<div class="col-md-5 d-none d-md-block">&nbsp;</div>
                    </div>
		    </div>
		</div>
    </section><!-- Header Section !-->
	<section class="services-area">
		<div class="container">
			<div class="row">
				<div class="col-md-8 mb-3">
					<?= $service->content;?>
					<p></p>
					<!-- social media sharing !-->
					<div class="d-flex justify-content-center bd-highlight mb-1">
                            <div class="bd-highlight p-1">
                                <small class="text-muted">share this article</small>
                            </div>
                            <div class="bd-highlight p-1">
                                <a class="btn btn-sm btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?= base_url('services/'.$service->alias); ?>" target="_blank" rel="noopener noreferrer" title="Facebook">
                                <small>Share on <i class="bi bi-facebook"></i> </small>
                                </a>
                            </div><!-- Facebook !-->
                            <div class="bd-highlight p-1">
                                <a class="btn btn-sm btn-twitter" href="https://twitter.com/intent/tweet?url=<?= base_url('services/'.$service->alias); ?>&text=<?= $service->title; ?>" target="_blank" rel="noopener noreferrer" title="X">
                                <small> Share on <i class="bi bi-twitter-x"></i></small>
                                </a>
                            </div><!-- Twitter !-->
                            <div class="bd-highlight p-1">
                                <a class="btn btn-sm btn-whatsapp" href="whatsapp://send?text=Check out this product: <?= $service->title; ?> - <?= base_url('services/'.$service->alias); ?>" data-action="share/whatsapp/share" title="WhatsApp">
                                <small><i class="bi bi-whatsapp"></i> WhatsApp</small>
                                </a>
                            </div><!-- WhatsApp !-->
                    </div><!-- social sharing !-->
				</div>
				<div class="col-md-4 mb-3">
				
					<div class="card card-body home-directory shadow fade-up mb-3">
						<h2>Directory</h2>
						<h6>Uganda's Complete Education Hub</h6>
						<img src="<?= base_url();?>/assets/images/features.png" alt="Directory">
						<p>Schools, Training Centers & Ministry-Approved Institutions</p>
						<a href="#" class="btn btn-warning">Browse Directory Now</a>
					</div>
				
				</div>
			</div>
			<div class="row">
				<div class="mb-3 col-md-10 fade-up">
                    <span class="badge bg-danger">News & Blog</span>
                    <h2 class="hn-title">Latest Career Tips, News & Industry Updates</h2>
                </div>
                        <?php foreach($posts as $p):?>
                            <div class="col-md-4 mb-3">
                                <a href="<?= base_url('posts/'.$p->category_alias.'/'.$p->alias) ?>">
                                <div class="card card-body h-100 shadow-sm rounded-0 ltc-news fade-up delay-1">
                                    <img src="<?= $p->photo;?>" alt="<?= $p->title; ?>">
                                    <div class="date"></div>
                                    <h3><?= $p->title ?></h3>
                                    <a href="<?= base_url('posts/'.$p->category_alias.'/'.$p->alias) ?>" class="btn btn-outline-danger">Read More..</a>
                                </div>
                                </a>
                            </div>
                        <?php endforeach;?>
                </div>
		</div>
	</section>
<?= $this->endSection() ?>