BiveEngine/playarea/templates/pages/reviews.php

<?php $this->template_load("head.php"); ?>
<?php $this->template_load("header.php"); ?>

<?php

$page = $_GET["page"] ?? 1;
$posts_per_page = 10;
$offset = ($page - 1) * $posts_per_page;

$search = new Search(array(
    "class" => "Reviews",
    "limit" => $posts_per_page,
    "props" => array(
        "view" => 1
    ),
    "offset" => $offset
));

$reviews = $search->collect();
$reviews_count = $search->count;

?>

<main class="main">
    <div class="review-page">
        <div class="container">
            <div class="row">
                <div class="col-12 position-relative">
                    <a href="./index.html" class="back-home">główna</a>
                    <h1 class="title-text"><span>Opinie</span></h1>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="ratings d-flex align-items-center justify-content-center flex-column flex-md-row">
                        <p class="ratings-text">4,85 z 5 gwiazd <br>
                            Na podstawie 4582 opinij</p>
                        <div class="ratings-star my-3 my-md-0">
                            <div class="reating d-flex align-items-center">
                                <div class="d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                </div>
                                <div class="reating-num">1122</div>
                            </div>
                            <div class="reating d-flex align-items-center">
                                <div class="d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                </div>
                                <div class="reating-num">245</div>
                            </div>
                            <div class="reating d-flex align-items-center">
                                <div class="d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                </div>
                                <div class="reating-num">32</div>
                            </div>
                            <div class="reating d-flex align-items-center">
                                <div class="d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                </div>
                                <div class="reating-num">11</div>
                            </div>
                            <div class="reating d-flex align-items-center">
                                <div class="d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="" class="star">
                                </div>
                                <div class="reating-num">24</div>
                            </div>
                        </div>
                        <label for="review-write" class="review-write_btn">Napisz swoje opinie</label>
                    </div>

                    <form class="review-box" method="post">
                        <?php $b->event_form("review_send"); ?>
                        <h3 class="review-title text-center">Napisz swoje opinie</h3>
                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                            <div class="stars">
                                <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="">
                            </div>
                            <textarea class="review-message" id="review-write" placeholder="Wpisz opinie" name="review_message"></textarea>
                            <div class="upload-img">
                                <input type="file" id="upload" class="upload">
                                <label for="upload">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/arrow-up.svg" alt="">
                                </label>
                            </div>
                            <div class="form-item">
                                <div class="check-box">
                                    <input type="checkbox" id="check_rev" class="form__check" name="check_rev">
                                    <label for="check_rev">Akceptuję regulamin sklepu (zgoda wymagana)</label>
                                </div>
                                <button class="review-submit form-submit">Wyślij</button>
                            </div>
                        </div>
<!--                        <div class="review-img">-->
<!--                            <img src="--><?php //= $b->pa_get_assets_dir() ?><!--main/img/png/dog4.png" alt="">-->
<!--                            <img src="--><?php //= $b->pa_get_assets_dir() ?><!--main/img/png/dog4.png" alt="">-->
<!--                            <img src="--><?php //= $b->pa_get_assets_dir() ?><!--main/img/png/dog4.png" alt="">-->
<!--                        </div>-->
                    </form>

                    <?php foreach ($reviews as $num => $review) { ?>
                        <div class="review d-flex justify-content-md-between justify-content-center align-items-center flex-column flex-md-row text-center text-md-start">
                            <div class="review-info">
                                <div class="review-stars">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star.svg" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/star-dis.svg" alt="">
                                </div>
                                <h3 class="review-name"><?= $review->get_prop_render_value("name"); ?></h3>
                                <div class="review-text"><?= $review->get_content(); ?></div>
                            </div>
                            <div class="review-photos">
                                <p class="review-data text-end"><?= $review->get_prop_render_value("date"); ?></p>
                                <div class="photos d-flex">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/png/dog4.png" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/png/dog4.png" alt="">
                                    <img src="<?= $b->pa_get_assets_dir() ?>main/img/png/dog4.png" alt="">
                                </div>
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</main>

<?php $this->template_load("footer.php"); ?>