  <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <h3 class="fmon fw-bold">Reports</h3>
            <div class="row my-2">
                <div class="col-md-3 my-2">
                    <div class="card un-card u-active">
                        <div class="card-body">
                            <a href="<?php echo base_url().'site/reports'; ?>" class="d-flex justify-content-between">
                                <p class="ft4 fmon">Authorizations</p>
                                <img src="<?php echo base_url(); ?>assets/images/aut.png" alt="" width="50px">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 my-2">
                    <div class="card un-card ">
                        <div class="card-body">
                            <a href="#" class=" d-flex justify-content-between">
                                <p class="ft4 fmon">Tickets</p>
                                <img src="<?php echo base_url(); ?>assets/images/ticket.png" alt="" width="50px">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 my-2">
                    <div class="card un-card ">
                        <div class="card-body">
                            <a href="#" class="d-flex justify-content-between">
                                <p class="ft4 fmon">Finances</p>
                                <img src="<?php echo base_url(); ?>assets/images/finan2.png" alt="" width="50px">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 my-2">
                    <div class="card un-card ">
                        <div class="card-body">
                            <a href="#" class="d-flex justify-content-between">
                                <p class="ft4 fmon">Amenities</p>
                                <img src="<?php echo base_url(); ?>assets/images/amn2.png" alt="" width="50px">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <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 ">

                    <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 class="row">
                    <div class="col-md-12 my-2">


                        <div class="card border-15">
                            <div class="card-body">
                                <div class="chart" id="chart"></div>
                            </div>
                        </div>
                    </div>
                </div>

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

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