<?php include 'header.php'; ?>
<?php include '_top-header.php'; ?>

<!-- 

another-user-earned-profit-from-share

comment-reply-added

competition-milestone-alert

competition-points-added-from-order

competition-points-added-from-order-to-all-users

 -->

<div class="page">

    <div class="container-md p-0">

        <div class="mt-4 mb-3">
            <h3 class="bold"> Notifications </h3>
        </div>

        <div class="card">


            <div class="buttons-wrapper">



                <?php foreach (range(0, 3) as $i) { ?>

                    <div class="w-100 p-3 flex-start gap-2">
                        <div class="start w-50px">
                            <div class="w-50px h-50px rounded-pill  overflow-hidden mb-2">
                                <div class="shimmer"></div>
                            </div>
                        </div>
                        <div class="end flex-grow">
                            <div class="flex-between">
                                <div class="w-50 h-10px border-radius-sm overflow-hidden mb-2">
                                    <div class="shimmer"></div>
                                </div>
                                <div class="w-50px h-10px border-radius-sm overflow-hidden mb-2">
                                    <div class="shimmer"></div>
                                </div>
                            </div>

                            <div class="w-100 h-10px border-radius-sm overflow-hidden mb-2">
                                <div class="shimmer"></div>
                            </div>

                            <div class="w-100 h-10px border-radius-sm overflow-hidden mb-2">
                                <div class="shimmer"></div>
                            </div>

                        </div>
                    </div>

                <?php } ?>



                <?php foreach (range(0, 9) as $i) { ?>

                    <a class="button-style-1 w-100 p-3 flex-start gap-2 mb-2 <?php echo ($i < 4) ? 'unread' : ''; ?>" href="#">
                        <div class="start">
                            <img src="assets/img/notification.png" class="image base-box-shadow w-50px h-50px cover rounded-pill">
                        </div>
                        <div class="end flex-grow">
                            <div class="flex-between align-items-start">
                                <p class="m-0 font-medium"> The competition is heating up The competition is heating up The competition is heating up The competition is heating up The competition is heating up !  </p>
                                <p class="m-0 color-gray w-25 text-end"> 4 days </p>
                            </div>
                            <p class="m-0 color-gray text-wrap-auto font-light"> Muhhamed Adel has supported Abss with 22 Purchase from the competition, boasting them to the rank 2 </p>
                        </div>
                    </a>

                <?php } ?>

            </div>




        </div>

    </div> <!-- container -->

</div>

<?php include 'footer.php'; ?>