<div class="my-5 bg-white py-4">
    <div class="container">

        <div class="row g-md-3">

            <?php foreach ($listings as $key => $content): ?>
                <div class="col-xs-12 col-sm-12 col-md-4 col-xl-4 col-xxl-4 mb-3 mb-lg-0">

                    <a class="" href="<?= $this->Url->build([
                        'controller' => $this->request->getParam('subsection') ??
                            $this->request->getParam('section') ??
                            $this->request->getParam('controller'),
                        'action' => 'details',
                        $content->id
                    ]) ?>">

                        <div class="bg-grey p-2 mb-3 d-flex justify-content-center align-items-center">
                            <div class="text-center">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="#fbbc19"
                                    class="bi bi-folder-fill " viewBox="0 0 16 16">
                                    <path
                                        d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z" />
                                </svg>
                            </div>
                        </div>
                    </a>

                    <div class="text-center">
                        <a class="" href="<?= $this->Url->build([
                            'controller' => $this->request->getParam('subsection') ??
                                $this->request->getParam('section') ?? $this->request->getParam('controller'),
                            'action' => 'details',
                            $content->id
                        ]) ?>">
                            <h5 class="text-truncate fw-bold" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                title="<?= $content->name ?>">
                                <?= $content->name ?>
                            </h5>
                        </a>
                    </div>

                </div>
            <?php endforeach ?>

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