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

            <h3 class="fmon fw-bold"><i class="fa-solid fa-user-tie"></i> Condo Info</h3>
            <ul class="  row " id="myTab" role="tablist">
                <li class="nav-item nav-link col-md-3" role="presentation">
                    <a href="<?php echo base_url().'site/condoinfo'; ?>" 
                    class="card un-card <?php echo $type=='condo'?'active':''; ?> w-100 " 
                >
                        <div class="card-body w-100">
                            <div class="d-flex justify-content-between">
                                <p class="ft4 fmon">Condo Info</p>
                                <img src="<?php echo base_url(); ?>assets/images/condo.png" alt="" width="50px">
                            </div>
                        </div>
                </a>
                </li>
                <li class="nav-item col-md-3" role="presentation">
                    <a  href="<?php echo base_url().'site/admininfo'; ?>" class="card un-card <?php echo $type=='admin'?'active':''; ?> w-100" >
                        <div class="card-body w-100">
                            <div class="d-flex justify-content-between">
                                <p class="ft4 fmon">Admin info</p>
                                <img src="<?php echo base_url(); ?>assets/images/admini.png" alt="" width="50px">
                            </div>
                        </div>
                    </a>
                </li>
                <li class="nav-item  col-md-3" role="presentation">
                    <a  href="<?php echo base_url().'site/bankinfo'; ?>" class="card un-card <?php echo $type=='bank'?'active':''; ?> w-100" >
                        <div class="card-body w-100">
                            <div class="d-flex justify-content-between">
                                <p class="ft4 fmon">Bank Accounts</p>
                                <img src="<?php echo base_url(); ?>assets/images/banka.png" alt="" width="50px">
                            </div>
                        </div>
                    </a>
                </li>
            </ul>




            <!-- Tab Content -->
            <div class="tab-content my-4" id="myTabContent">
                <!-- Pending Tab -->

                <div class="tab-pane fade show active" id="pending" role="tabpanel" aria-labelledby="pending-tab">
                    <div class="row">
                        <div class="col-md-7">

                            <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-5 d-flex justify-content-end gap-2">

                            <a href="<?php echo base_url().'site/addadmincondo'; ?>" class="btn addBtn d-flex gap-2 align-items-center"><img
                                    src="<?php echo base_url(); ?>assets/images/megaIcons/aplu.png" alt="">Add Info</a>


                        </div>
                        <div class="col-md-12 my-2">
                            <div class="alert alert-success" role="alert">

                                <p class="mb-0 fw-bold">Each field name corresponds to its respective value in the table
                                    below.
                                    For example, in ‘Field’ you can enter ‘Legal Name,’ and in ‘Value,’ the actual legal
                                    name</p>
                            </div>

                        </div>
                    </div>

                    <div>
                        <div class="table-responsive mt-3">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col">Field</th>
                                        <th scope="col">Value</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($condoinfo as $key=>$info): ?>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0"><?php echo $info['field']; ?></p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0"><?php echo $info['value']; ?></p>
                                            </div>
                                        </td>
                                        <td>


                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editcondoinfo/'.$key; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="<?php echo base_url().'site/deletecondoinfo/'.$key; ?>" class="" >
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <?php endforeach; ?>
                                    <!-- Repeat rows as needed -->
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <!-- Edit Modal -->
                    <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="editModalLabel">Edit Condo Info</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="mb-3">
                                            <label for="condoName" class="form-label">Condo Name</label>
                                            <input type="text" class="form-control" id="condoName" value="Adminave">
                                        </div>
                                        <div class="mb-3">
                                            <label for="ownerName" class="form-label">Owner Name</label>
                                            <input type="text" class="form-control" id="ownerName"
                                                value="Maria Auxiliadora Lopez">
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save Changes</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Approved Tab -->
                <div class="tab-pane fade" id="approved" role="tabpanel" aria-labelledby="approved-tab">
                    <div class="row">
                        <div class="col-md-7">

                            <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-5 d-flex justify-content-end gap-2">

                            <a href="<?php echo base_url().'site/addadmincondo'; ?>" class="btn addBtn d-flex gap-2 align-items-center"><img
                                    src="<?php echo base_url(); ?>assets/images/megaIcons/aplu.png" alt="">Add admin</a>


                        </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">Role</th>
                                        <th scope="col">Phone</th>
                                        <th scope="col">Email</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Maria Auxiliadora Lopez</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">8888-0000-00</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">Admin@test.com</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>

                                    <!-- Additional rows can be added dynamically -->
                                </tbody>
                            </table>

                            <!-- Pagination -->
                            <div class="pagination d-flex justify-content-end">
                                <div class="d-flex align-items-center gap-2">
                                    <button class="pagibutton p-left">
                                        <img src="<?php echo base_url(); ?>assets/images/cl.png" alt="">
                                    </button>
                                    <button class="pagibuttonnum active">1</button>
                                    <button class="pagibuttonnum">2</button>
                                    <button class="pagibuttonnum">3</button>
                                    <button class="pagibuttonnum">4</button>
                                    <button class="pagibuttonnum">5</button>
                                    <button class="pagibuttonnum">...</button>
                                    <button class="pagibuttonnum">10</button>
                                    <button class="pagibutton p-left">
                                        <img src="<?php echo base_url(); ?>assets/images/cr.png" alt="">
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- bank  Tab -->
                <div class="tab-pane fade" id="history" role="tabpanel" aria-labelledby="history-tab">
                    <div class="row">
                        <div class="col-md-7">

                            <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-5 d-flex justify-content-end gap-2">

                            <a href="<?php echo base_url().'site/addbank'; ?>" class="btn addBtn d-flex gap-2 align-items-center"><img
                                    src="<?php echo base_url(); ?>assets/images/megaIcons/aplu.png" alt="">Add Bank</a>

                        </div>
                    </div>
                    <div>
                        <div class="table-responsive mt-3">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col">Bank Name</th>
                                        <th scope="col">Account Number</th>
                                        <th scope="col">IBAN</th>
                                        <th scope="col">Currency</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>USD</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#editModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>EUR</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>USD</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>EUR</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>USD</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Lorem Ipsum Bank</td>
                                        <td>6024720363714226242</td>
                                        <td>EN34LIB0247697140226242</td>
                                        <td>EUR</td>
                                        <td>
                                            <div class="d-flex gap-2 align-items-end">
                                                <a href="<?php echo base_url().'site/editadmininfo'; ?>" class="">
                                                    <img src="<?php echo base_url(); ?>assets/images/viedit.png" alt="">
                                                </a>

                                                <a href="#" class="" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal">
                                                    <img src="<?php echo base_url(); ?>assets/images/delr.svg" alt="">
                                                </a>

                                            </div>

                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

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

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

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

