Default page

⚝ One Hat Cyber Team ⚝
Your IP: 192.168.31.6
Server IP: 192.168.1.11
Server: Linux pams 6.1.0-29-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.123-1 (2025-01-02) x86_64
PHP Version: 8.2.28
Buat File | Buat Folder
Dir : ~/var/www/lppm/Modules/Frontend/Views/
Viewing : read.php

<?= $this->extend('front-template'); ?>
<?= $this->section('content'); ?>

<div class="container my-5">
    <div class="row g-5">
        <div class="col-lg-8">
            <nav aria-label="breadcrumb" class="mb-4">
                <ol class="breadcrumb small">
                    <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-muted">Beranda</a></li>
                    <li class="breadcrumb-item active text-primary" aria-current="page">Berita</li>
                </ol>
            </nav>

            <h1 class="fw-bold display-6 mb-3" style="color: #004d40; line-height: 1.3;">
                <?= $berita->title ?>
            </h1>
            
            <div class="d-flex align-items-center gap-3 text-muted small mb-4 pb-4 border-bottom">
                <span><i class="bi bi-person-circle me-1"></i> <?= $berita->author_name ?: 'Redaksi' ?></span>
                <span><i class="bi bi-calendar3 me-1"></i> <?= date('l, d F Y', strtotime($berita->published_at)) ?></span>
                <span><i class="bi bi-eye me-1"></i> <?= number_format($berita->reader, 0, ',', '.') ?> Kali Dilihat</span>
            </div>

            <?php if ($berita->image): ?>
                <img src="<?= base_url('uploads/berita/' . $berita->image) ?>" class="img-fluid rounded-4 mb-4 shadow-sm w-100" alt="<?= $berita->title ?>">
            <?php else: ?>
                <img src="https://picsum.photos/1200/700?grayscale" class="img-fluid rounded-4 mb-4 shadow-sm w-100" alt="Default Image">
            <?php endif; ?>

            <article class="lh-lg text-dark article-body" style="text-align: justify; font-size: 1.1rem;">
                <?= ads($berita->content) ?>
            </article>
        </div>

        <div class="col-lg-4">
            <div class="sticky-top" style="top: 100px; z-index: 1;">
                <h5 class="fw-bold mb-4" style="border-left: 5px solid #008080; padding-left: 15px;">Berita Terbaru</h5>
                
                <div class="d-flex flex-column gap-4">
                    <?php 
                    $i = 1;
                    foreach($populer as $p): ?>
                    <div class="d-flex align-items-center gap-3">
                        <div class="flex-shrink-0">
                            <img src="<?= base_url('uploads/berita/' . $p->image) ?>" 
                                 class="rounded-3 object-fit-cover" 
                                 style="width: 85px; height: 85px;" 
                                 alt="Thumbnail"
                                 onerror="this.src='https://picsum.photos/200/200'">
                        </div>
                        <div>
                            <a href="<?= base_url('read/' . $p->slug) ?>" class="text-decoration-none text-dark">
                                <h6 class="fw-bold small mb-1 lh-sm hover-primary" style="font-size: 0.9rem;">
                                    <?= $p->title ?>
                                </h6>
                            </a>
                            <p class="text-muted mb-0" style="font-size: 0.75rem;">
                                <i class="bi bi-calendar-event me-1"></i> <?= date('d M Y', strtotime($p->published_at)) ?>
                            </p>
                        </div>
                    </div>
                    <?php
                        if($i == 1 || $i == 3){
                            echo adsInList();
                        }
                        
                        $i++;
                        endforeach; 
                    ?>
                </div>

                <div class="card border-0 rounded-4 mt-5 shadow-sm overflow-hidden text-white" style="background: linear-gradient(135deg, #008080 0%, #004d40 100%);">
                    <div class="card-body p-4">
                        <h6 class="fw-bold mb-2"><i class="bi bi-megaphone-fill me-2"></i>Layanan Aduan</h6>
                        <p class="small opacity-75 mb-3">Temukan kendala dalam layanan kami? Laporkan segera melalui kanal resmi kami.</p>
                        <a href="#" class="btn btn-light btn-sm w-100 rounded-pill fw-bold text-primary">Hubungi Kami</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .article-body img { max-width: 100%; height: auto; border-radius: 8px; }
    .hover-primary:hover { color: #008080 !important; }
</style>

<?= $this->endSection(); ?>