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

<div class="page">

    <div class="container p-0">

        <div class="profile-layout">

            <div class="start">
                <?php include '_profile-layout-side-menu.php' ?>
            </div><!-- start -->

            <div class="end">

                <div class="card">

                    <div class="flex-between mb-3">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#"> Settings </a></li>
                            <li class="breadcrumb-item active"> Blocked users </li>
                        </ol>
                    </div>


                    <div class="flex-between mb-3">

                        <p class="lead  m-0"> All Blocked Users </p>

                        <div class="form-group m-0 input-with-start-icon">
                            <div class="relative">
                                <input type="text" class="form-control" placeholder="Search here">
                                <i class="icon icon-search start-icon icon-lg"></i>
                            </div>
                        </div>

                    </div>

                    <div class="users-list">


                        <div class="blocked-user-card base-border-light">

                            <div class="start flex-start gap-2">

                                <div class="w-50px h-50px base-border-radius overflow-hidden">
                                    <div class="shimmer"></div>
                                </div>

                                <div class="w-150px h-10px base-border-radius overflow-hidden">
                                    <div class="shimmer"></div>
                                </div>

                            </div>

                            <div class="end">

                                <div class="w-130px h-40px base-border-radius overflow-hidden">
                                    <div class="shimmer"></div>
                                </div>

                            </div>

                        </div>



                        <?php foreach (range(0, 7) as $i) { ?>
                            <div class="blocked-user-card">
                                <div class="start flex-start gap-2">
                                    <img src="assets/img/thumbs/users/01.jpg" class="rounded user-image w-50px h-50px object-cover me-2">
                                    <p class="m-0 lead"> Ahmed omar </p>
                                </div>
                                <div class="end">

                                    <a class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#unblock-user-modal"> Unblock user </a>
                                </div>
                            </div>
                        <?php } ?>

                    </div>

                </div>

            </div> <!-- end -->

        </div> <!-- profile-layout -->

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

</div> <!-- page -->

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





<div class="modal fade" id="unblock-user-modal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">

            <div class="modal-body">

                <div class="mb-3 text-center">
                    <img src="assets/img/unblock-user.svg" class="w-70px">
                </div>

                <h6 class="bold text-center mb-3"> Are you sure you want to unblock this user </h6>

                <div class="modal-buttons text-center">
                    <button class="btn btn-primary w-100 mb-2" data-dismiss="modal"> Yes </button>
                    <button class="btn btn-outline-primary w-100" data-dismiss="modal"> Cancel </button>
                </div>

            </div>




        </div> <!-- modal-content -->
    </div> <!-- modal-dialog -->
</div> <!-- modal -->