   <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">

            <div class="d-flex align-items-center gap-2 mb-2">
                <img src="<?php echo base_url(); ?>assets/images/ban.png   " alt="" height="30px">
                <h3 class="fmon fw-bolder m-0">Banned People</h3>
            </div>

            <div class="row">
                <div class="col-md-5">

                    <div class="input-group border-15">
                        <span class="input-group-text  border-15"><img src="<?php echo base_url(); ?>assets/images/serIcon.png" alt=""
                                width="25px"></span>
                        <input type="text" name="" id="" class="form-control form-Search  border-15  py-2"
                            placeholder="search">
                    </div>

                </div>
                <div class="col-md-7 d-flex justify-content-end gap-2">
                    <a href="<?php echo base_url().'site/addbanpeople'; ?>" class="btn addBtn d-flex gap-2 align-items-center"><img
                            src="<?php echo base_url(); ?>assets/images/megaIcons/aplu.png" alt="">Add Banned People </a>
                    <button class="btn expButn  "><img src="<?php echo base_url(); ?>assets/images/megaIcons/xport.png" alt=""> Export
                        List</button>

                    <div class="btn bg-white d-flex gap-5 align-items-center px-3 border-15">
                        Filter <img src="<?php echo base_url(); ?>assets/images/e.png " alt="" width="20px">
                    </div>

                </div>
                <div>
                    <div class="table-responsive mt-3 ">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th scope="col">Name</th>
                                    <th scope="col">Id</th>
                                    <th scope="col">Status</th>

                                    <th scope="col">Nationality</th>
                                    <th scope="col">Reason</th>

                                    <th scope="col">Banned date</th>
                                    <th>Actions</th>

                                </tr>
                            </thead>
                            <div class="">
                                <tbody class="">
                                <?php 
                                // echo "<pre>";
                                // print_r($bannedPeople);
                                // echo "</pre>";
                                ?>   
                                <?php foreach($bannedPeople as $id=> $banned){ ?>
                                <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-start">

                                                <p class="ft6 fmon m-0"><?php echo $banned['name']; ?></p>
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0"><?php echo $id; ?></p>
                                        </td>
                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <?php if($banned['status']=="banned"){ ?>
                                                <div class="b-badge-danger px-3 py-1 border-15">Banned</div>
                                                <?php } else { ?>
                                                <div class="b-badge-success px-3 py-1 border-15">Unbanned</div>
                                                <?php } ?>
                                            </div>
                                        </td>
                                        <td><?php echo $banned['nationality']; ?></td>
                                        <td>
                                            <p class="ft7 fmon m-0">
                                            <?php echo $banned['reason']; ?>    
                                            
                                            </p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0"><?php echo $banned['banned_date']; ?></p>
                                            </div>

                                        </td>





                                        <td>
                                            <a href="<?php echo base_url().'site/viewbanned/'.$id; ?>" class="">
                                                <img src="<?php echo base_url(); ?>assets/images/eyer.svg" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <?php } ?>

                                    
                                  


                                    <!-- Add more rows as needed -->
                                </tbody>
                            </div>
                        </table>
                      
                    </div>

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

    </main>
    <!--end main wrapper-->