<?php
$this->assign("title", "Blog Konstruksi Indonesia | Informasi SKK & Tender Terbaru " . date("Y") . " | " . $appinfo['name']);
$this->assign("description", "Blog konstruksi Indonesia terlengkap dengan informasi SKK Konstruksi, tender LPSE, dan panduan sertifikasi kompetensi kerja terbaru " . date("Y") . ". Update harian dari " . $appinfo['name']);
$this->assign("keywords", "blog konstruksi, SKK konstruksi, tender LPSE, sertifikasi kompetensi kerja, LPJK, konstruksi Indonesia, panduan konstruksi");
?>
<!-- Hero -->
<div class="overflow-hidden">
    <div class="container content-space-t-3 content-space-t-lg-4 content-space-b-1 content-space-b-lg-2">
        <div class="w-lg-50 text-center mx-lg-auto">
            <!-- Heading -->
            <div class="mb-5">
                <h1 class="display-4">Blog Konstruksi Indonesia Terlengkap</h1>
                <p class="lead">Dapatkan informasi SKK Konstruksi, tender LPSE, dan panduan sertifikasi kompetensi kerja terbaru <?= date("Y") ?> setiap hari</p>
            </div>
            <!-- End Heading -->
            <form>
                <div class="position-relative">
                    <!-- Input Card -->
                    <div class="input-card input-card-sm">
                        <div class="input-card-form">
                            <label for="searchForm" class="form-label visually-hidden">Search article</label>
                            <input type="text" name="q" class="form-control form-control-lg" id="searchForm" placeholder="Search article" aria-label="Search article">
                        </div>
                        <button type="button" class="btn btn-primary btn-lg"><i class="bi-search"></i></button>
                    </div>
                    <!-- End Input Card -->

                    <!-- SVG Shape -->
                    <figure class="position-absolute top-0 end-0 d-none d-sm-block zi-n1 mt-n7 me-n10" style="width: 4rem;">
                        <img class="img-fluid lazy" data-src="/svg/components/pointer-up.svg" alt="<?= $_SERVER['HTTP_HOST'] ?> Pusat Sertifikat Profesi BNSP">
                    </figure>
                    <!-- End SVG Shape -->

                    <!-- SVG Shape -->
                    <figure class="position-absolute bottom-0 start-0 zi-n1 mb-n7" style="width: 12rem; margin-left: -10rem;">
                        <img class="img-fluid lazy" data-src="/svg/components/curved-shape.svg" alt="<?= $_SERVER['HTTP_HOST'] ?> Pusat Sertifikat Profesi BNSP">
                    </figure>
                    <!-- End SVG Shape -->
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End Hero -->
<!-- Card Grid -->
<div class="container content-space-b-2 content-space-b-lg-3 overflow-hidden">
    <div class="row row-cols-1 row-cols-sm-2 gx-7">
        <?php foreach ($posts as $post) { ?>
            <div class="col mb-7 mb-md-10">
                <!-- Card -->
                <a class="card card-ghost h-100" href="/blog/<?= $post['Post']['slug'] ?>">
                    <div class="row">
                        <div class="col-lg-5 mb-3 mb-lg-0">
                            <img class="card-img lazy" data-src="<?= $post['Post']['photo_url'] ?>" alt="<?= $post['Post']['title'] ?> <?= $_SERVER['HTTP_HOST'] ?> Pusat Sertifikat Profesi BNSP">
                        </div>
                        <!-- End Col -->

                        <div class="col-lg-7">
                            <h4 class="h5 mb-2"><?= $post['Post']['title'] ?></h4>
                            <p class="card-text text-muted small mb-2">
                                <i class="bi bi-calendar3 me-1"></i>
                                <?= date('d M Y', strtotime($post['Post']['created_at'])) ?>
                                <span class="mx-2">•</span>
                                <i class="bi bi-clock me-1"></i>
                                <?= ceil(str_word_count(strip_tags($post['Post']['content'])) / 200) ?> min read
                            </p>
                            <p class="card-text"><?php echo substr(trim(strip_tags($post['Post']['content'])), 0, 120) . "..."; ?></p>
                            <div class="d-flex align-items-center justify-content-between">
                                <span class="card-link text-primary fw-semibold">Baca Selengkapnya <i class="bi bi-arrow-right ms-1"></i></span>
                                <div class="d-flex gap-2">
                                    <span class="badge bg-primary-subtle text-primary">SKK Konstruksi</span>
                                    <span class="badge bg-secondary-subtle text-secondary">LPJK</span>
                                </div>
                            </div>
                        </div>
                        <!-- End Col -->
                    </div>
                    <!-- End Row -->
                </a>
                <!-- End Card -->
            </div>
            <!-- End Col -->
        <?php } ?>
    </div>
    <!-- End Row -->

    <!-- Pagination -->
    <nav class="d-flex justify-content-center" aria-label="Page navigation">
        <ul class="pagination justify-content-center justify-content-sm-start mb-0">
            <?php
            $this->Paginator->options([
                'url' => ['controller' => 'blog','action'=>'index',
                    //'sort' => 'email', 'direction' => 'desc', 'page' => 6,
            ]]);
            echo $this->Paginator->prev('< ' . __('previous'), array(), null, array('class' => 'prev disabled'));
            echo $this->Paginator->numbers(array('separator' => '', 'class' => 'page-item'));
            echo $this->Paginator->next(__('next') . ' >', array(), null, array('class' => 'next disabled'));
            ?>
        </ul>
        <!-- End Col -->
    </nav>
    <!-- End Pagination -->
</div>
<!-- End Card Grid -->
