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

            <h3 class=" fmon fw-bolder mt-2 mb-3"><img src="<?php echo base_url(); ?>assets/images/megaIcons/domicon.svg" alt=""> Entrances &
                Exists
            </h3>

            <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">
                    <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" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
                        aria-controls="offcanvasRight">
                        Filter <img src="<?php echo base_url(); ?>assets/images/e.png " alt="" width="20px">
                    </div>
                    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight"
                        aria-labelledby="offcanvasRightLabel">
                        <div class="offcanvas-header">
                            <h5 class="offcanvas-title" id="offcanvasRightLabel">Filters</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas"
                                aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <!-- unit Filter (Searchable) -->
                            <div class="mb-3">
                                <label for="unit" class="form-label"> Unit</label>
                                <input type="text" class="form-control" id="unit" name="unit" placeholder="Unit"
                                    oninput="filterHouseNumbers()">
                                <ul id="houseNumberList" class="list-group mt-2"></ul>
                            </div>
                            <!-- unit Filter (Searchable) -->
                            <div class="mb-3">
                                <label for="unit" class="form-label"> Entry Date</label>
                                <input type="date" class="form-control" name="ent_date" id="ent_date">
                            </div>
                            <!-- Type Filter -->
                            <div class="mb-3">
                                <label for="userType" class="form-label">Entry Type</label>
                                <select class="form-select" id="userType">
                                    <option value="">Select Entry Type</option>
                                    <option value="admin">Admin</option>
                                    <option value="editor">Editor</option>
                                    <option value="viewer">Viewer</option>
                                </select>
                            </div>





                            <button class="btn addBtn w-100" onclick="applyFilters()">Apply Filters</button>
                        </div>
                    </div>

                </div>
                <div>
                    <div class="table-responsive mt-3 ">
                        <table class="table table-striped table-hover">


                            <thead>
                                <tr>
                                    <th scope="col">Unit</th>
                                    <th scope="col">Entry Date</th>

                                    <th scope="col">Exit Date</th>
                                    <th scope="col">Name</th>

                                    <th scope="col">Id</th>
                                    <th scope="col">Plate</th>
                                    <th scope="col">Type</th>
                                    <th scope="col">Actions</th>
                                </tr>
                            </thead>

                            <div class="">
                                <tbody class="">
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-success px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-warning px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-success px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-warning px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-success px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <div class="numBox">
                                                    93
                                                </div>
                                                Zone
                                            </div>
                                        </td>
                                        <td>
                                            <p class="ft7 fmon m-0">11 Nov 2024, 06:00 PM</p>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">11 Nov 2024, 08:00 PM</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft6 fmon m-0">Enzo Fernández</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">24012319 2155</p>
                                            </div>

                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center h-100">
                                                <p class="ft7 fmon m-0">MO-589-AP</p>
                                            </div>

                                        </td>



                                        <td>
                                            <div class="d-flex  align-items-center h40">
                                                <div class="b-badge-warning px-3 py-1 border-15">Single Entry</div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="<?php echo base_url().'site/viewent'; ?>" class="h40">
                                                <img src="<?php echo base_url(); ?>assets/images/eye3.png" alt="">
                                            </a>
                                        </td>
                                    </tr>



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

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