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


            <div class="row">
                <div class="col-md-6 ">
                    <div class="d-flex align-items-center gap-2 ">
                        <img src="<?php echo base_url(); ?>assets/images/dashboard2.svg" alt="" height="30px">
                        <h3 class="fmon fw-bolder m-0">Dashboard</h3>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 my-1">
                    <div class="card condoacard my-1 card-height">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="<?php echo base_url().'site/units'; ?>" class="fmon ft1 text-white">Condo/Houses <i
                                        class="fa-solid fa-arrow-up-right-from-square"></i></a>
                                <img src="<?php echo base_url(); ?>assets/images/Revenue.svg" class="img-fluid rounded-top" alt="" />

                            </div>
                            <p class="ft2 fmon fw-bold mb-0">102</p>
                            <p class="ft31 mb-0">My Condo</p>
                        </div>
                    </div>
                    <div class="card entcard my-1">
                        <div class="card-body">
                            <div class="">
                                <a href="<?php echo base_url().'site/entandext'; ?>" class="fmon ft1 text-center m-0 text-white">Entrances &
                                    Exists <i class="fa-solid fa-arrow-up-right-from-square"></i></a>


                            </div>

                        </div>
                    </div>
                    <div class="card usercard my-1 card-height">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="h-75 d-flex flex-column justify-content-between m-2">
                                        <img src="<?php echo base_url(); ?>assets/images/use.png" alt="" width="50px">
                                        <div>
                                            <a href="<?php echo base_url().'site/users'; ?>"
                                                class="fmon ft31 m-0 d-flex align-items-center  gap-1">Users
                                                <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
                                            <p class="fmon ft4 mb-2 fw-bold">6,000</p>
                                        </div>
                                    </div>

                                </div>
                                <dic class="col-md-8 my-1">
                                    <div id="chart"></div>
                                </dic>

                            </div>

                        </div>
                    </div>
                    <div class="card issuecard my-1 card-height">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="h-75 d-flex flex-column justify-content-between m-2 ">
                                        <img src="<?php echo base_url(); ?>assets/images/issuerrr.png" alt="" width="50px">

                                        <div>
                                            <a href="<?php echo base_url().'site/issue'; ?>"
                                                class="fmon ft31 m-0 d-flex align-items-center  gap-1">Issues <i
                                                    class="fa-solid fa-arrow-up-right-from-square"></i></a>
                                            <p class="fmon ft4 mb-2 fw-bolder ">54</p>
                                        </div>
                                    </div>

                                </div>
                                <dic class="col-md-8 my-1">
                                    <div id="chart45"></div>
                                </dic>

                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-8 my-1">
                    <div class="custom-toolbar d-flex justify-content-between align-items-center px-3 py-2 mt-0">
                        <p class="m-0 fw-bold">Reservations of the week</p>
                        <div>
                            <button id="prev" class="btn btncal"><i class="fa-solid fa-chevron-left"></i></button>
                            <button id="next" class="btn btncal"><i class="fa-solid fa-chevron-right"></i></button>
                        </div>
                        <div id="custom-title" class="fw-bold"></div>
                        <div>
                            <button id="view-month" class="btn btncal active">Month</button>
                            <button id="view-week" class="btn btncal">Week</button>
                            <!-- <button id="view-day" class="btn btncal">Day</button> -->
                        </div>
                    </div>
                    <div id="calendar" class="bg-white calender-height"></div>
                    <!-- <div class="px-1">
                        <div class="calender">
                            <div class="d-flex justify-content-between px-2">

                                <p class="c-text">Mon 17/11</p>
                                <p class="c-text">Tue 18/11</p>
                                <p class="c-text">Wed 19/11</p>
                                <p class="c-text">Thu 20/11</p>
                                <p class="c-text">Fri 21/11</p>
                                <p class="c-text">Sat 22/11</p>
                                <p class="c-text">Sun 23/11</p>
                            </div>
                            <div class="days d-flex flex-wrap">
                              
                                <div class="day has-event-1">
                                    <div class="event-badge-1 fmon">8am</div>
                                    <div class="d-flex flex-column justify-content-center align-items-center h-100">
                                        <p class="fmon font-ev1 ">Casa Club #1</p>
                                        <p class="fmon font-ev1  ">Unit 202</p>
                                    </div>
                                </div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                
                                <div class="day ">

                                </div>

                                <div class="day has-event-2">
                                    <div class="event-badge-2 fmon">8am</div>
                                    <div class="d-flex flex-column justify-content-center align-items-center h-100">
                                        <p class="fmon font-ev1 ">Casa Club #1</p>
                                        <p class="fmon font-ev1  ">Unit 202</p>
                                    </div>
                                </div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                             
                                <div class="day has-event-1">
                                    <div class="event-badge-1 fmon">8am</div>
                                    <div class="d-flex flex-column justify-content-center align-items-center h-100">
                                        <p class="fmon font-ev1 ">Casa Club #1</p>
                                        <p class="fmon font-ev1  ">Unit 202</p>
                                    </div>
                                </div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                             
                                <div class="day has-event-1">
                                    <div class="event-badge-1 fmon">8am</div>
                                    <div class="d-flex flex-column justify-content-center align-items-center h-100">
                                        <p class="fmon font-ev1 ">Casa Club #1</p>
                                        <p class="fmon font-ev1  ">Unit 202</p>
                                    </div>
                                </div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                               
                                <div class="day has-event-1">
                                    <div class="event-badge-1 fmon">8am</div>
                                    <div class="d-flex flex-column justify-content-center align-items-center h-100">
                                        <p class="fmon font-ev1 ">Casa Club #1</p>
                                        <p class="fmon font-ev1  ">Unit 202</p>
                                    </div>
                                </div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                                <div class="day"></div>
                            </div>
                        </div>
                    </div> -->
                    <div class="row">
                        <div class="col-md-6 my-2">
                            <div class="card  border-15">
                                <div class="card-body">
                                    <p class="ft1 text-black fw-bold">Upcoming Reservations</p>
                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                                        <li class="nav-item" role="presentation">
                                            <a class="nav-link active" id="approved-tab" data-bs-toggle="tab"
                                                href="#approved" role="tab" aria-controls="approved"
                                                aria-selected="true">Approved</a>
                                        </li>
                                        <li class="nav-item" role="presentation">
                                            <a class="nav-link" id="pending-tab" data-bs-toggle="tab" href="#pending"
                                                role="tab" aria-controls="pending" aria-selected="false">Pending</a>
                                        </li>
                                    </ul>

                                    <!-- Tab content -->
                                    <div class="tab-content" id="myTabContent">
                                        <!-- Approved tab content -->
                                        <div class="tab-pane fade show rescard2 active" id="approved" role="tabpanel"
                                            aria-labelledby="approved-tab">
                                            <div class="alist my-2">
                                                <p class="ft32 fmon m-0">Casa Club #1</p>
                                                <p class="ft5 fmon m-0">Unit: <span class="text-muted"> 293</span>

                                                </p>
                                                <p class="ft5 fmon m-0"> Date: <span class="text-muted"> 21 May,
                                                        2021</span></p>
                                                <p class="ft5 fmon m-0"> Slot: <span class="text-muted"> 09-11 AM</span>
                                                </p>
                                            </div>
                                            <div class="alist my-2">
                                                <p class="ft32 fmon m-0">Casa Club #1</p>
                                                <p class="ft5 fmon m-0">Unit: <span class="text-muted"> 293</span>

                                                </p>
                                                <p class="ft5 fmon m-0"> Date: <span class="text-muted"> 21 May,
                                                        2021</span></p>
                                                <p class="ft5 fmon m-0"> Slot: <span class="text-muted"> 09-11 AM</span>
                                                </p>
                                            </div>
                                            <div class="alist my-2">
                                                <p class="ft32 fmon m-0">Casa Club #1</p>
                                                <p class="ft5 fmon m-0">Unit: <span class="text-muted"> 293</span>

                                                </p>
                                                <p class="ft5 fmon m-0"> Date: <span class="text-muted"> 21 May,
                                                        2021</span></p>
                                                <p class="ft5 fmon m-0"> Slot: <span class="text-muted"> 09-11 AM</span>
                                                </p>
                                            </div>
                                        </div>

                                        <!-- Pending tab content -->
                                        <div class="tab-pane fade rescard2" id="pending" role="tabpanel"
                                            aria-labelledby="pending-tab">
                                            <div class="alist my-2">
                                                <p class="ft32 fmon m-0">Casa Club #1</p>
                                                <p class="ft5 fmon m-0">Unit: <span class="text-muted"> 293</span>

                                                </p>
                                                <p class="ft5 fmon m-0"> Date: <span class="text-muted"> 21 May,
                                                        2021</span></p>
                                                <p class="ft5 fmon m-0"> Slot: <span class="text-muted"> 09-11 AM</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 my-2">
                            <div class="card  border-15">
                                <div class="card-body">
                                    <p class="ft1 text-black fw-bold">Recent Entries</p>


                                    <!-- Tab content -->
                                    <div class="rescard3">
                                        <div class="alist my-2">
                                            <p class="ft32 fmon m-0">Casa Club #1</p>
                                            <p class="ft5 fmon m-0">unit: <span class="text-muted"> 293</span>

                                            </p>
                                            <p class="ft5 fmon m-0"> Entered at: <span class="text-muted"> 21 May, 2024
                                                    5:50
                                                    PM</span>
                                            </p>
                                            <p class="ft5 fmon m-0"> Entry type: <span class="text-muted"> Single
                                                    entry</span></p>
                                        </div>
                                        <div class="alist my-2">
                                            <p class="ft32 fmon m-0">Casa Club #1</p>
                                            <p class="ft5 fmon m-0">unit: <span class="text-muted"> 293</span>

                                            </p>
                                            <p class="ft5 fmon m-0"> Entered at: <span class="text-muted"> 21 May, 2024
                                                    5:50
                                                    PM</span>
                                            </p>
                                            <p class="ft5 fmon m-0"> Entry type: <span class="text-muted"> Single
                                                    entry</span></p>
                                        </div>
                                        <div class="alist my-2">
                                            <p class="ft32 fmon m-0">Casa Club #3</p>
                                            <p class="ft5 fmon m-0">unit: <span class="text-muted"> 293</span>

                                            </p>
                                            <p class="ft5 fmon m-0"> Entered at: <span class="text-muted"> 21 May, 2024
                                                    5:50
                                                    PM</span>
                                            </p>
                                            <p class="ft5 fmon m-0"> Entry type: <span class="text-muted"> Single
                                                    entry</span></p>
                                        </div>

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



    </main>