<div class="container py-3">
    <div class="row text-center mb-2">
        <div class="col-lg-7 mx-auto">
            <h1 class="display-4">Termékek</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <!-- List group-->
            <ul class="list-group shadow">
                <!-- list group item-->
                <?php foreach ($params['products'] as $product) : ?>
                    <a class="text-decoration-none" href="/termekek/<?= $product['slug'] ?>">
                    <li class="list-group-item">
                        <!-- Custom content-->
                        <div class="media align-items-lg-center flex-column flex-lg-row p-3">
                            <div class="media-body order-2 order-lg-1">
                                <h5 class="mt-0 font-weight-bold mb-2">
                                    <?= $product['name'] ?>
                                </h5>
                                <p class="font-italic text-muted mb-0 small">
                                    <?= $product['description'] ?>
                                </p>
                                <div class="d-flex align-items-center justify-content-between mt-1">
                                    <h2 class="font-weight-bold my-2">
                                    <?= $product['price'] ?> Ft -
                                    </h2>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
                                        <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
                                        <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
                                        <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
                                        <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
                                    </ul>
                                </div>
                            </div><img src="/public/images/<?= $product['image'] ?>" alt=" <?= $product['name'] ?>" width="200" class="ml-lg-5 order-1 order-lg-2">
                        </div>
                    </li>
                    </a>
                <?php endforeach ?>

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