From 2be48fe9013f2889f3fa78bd5f201a63fa481b08 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 18 Mar 2025 12:52:12 +0900
Subject: [PATCH] workMainViewPublish

---
 public/img/mainImg/tea-cup-619268.png |  Bin 0 -> 27979 bytes
 src/components/main/MainCalendar.vue  |  423 +++++++++
 src/views/MainView.vue                | 1189 +------------------------
 3 files changed, 425 insertions(+), 1187 deletions(-)
 create mode 100644 public/img/mainImg/tea-cup-619268.png
 create mode 100644 src/components/main/MainCalendar.vue

diff --git a/public/img/mainImg/tea-cup-619268.png b/public/img/mainImg/tea-cup-619268.png
new file mode 100644
index 0000000000000000000000000000000000000000..26c60d99993c01486aad6d0896b2aba8e8a7fe33
GIT binary patch
literal 27979
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
Rzz?4RhPq}t?`}9g`5*M2H9i0U

literal 0
HcmV?d00001

diff --git a/src/components/main/MainCalendar.vue b/src/components/main/MainCalendar.vue
new file mode 100644
index 0000000..3c7f73d
--- /dev/null
+++ b/src/components/main/MainCalendar.vue
@@ -0,0 +1,423 @@
+<template>
+    <div class="container-xxl flex-grow-1 container-p-y pb-0">
+        <div class="card app-calendar-wrapper">
+            <div class="row g-0">
+                <div class="col-3 border-end text-center">
+                    <div class="card-body">
+                        <img
+                            v-if="user"
+                            :src="`${baseUrl}upload/img/profile/${user.profile}`"
+                            alt="Profile Image"
+                            class="w-px-50 h-px-50 rounded-circle"
+                            @error="$event.target.src = '/img/icons/icon.png'"
+                        />
+                        <p class="mt-2 fw-bold">
+                            {{ user.name }}
+                        </p>
+
+                        <CommuterBtn
+                            :userId="user.id"
+                            :checkedInProject="checkedInProject || {}"
+                            @workTimeUpdated="handleWorkTimeUpdate"
+                            @leaveTimeUpdated="handleLeaveTimeUpdate"
+                            ref="workTimeComponentRef"
+                        />
+
+                        <CommuterProjectList
+                            :project="project"
+                            :commuters="commuters"
+                            :baseUrl="baseUrl"
+                            :user="user"
+                            :selectedProject="selectedProject"
+                            :checkedInProject="checkedInProject"
+                            @drop="handleProjectDrop"
+                        />
+                    </div>
+                </div>
+
+                <div class="col app-calendar-content">
+                    <div class="card shadow-none border-0">
+                        <div class="card-body">
+                            <full-calendar
+                                ref="fullCalendarRef"
+                                :events="calendarEvents"
+                                :options="calendarOptions"
+                                defaultView="dayGridMonth"
+                                class="flatpickr-calendar-only"
+                            >
+                            </full-calendar>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <CenterModal :display="isModalOpen" @close="closeModal">
+        <template #title>
+            {{ eventDate }}
+        </template>
+        <template #body>
+            <div v-if="selectedDateCommuters.length > 0">
+                <div v-for="(commuter, index) in selectedDateCommuters" :key="index">
+                    <div class="d-flex align-items-center my-2">
+                        <img
+                            :src="`${baseUrl}upload/img/profile/${commuter.profile}`"
+                            class="rounded-circle me-2 w-px-50 h-px-50"
+                            @error="$event.target.src = '/img/icons/icon.png'"
+                        />
+
+                        <span class="text-white fw-bold rounded py-1 px-3" :style="`background: ${commuter.projctcolor} !important;`">{{
+                            commuter.memberName
+                        }}</span>
+
+                        <div class="ms-auto text-start fw-bold">{{ commuter.COMMUTCMT }} ~ {{ commuter.COMMUTLVE || '00:00:00' }}</div>
+                    </div>
+                </div>
+            </div>
+        </template>
+        <template #footer>
+            <BackBtn @click="closeModal" />
+        </template>
+    </CenterModal>
+</template>
+
+<script setup>
+    import FullCalendar from '@fullcalendar/vue3';
+    import dayGridPlugin from '@fullcalendar/daygrid';
+    import interactionPlugin from '@fullcalendar/interaction';
+    import CenterModal from '@c/modal/CenterModal.vue';
+    import { computed, inject, onMounted, reactive, ref, watch } from 'vue';
+    import $api from '@api';
+    import 'flatpickr/dist/flatpickr.min.css';
+    import '@/assets/css/app-calendar.css';
+    import { fetchHolidays } from '@c/calendar/holiday';
+    import { useUserInfoStore } from '@/stores/useUserInfoStore';
+    import { useProjectStore } from '@/stores/useProjectStore';
+    import CommuterBtn from '@c/commuters/CommuterBtn.vue';
+    import CommuterProjectList from '@c/commuters/CommuterProjectList.vue';
+    import BackBtn from '@c/button/BackBtn.vue';
+
+    const baseUrl = $api.defaults.baseURL.replace(/api\/$/, '');
+    const user = ref({});
+    const project = ref({});
+    const userStore = useUserInfoStore();
+    const projectStore = useProjectStore();
+
+    const dayjs = inject('dayjs');
+    const fullCalendarRef = ref(null);
+    const workTimeComponentRef = ref(null);
+    const calendarEvents = ref([]);
+    const eventDate = ref('');
+
+    const selectedProject = ref(null);
+    const checkedInProject = ref(null);
+
+    // 모달 상태
+    const isModalOpen = ref(false);
+
+    const commuters = ref([]);
+    const monthlyCommuters = ref([]);
+
+    // 출퇴근 컴포넌트 이벤트 핸들러
+    const handleWorkTimeUpdate = () => {
+        todaysCommuter();
+        loadCommuters();
+    };
+
+    const handleLeaveTimeUpdate = () => {
+        todaysCommuter();
+    };
+
+    // 프로젝트 드롭 이벤트 핸들러 (ProjectList 컴포넌트에서 전달받음)
+    const handleProjectDrop = ({ event, targetProject }) => {
+        // 드래그된 프로젝트 데이터 가져오기
+        const draggedProjectData = JSON.parse(event.dataTransfer.getData('application/json'));
+
+        // 드래그한 프로젝트와 드롭한 프로젝트가 같으면 아무 동작 안 함
+        if (draggedProjectData.PROJCTSEQ === targetProject.PROJCTSEQ) {
+            return;
+        }
+
+        // 선택된 프로젝트 변경
+        checkedInProject.value = targetProject;
+        projectStore.setSelectedProject(targetProject);
+
+        // select 값도 변경
+        selectedProject.value = targetProject.PROJCTSEQ;
+
+        $api.patch('commuters/update', {
+            projctSeq: targetProject.PROJCTSEQ,
+            memberSeq: user.value.id,
+        }).then(res => {
+            if (res.status === 200) {
+                todaysCommuter();
+                loadCommuters();
+            }
+        });
+    };
+
+    // 오늘 출근 모든 사용자 조회
+    const todaysCommuter = async () => {
+        const res = await $api.get(`commuters/todays`);
+        if (res.status === 200) {
+            commuters.value = res.data.data;
+        }
+    };
+
+    // 캘린더 데이터 가져오기
+    const fetchData = async () => {
+        // FullCalendar API 인스턴스 가져오기
+        const calendarApi = fullCalendarRef.value?.getApi();
+        if (!calendarApi) return;
+
+        // 현재 표시된 달력의 연도, 월 추출
+        const date = calendarApi.currentData.viewTitle;
+        const dateArr = date.split(' ');
+        let currentYear = dateArr[0].trim();
+        let currentMonth = dateArr[1].trim();
+        const regex = /\D/g;
+        // 숫자가 아닌 문자 제거 후 정수로 변환
+        currentYear = parseInt(currentYear.replace(regex, ''), 10);
+        currentMonth = parseInt(currentMonth.replace(regex, ''), 10);
+
+        try {
+            // 현재 표시 중인 월의 공휴일 정보 가져오기
+            const holidayEvents = await fetchHolidays(currentYear, String(currentMonth).padStart(2, '0'));
+            // 기존 이벤트에서 공휴일 이벤트를 제외한 이벤트만 필터링
+            const existingEvents = calendarEvents.value.filter(event => !event.classNames?.includes('holiday-event'));
+            // 필터링된 이벤트와 새로 가져온 공휴일 이벤트 병합
+            calendarEvents.value = [...existingEvents, ...holidayEvents];
+
+            // 출근 정보
+            await loadCommuters();
+        } catch (error) {
+            console.error('공휴일 정보 로딩 실패:', error);
+        }
+    };
+
+    // 캘린더 이동 함수 (이전, 다음, 오늘)
+    const moveCalendar = async (value = 0) => {
+        const calendarApi = fullCalendarRef.value?.getApi();
+
+        if (value === 1) {
+            calendarApi.prev(); // 이전 달로 이동
+        } else if (value === 2) {
+            calendarApi.next(); // 다음 달로 이동
+        } else if (value === 3) {
+            calendarApi.today(); // 오늘 날짜로 이동
+        }
+
+        await fetchData();
+    };
+
+    // 날짜 선택 가능 여부를 확인하는 공통 함수
+    const isSelectableDate = date => {
+        const checkDate = dayjs(date);
+        const isWeekend = checkDate.day() === 0 || checkDate.day() === 6;
+        // 공휴일 체크
+        const isHoliday = calendarEvents.value.some(
+            event =>
+                event.classNames?.includes('holiday-event') && dayjs(event.start).format('YYYY-MM-DD') === checkDate.format('YYYY-MM-DD'),
+        );
+
+        return !isWeekend && !isHoliday;
+    };
+
+    // 날짜 클릭 이벤트 함수
+    let todayElement = null;
+    const handleDateClick = info => {
+        const clickedDate = dayjs(info.date).format('YYYY-MM-DD');
+
+        // 클릭한 날짜에 월별 출근 정보가 있는지 확인
+        const dateCommuters = monthlyCommuters.value.filter(commuter => commuter.COMMUTDAY === clickedDate);
+
+        // 출근 기록이 있는 경우에만 모달 열기
+        if (dateCommuters.length > 0) {
+            eventDate.value = clickedDate;
+            isModalOpen.value = true;
+        }
+
+        if (isSelectableDate(info.date)) {
+            const isToday = dayjs(info.date).isSame(dayjs(), 'day');
+
+            if (isToday) {
+                // 오늘 날짜 클릭 시 클래스 제거하고 요소 저장
+                todayElement = info.dayEl;
+                todayElement.classList.remove('fc-day-today');
+            } else if (todayElement) {
+                // 다른 날짜 클릭 시 저장된 오늘 요소에 클래스 다시 추가
+                todayElement.classList.add('fc-day-today');
+                todayElement = null;
+            }
+        }
+    };
+
+    // 바깥 클릭 시 todayElement 클래스 복구
+    document.addEventListener(
+        'click',
+        event => {
+            if (todayElement && !event.target.closest('.fc-daygrid-day')) {
+                todayElement.classList.add('fc-day-today');
+                todayElement = null;
+            }
+        },
+        true,
+    );
+
+    // 날짜 셀 클래스 추가 함수
+    const getCellClassNames = arg => {
+        const cellDate = dayjs(arg.date);
+        const classes = [];
+
+        // 선택 불가능한 날짜(과거, 주말, 공휴일)에 동일한 클래스 추가
+        if (!isSelectableDate(cellDate)) {
+            classes.push('fc-day-sat-sun');
+        }
+
+        return classes;
+    };
+
+    // 현재 달의 모든 출근 정보 조회
+    const loadCommuters = async () => {
+        const calendarApi = fullCalendarRef.value?.getApi();
+        if (!calendarApi) return;
+        const date = calendarApi.currentData.viewTitle;
+        const dateArr = date.split(' ');
+        let currentYear = dateArr[0].trim();
+        let currentMonth = dateArr[1].trim();
+        const regex = /\D/g;
+        currentYear = parseInt(currentYear.replace(regex, ''), 10);
+        currentMonth = parseInt(currentMonth.replace(regex, ''), 10);
+
+        const res = await $api.get('commuters/month', {
+            params: {
+                year: currentYear,
+                month: currentMonth,
+            },
+        });
+        if (res.status === 200) {
+            // 월별 출근 정보 저장
+            monthlyCommuters.value = res.data.data;
+
+            document.querySelectorAll('.fc-daygrid-day-events img.rounded-circle').forEach(img => {
+                img.remove();
+            });
+
+            monthlyCommuters.value.forEach(commuter => {
+                const date = commuter.COMMUTDAY;
+                const dateCell =
+                    document.querySelector(`.fc-day[data-date="${date}"]`) ||
+                    document.querySelector(`.fc-daygrid-day[data-date="${date}"]`);
+                if (dateCell) {
+                    const dayEvents = dateCell.querySelector('.fc-daygrid-day-events');
+                    if (dayEvents) {
+                        dayEvents.classList.add('text-center');
+                        // 프로필 이미지 생성
+                        const profileImg = document.createElement('img');
+                        profileImg.src = `${baseUrl}upload/img/profile/${commuter.profile}`;
+                        profileImg.className = 'rounded-circle w-px-20 h-px-20 mx-1 mb-1 position-relative z-5 m-auto';
+                        profileImg.style.border = `2px solid ${commuter.projctcolor}`;
+                        profileImg.onerror = () => {
+                            profileImg.src = '/img/icons/icon.png';
+                        };
+
+                        dayEvents.appendChild(profileImg);
+                    }
+                }
+            });
+        }
+    };
+
+    // 캘린더 옵션 설정
+    const calendarOptions = reactive({
+        plugins: [dayGridPlugin, interactionPlugin],
+        initialView: 'dayGridMonth',
+        headerToolbar: {
+            left: 'today',
+            center: 'title',
+            right: 'prev,next',
+        },
+        locale: 'kr',
+        events: calendarEvents,
+        eventOrder: 'sortIdx',
+        contentHeight: 'auto',
+        // eventContent: calendarCommuter,
+        // 날짜 선택 관련 옵션 수정
+        selectable: true,
+        selectAllow: selectInfo => isSelectableDate(selectInfo.start),
+        dateClick: handleDateClick,
+        dayCellClassNames: getCellClassNames,
+
+        // 날짜 클릭 비활성화를 위한 추가 설정
+        unselectAuto: true,
+        droppable: false,
+        eventDisplay: 'block',
+
+        // 커스텀 버튼 정의
+        customButtons: {
+            prev: {
+                text: 'PREV',
+                click: () => moveCalendar(1),
+            },
+            today: {
+                text: 'TODAY',
+                click: () => moveCalendar(3),
+            },
+            next: {
+                text: 'NEXT',
+                click: () => moveCalendar(2),
+            },
+        },
+    });
+
+    // 달력 뷰 변경 감지 (월 변경 시 데이터 다시 가져오기)
+    watch(
+        () => fullCalendarRef.value?.getApi().currentData.viewTitle,
+        async () => {
+            await fetchData();
+        },
+    );
+
+    // selectedProject 변경 감지
+    watch(
+        () => projectStore.selectedProject,
+        newProject => {
+            if (newProject) {
+                selectedProject.value = newProject.PROJCTSEQ;
+                checkedInProject.value = newProject;
+            }
+        },
+    );
+
+    // 모달 열기
+    const openModal = () => {
+        isModalOpen.value = true;
+    };
+
+    // 모달 닫기
+    const closeModal = () => {
+        isModalOpen.value = false;
+    };
+
+    const selectedDateCommuters = computed(() => {
+        return monthlyCommuters.value.filter(commuter => commuter.COMMUTDAY === eventDate.value);
+    });
+
+    onMounted(async () => {
+        await fetchData();
+        await userStore.userInfo();
+        user.value = userStore.user;
+        await projectStore.getProjectList('', '', 'true');
+        project.value = projectStore.projectList;
+
+        await todaysCommuter();
+
+        // 저장된 선택 프로젝트 가져오기
+        const storedProject = projectStore.getSelectedProject();
+        if (storedProject) {
+            selectedProject.value = storedProject.PROJCTSEQ;
+            checkedInProject.value = storedProject;
+        }
+    });
+</script>
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 0760a82..6860b41 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -1,1192 +1,7 @@
 <template>
-    <div class="container-xxl flex-grow-1 container-p-y">
-        <div class="row">
-            <div class="col-xxl-8 mb-6 order-0">
-                <Sample-input />
-
-                <div class="card">
-                    <div class="d-flex align-items-start row">
-                        <div class="col-sm-7">
-                            <div class="card-body">
-                                <h5 class="card-title text-primary mb-3">Congratulations John! 🎉</h5>
-                                <p class="mb-6">You have done 72% more sales today.<br />Check your new badge in your profile.</p>
-
-                                <a href="javascript:;" class="btn btn-sm btn-label-primary">View Badges</a>
-                            </div>
-                        </div>
-                        <div class="col-sm-5 text-center text-sm-left">
-                            <div class="card-body pb-0 px-0 px-md-6">
-                                <img
-                                    src="/img/illustrations/man-with-laptop.png"
-                                    height="175"
-                                    class="scaleX-n1-rtl"
-                                    alt="View Badge User"
-                                />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="col-xxl-4 col-lg-12 col-md-4 order-1">
-                <div class="row">
-                    <div class="col-lg-6 col-md-12 col-6 mb-6">
-                        <div class="card h-100">
-                            <div class="card-body pb-4">
-                                <span class="d-block fw-medium mb-1">Order</span>
-                                <h4 class="card-title mb-0">276k</h4>
-                            </div>
-                            <div id="orderChart" class="pb-3"></div>
-                        </div>
-                    </div>
-                    <div class="col-lg-6 col-md-12 col-6 mb-6">
-                        <div class="card h-100">
-                            <div class="card-body">
-                                <div class="card-title d-flex align-items-start justify-content-between mb-4">
-                                    <div class="avatar flex-shrink-0">
-                                        <img src="/img/icons/unicons/wallet-info.png" alt="wallet info" class="rounded" />
-                                    </div>
-                                    <div class="dropdown">
-                                        <button
-                                            class="btn p-0"
-                                            type="button"
-                                            id="cardOpt6"
-                                            data-bs-toggle="dropdown"
-                                            aria-haspopup="true"
-                                            aria-expanded="false"
-                                        >
-                                            <i class="bx bx-dots-vertical-rounded text-muted"></i>
-                                        </button>
-                                        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt6">
-                                            <a class="dropdown-item" href="javascript:void(0);">View More</a>
-                                            <a class="dropdown-item" href="javascript:void(0);">Delete</a>
-                                        </div>
-                                    </div>
-                                </div>
-                                <p class="mb-1">Sales</p>
-                                <h4 class="card-title mb-3">$4,679</h4>
-                                <small class="text-success fw-medium"><i class="bx bx-up-arrow-alt"></i> +28.42%</small>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Total Revenue -->
-            <div class="col-12 col-xxl-8 order-2 order-md-3 order-xxl-2 mb-6">
-                <div class="card">
-                    <div class="row row-bordered g-0">
-                        <div class="col-lg-8">
-                            <div class="card-header d-flex align-items-center justify-content-between">
-                                <div class="card-title mb-0">
-                                    <h5 class="m-0 me-2">Total Revenue</h5>
-                                </div>
-                                <div class="dropdown">
-                                    <button
-                                        class="btn p-0"
-                                        type="button"
-                                        id="totalRevenue"
-                                        data-bs-toggle="dropdown"
-                                        aria-haspopup="true"
-                                        aria-expanded="false"
-                                    >
-                                        <i class="bx bx-dots-vertical-rounded bx-lg text-muted"></i>
-                                    </button>
-                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="totalRevenue">
-                                        <a class="dropdown-item" href="javascript:void(0);">Select All</a>
-                                        <a class="dropdown-item" href="javascript:void(0);">Refresh</a>
-                                        <a class="dropdown-item" href="javascript:void(0);">Share</a>
-                                    </div>
-                                </div>
-                            </div>
-                            <div id="totalRevenueChart" class="px-3"></div>
-                        </div>
-                        <div class="col-lg-4 d-flex align-items-center">
-                            <div class="card-body px-xl-9">
-                                <div class="text-center mb-6">
-                                    <div class="btn-group">
-                                        <button type="button" class="btn btn-label-primary">
-                                            2023
-                                            <!-- <script>
-                  document.write(new Date().getFullYear() - 1)
-
-                  </script> -->
-                                        </button>
-                                        <button
-                                            type="button"
-                                            class="btn btn-label-primary dropdown-toggle dropdown-toggle-split"
-                                            data-bs-toggle="dropdown"
-                                            aria-expanded="false"
-                                        >
-                                            <span class="visually-hidden">Toggle Dropdown</span>
-                                        </button>
-                                        <ul class="dropdown-menu">
-                                            <li><a class="dropdown-item" href="javascript:void(0);">2023</a></li>
-                                            <li><a class="dropdown-item" href="javascript:void(0);">2022</a></li>
-                                            <li><a class="dropdown-item" href="javascript:void(0);">2021</a></li>
-                                        </ul>
-                                    </div>
-                                </div>
-
-                                <div id="growthChart"></div>
-                                <div class="text-center fw-medium my-6">62% Company Growth</div>
-
-                                <div class="d-flex gap-3 justify-content-between">
-                                    <div class="d-flex">
-                                        <div class="avatar me-2">
-                                            <span class="avatar-initial rounded-2 bg-label-primary"
-                                                ><i class="bx bx-dollar bx-lg text-primary"></i
-                                            ></span>
-                                        </div>
-                                        <div class="d-flex flex-column">
-                                            <small>
-                                                2024
-                                                <!-- <script>
-                                  document.write(new Date().getFullYear() - 1)
-                                </script> -->
-                                            </small>
-                                            <h6 class="mb-0">$32.5k</h6>
-                                        </div>
-                                    </div>
-                                    <div class="d-flex">
-                                        <div class="avatar me-2">
-                                            <span class="avatar-initial rounded-2 bg-label-info"
-                                                ><i class="bx bx-wallet bx-lg text-info"></i
-                                            ></span>
-                                        </div>
-                                        <div class="d-flex flex-column">
-                                            <small>
-                                                2023
-                                                <!-- <script>
-                                  document.write(new Date().getFullYear() - 2)
-                                </script> -->
-                                            </small>
-                                            <h6 class="mb-0">$41.2k</h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!--/ Total Revenue -->
-            <div class="col-12 col-md-8 col-lg-12 col-xxl-4 order-3 order-md-2">
-                <div class="row">
-                    <div class="col-6 mb-6">
-                        <div class="card h-100">
-                            <div class="card-body">
-                                <div class="card-title d-flex align-items-start justify-content-between mb-4">
-                                    <div class="avatar flex-shrink-0">
-                                        <img src="/img/icons/unicons/paypal.png" alt="paypal" class="rounded" />
-                                    </div>
-                                    <div class="dropdown">
-                                        <button
-                                            class="btn p-0"
-                                            type="button"
-                                            id="cardOpt4"
-                                            data-bs-toggle="dropdown"
-                                            aria-haspopup="true"
-                                            aria-expanded="false"
-                                        >
-                                            <i class="bx bx-dots-vertical-rounded text-muted"></i>
-                                        </button>
-                                        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt4">
-                                            <a class="dropdown-item" href="javascript:void(0);">View More</a>
-                                            <a class="dropdown-item" href="javascript:void(0);">Delete</a>
-                                        </div>
-                                    </div>
-                                </div>
-                                <p class="mb-1">Payments</p>
-                                <h4 class="card-title mb-3">$2,456</h4>
-                                <small class="text-danger fw-medium"><i class="bx bx-down-arrow-alt"></i> -14.82%</small>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-6 mb-6">
-                        <div class="card h-100">
-                            <div class="card-body pb-0">
-                                <span class="d-block fw-medium mb-1">Revenue</span>
-                                <h4 class="card-title mb-0 mb-lg-4">425k</h4>
-                                <div id="revenueChart"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-12 mb-6">
-                        <div class="card">
-                            <div class="card-body">
-                                <div class="d-flex justify-content-between align-items-center flex-sm-row flex-column gap-10">
-                                    <div class="d-flex flex-sm-column flex-row align-items-start justify-content-between">
-                                        <div class="card-title mb-6">
-                                            <h5 class="text-nowrap mb-1">Profile Report</h5>
-                                            <span class="badge bg-label-warning">YEAR 2022</span>
-                                        </div>
-                                        <div class="mt-sm-auto">
-                                            <span class="text-success text-nowrap fw-medium"><i class="bx bx-up-arrow-alt"></i> 68.2%</span>
-                                            <h4 class="mb-0">$84,686k</h4>
-                                        </div>
-                                    </div>
-                                    <div id="profileReportChart"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <!-- Order Statistics -->
-            <div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
-                <div class="card h-100">
-                    <div class="card-header d-flex justify-content-between">
-                        <div class="card-title mb-0">
-                            <h5 class="mb-1 me-2">Order Statistics</h5>
-                            <p class="card-subtitle">42.82k Total Sales</p>
-                        </div>
-                        <div class="dropdown">
-                            <button
-                                class="btn text-muted p-0"
-                                type="button"
-                                id="orederStatistics"
-                                data-bs-toggle="dropdown"
-                                aria-haspopup="true"
-                                aria-expanded="false"
-                            >
-                                <i class="bx bx-dots-vertical-rounded bx-lg"></i>
-                            </button>
-                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="orederStatistics">
-                                <a class="dropdown-item" href="javascript:void(0);">Select All</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Refresh</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Share</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="card-body">
-                        <div class="d-flex justify-content-between align-items-center mb-6">
-                            <div class="d-flex flex-column align-items-center gap-1">
-                                <h3 class="mb-1">8,258</h3>
-                                <small>Total Orders</small>
-                            </div>
-                            <div id="orderStatisticsChart"></div>
-                        </div>
-                        <ul class="p-0 m-0">
-                            <li class="d-flex align-items-center mb-5">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-mobile-alt"></i></span>
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <h6 class="mb-0">Electronic</h6>
-                                        <small>Mobile, Earbuds, TV</small>
-                                    </div>
-                                    <div class="user-progress">
-                                        <h6 class="mb-0">82.5k</h6>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-5">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <span class="avatar-initial rounded bg-label-success"><i class="bx bx-closet"></i></span>
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <h6 class="mb-0">Fashion</h6>
-                                        <small>T-shirt, Jeans, Shoes</small>
-                                    </div>
-                                    <div class="user-progress">
-                                        <h6 class="mb-0">23.8k</h6>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-5">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <span class="avatar-initial rounded bg-label-info"><i class="bx bx-home-alt"></i></span>
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <h6 class="mb-0">Decor</h6>
-                                        <small>Fine Art, Dining</small>
-                                    </div>
-                                    <div class="user-progress">
-                                        <h6 class="mb-0">849k</h6>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <span class="avatar-initial rounded bg-label-secondary"><i class="bx bx-football"></i></span>
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <h6 class="mb-0">Sports</h6>
-                                        <small>Football, Cricket Kit</small>
-                                    </div>
-                                    <div class="user-progress">
-                                        <h6 class="mb-0">99</h6>
-                                    </div>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <!--/ Order Statistics -->
-
-            <!-- Expense Overview -->
-            <div class="col-md-6 col-lg-4 order-1 mb-6">
-                <div class="card h-100">
-                    <div class="card-header nav-align-top">
-                        <ul class="nav nav-pills" role="tablist">
-                            <li class="nav-item">
-                                <button
-                                    type="button"
-                                    class="nav-link active"
-                                    role="tab"
-                                    data-bs-toggle="tab"
-                                    data-bs-target="#navs-tabs-line-card-income"
-                                    aria-controls="navs-tabs-line-card-income"
-                                    aria-selected="true"
-                                >
-                                    Income
-                                </button>
-                            </li>
-                            <li class="nav-item">
-                                <button type="button" class="nav-link" role="tab">Expenses</button>
-                            </li>
-                            <li class="nav-item">
-                                <button type="button" class="nav-link" role="tab">Profit</button>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="card-body">
-                        <div class="tab-content p-0">
-                            <div class="tab-pane fade show active" id="navs-tabs-line-card-income" role="tabpanel">
-                                <div class="d-flex mb-6">
-                                    <div class="avatar flex-shrink-0 me-3">
-                                        <img src="/img/icons/unicons/wallet-primary.png" alt="User" />
-                                    </div>
-                                    <div>
-                                        <p class="mb-0">Total Balance</p>
-                                        <div class="d-flex align-items-center">
-                                            <h6 class="mb-0 me-1">$459.10</h6>
-                                            <small class="text-success fw-medium">
-                                                <i class="bx bx-chevron-up bx-lg"></i>
-                                                42.9%
-                                            </small>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div id="incomeChart"></div>
-                                <div class="d-flex align-items-center justify-content-center mt-6 gap-3">
-                                    <div class="flex-shrink-0">
-                                        <div id="expensesOfWeek"></div>
-                                    </div>
-                                    <div>
-                                        <h6 class="mb-0">Income this week</h6>
-                                        <small>$39k less than last week</small>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!--/ Expense Overview -->
-
-            <!-- Transactions -->
-            <div class="col-md-6 col-lg-4 order-2 mb-6">
-                <div class="card h-100">
-                    <div class="card-header d-flex align-items-center justify-content-between">
-                        <h5 class="card-title m-0 me-2">Transactions</h5>
-                        <div class="dropdown">
-                            <button
-                                class="btn text-muted p-0"
-                                type="button"
-                                id="transactionID"
-                                data-bs-toggle="dropdown"
-                                aria-haspopup="true"
-                                aria-expanded="false"
-                            >
-                                <i class="bx bx-dots-vertical-rounded bx-lg"></i>
-                            </button>
-                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="transactionID">
-                                <a class="dropdown-item" href="javascript:void(0);">Last 28 Days</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Last Month</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Last Year</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="card-body pt-4">
-                        <ul class="p-0 m-0">
-                            <li class="d-flex align-items-center mb-6">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/paypal.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Paypal</small>
-                                        <h6 class="fw-normal mb-0">Send money</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">+82.6</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-6">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/wallet.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Wallet</small>
-                                        <h6 class="fw-normal mb-0">Mac'D</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">+270.69</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-6">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/chart.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Transfer</small>
-                                        <h6 class="fw-normal mb-0">Refund</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">+637.91</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-6">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/cc-primary.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Credit Card</small>
-                                        <h6 class="fw-normal mb-0">Ordered Food</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">-838.71</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center mb-6">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/wallet.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Wallet</small>
-                                        <h6 class="fw-normal mb-0">Starbucks</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">+203.33</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="avatar flex-shrink-0 me-3">
-                                    <img src="/img/icons/unicons/cc-warning.png" alt="User" class="rounded" />
-                                </div>
-                                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
-                                    <div class="me-2">
-                                        <small class="d-block">Mastercard</small>
-                                        <h6 class="fw-normal mb-0">Ordered Food</h6>
-                                    </div>
-                                    <div class="user-progress d-flex align-items-center gap-2">
-                                        <h6 class="fw-normal mb-0">-92.45</h6>
-                                        <span class="text-muted">USD</span>
-                                    </div>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <!--/ Transactions -->
-            <!-- Activity Timeline -->
-            <div class="col-md-12 col-lg-6 order-4 order-lg-3">
-                <div class="card h-100">
-                    <div class="card-header d-flex justify-content-between">
-                        <h5 class="card-title m-0 me-2">Activity Timeline</h5>
-                        <div class="dropdown">
-                            <button
-                                class="btn text-muted p-0"
-                                type="button"
-                                id="timelineWapper"
-                                data-bs-toggle="dropdown"
-                                aria-haspopup="true"
-                                aria-expanded="false"
-                            >
-                                <i class="bx bx-dots-vertical-rounded bx-lg"></i>
-                            </button>
-                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="timelineWapper">
-                                <a class="dropdown-item" href="javascript:void(0);">Select All</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Refresh</a>
-                                <a class="dropdown-item" href="javascript:void(0);">Share</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="card-body pt-2">
-                        <ul class="timeline mb-0">
-                            <li class="timeline-item timeline-item-transparent">
-                                <span class="timeline-point timeline-point-primary"></span>
-                                <div class="timeline-event">
-                                    <div class="timeline-header mb-3">
-                                        <h6 class="mb-0">12 Invoices have been paid</h6>
-                                        <small class="text-muted">12 min ago</small>
-                                    </div>
-                                    <p class="mb-2">Invoices have been paid to the company</p>
-                                    <div class="d-flex align-items-center mb-1">
-                                        <div class="badge bg-lighter rounded-2">
-                                            <img src="/img/icons/misc/pdf.png" alt="img" width="15" class="me-2" />
-                                            <span class="h6 mb-0 text-body">invoices.pdf</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="timeline-item timeline-item-transparent">
-                                <span class="timeline-point timeline-point-success"></span>
-                                <div class="timeline-event">
-                                    <div class="timeline-header mb-3">
-                                        <h6 class="mb-0">Client Meeting</h6>
-                                        <small class="text-muted">45 min ago</small>
-                                    </div>
-                                    <p class="mb-2">Project meeting with john @10:15am</p>
-                                    <div class="d-flex justify-content-between flex-wrap gap-2">
-                                        <div class="d-flex flex-wrap align-items-center">
-                                            <div class="avatar avatar-sm me-2">
-                                                <img src="/img/avatars/1.png" alt="Avatar" class="rounded-circle" />
-                                            </div>
-                                            <div>
-                                                <p class="mb-0 small fw-medium">Lester McCarthy (Client)</p>
-                                                <small>CEO of ThemeSelection</small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="timeline-item timeline-item-transparent">
-                                <span class="timeline-point timeline-point-info"></span>
-                                <div class="timeline-event">
-                                    <div class="timeline-header mb-3">
-                                        <h6 class="mb-0">Create a new project for client</h6>
-                                        <small class="text-muted">2 Day Ago</small>
-                                    </div>
-                                    <p class="mb-2">6 team members in a project</p>
-                                    <ul class="list-group list-group-flush">
-                                        <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap p-0">
-                                            <div class="d-flex flex-wrap align-items-center">
-                                                <ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
-                                                    <li
-                                                        data-bs-toggle="tooltip"
-                                                        data-popup="tooltip-custom"
-                                                        data-bs-placement="top"
-                                                        title="Vinnie Mostowy"
-                                                        class="avatar pull-up"
-                                                    >
-                                                        <img class="rounded-circle" src="/img/avatars/5.png" alt="Avatar" />
-                                                    </li>
-                                                    <li
-                                                        data-bs-toggle="tooltip"
-                                                        data-popup="tooltip-custom"
-                                                        data-bs-placement="top"
-                                                        title="Allen Rieske"
-                                                        class="avatar pull-up"
-                                                    >
-                                                        <img class="rounded-circle" src="/img/avatars/12.png" alt="Avatar" />
-                                                    </li>
-                                                    <li
-                                                        data-bs-toggle="tooltip"
-                                                        data-popup="tooltip-custom"
-                                                        data-bs-placement="top"
-                                                        title="Julee Rossignol"
-                                                        class="avatar pull-up"
-                                                    >
-                                                        <img class="rounded-circle" src="/img/avatars/6.png" alt="Avatar" />
-                                                    </li>
-                                                    <li class="avatar">
-                                                        <span
-                                                            class="avatar-initial rounded-circle pull-up text-heading"
-                                                            data-bs-toggle="tooltip"
-                                                            data-bs-placement="bottom"
-                                                            title="3 more"
-                                                            >+3</span
-                                                        >
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <!--/ Activity Timeline -->
-            <!-- pill table -->
-            <div class="col-md-6 order-3 order-lg-4 mb-6 mb-lg-0">
-                <div class="card text-center h-100">
-                    <div class="card-header nav-align-top">
-                        <ul class="nav nav-pills" role="tablist">
-                            <li class="nav-item">
-                                <button
-                                    type="button"
-                                    class="nav-link active"
-                                    role="tab"
-                                    data-bs-toggle="tab"
-                                    data-bs-target="#navs-pills-browser"
-                                    aria-controls="navs-pills-browser"
-                                    aria-selected="true"
-                                >
-                                    Browser
-                                </button>
-                            </li>
-                            <li class="nav-item">
-                                <button
-                                    type="button"
-                                    class="nav-link"
-                                    role="tab"
-                                    data-bs-toggle="tab"
-                                    data-bs-target="#navs-pills-os"
-                                    aria-controls="navs-pills-os"
-                                    aria-selected="false"
-                                >
-                                    Operating System
-                                </button>
-                            </li>
-                            <li class="nav-item">
-                                <button
-                                    type="button"
-                                    class="nav-link"
-                                    role="tab"
-                                    data-bs-toggle="tab"
-                                    data-bs-target="#navs-pills-country"
-                                    aria-controls="navs-pills-country"
-                                    aria-selected="false"
-                                >
-                                    Country
-                                </button>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="tab-content pt-0 pb-4">
-                        <div class="tab-pane fade show active" id="navs-pills-browser" role="tabpanel">
-                            <div class="table-responsive text-start text-nowrap">
-                                <table class="table table-borderless">
-                                    <thead>
-                                        <tr>
-                                            <th>No</th>
-                                            <th>Browser</th>
-                                            <th>Visits</th>
-                                            <th class="w-50">Data In Percentage</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>1</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/chrome.png" alt="Chrome" height="24" class="me-3" />
-                                                    <span class="text-heading">Chrome</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">8.92k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-success"
-                                                            role="progressbar"
-                                                            style="width: 64.75%"
-                                                            aria-valuenow="64.75"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">64.75%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>2</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/safari.png" alt="Safari" height="24" class="me-3" />
-                                                    <span class="text-heading">Safari</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">1.29k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-primary"
-                                                            role="progressbar"
-                                                            style="width: 18.43%"
-                                                            aria-valuenow="18.43"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">18.43%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>3</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/firefox.png" alt="Firefox" height="24" class="me-3" />
-                                                    <span class="text-heading">Firefox</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">328</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-info"
-                                                            role="progressbar"
-                                                            style="width: 8.37%"
-                                                            aria-valuenow="8.37"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">8.37%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>4</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/edge.png" alt="Edge" height="24" class="me-3" />
-                                                    <span class="text-heading">Edge</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">142</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-warning"
-                                                            role="progressbar"
-                                                            style="width: 6.12%"
-                                                            aria-valuenow="6.12"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">6.12%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>5</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/opera.png" alt="Opera" height="24" class="me-3" />
-                                                    <span class="text-heading">Opera</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">82</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 2.12%"
-                                                            aria-valuenow="1.94"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">2.12%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>6</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/uc.png" alt="uc" height="24" class="me-3" />
-                                                    <span class="text-heading">UC Browser</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">328</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 20.14%"
-                                                            aria-valuenow="1.94"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">20.14%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                        <div class="tab-pane fade" id="navs-pills-os" role="tabpanel">
-                            <div class="table-responsive text-start text-nowrap">
-                                <table class="table table-borderless">
-                                    <thead>
-                                        <tr>
-                                            <th>No</th>
-                                            <th>System</th>
-                                            <th>Visits</th>
-                                            <th class="w-50">Data In Percentage</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>1</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/windows.png" alt="Windows" height="24" class="me-3" />
-                                                    <span class="text-heading">Windows</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">875.24k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-success"
-                                                            role="progressbar"
-                                                            style="width: 61.5%"
-                                                            aria-valuenow="61.50"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">61.50%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>2</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/mac.png" alt="Mac" height="24" class="me-3" />
-                                                    <span class="text-heading">Mac</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">89.68k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-primary"
-                                                            role="progressbar"
-                                                            style="width: 16.67%"
-                                                            aria-valuenow="16.67"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">16.67%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>3</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/ubuntu.png" alt="Ubuntu" height="24" class="me-3" />
-                                                    <span class="text-heading">Ubuntu</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">37.68k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-info"
-                                                            role="progressbar"
-                                                            style="width: 12.82%"
-                                                            aria-valuenow="12.82"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">12.82%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>4</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/chrome.png" alt="Chrome" height="24" class="me-3" />
-                                                    <span class="text-heading">Chrome</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">8.34k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-warning"
-                                                            role="progressbar"
-                                                            style="width: 6.25%"
-                                                            aria-valuenow="6.25"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">6.25%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>5</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/cent.png" alt="Cent" height="24" class="me-3" />
-                                                    <span class="text-heading">Cent</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">2.25k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 2.76%"
-                                                            aria-valuenow="2.76"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">2.76%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>6</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <img src="/img/icons/brands/linux.png" alt="linux" height="24" class="me-3" />
-                                                    <span class="text-heading">Linux</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">328k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 20.14%"
-                                                            aria-valuenow="2.76"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">20.14%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                        <div class="tab-pane fade" id="navs-pills-country" role="tabpanel">
-                            <div class="table-responsive text-start text-nowrap">
-                                <table class="table table-borderless">
-                                    <thead>
-                                        <tr>
-                                            <th>No</th>
-                                            <th>Country</th>
-                                            <th>Visits</th>
-                                            <th class="w-50">Data In Percentage</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>1</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-us rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">USA</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">87.24k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-success"
-                                                            role="progressbar"
-                                                            style="width: 38.12%"
-                                                            aria-valuenow="38.12"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">38.12%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>2</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-br rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">Brazil</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">42.68k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-primary"
-                                                            role="progressbar"
-                                                            style="width: 28.23%"
-                                                            aria-valuenow="28.23"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">28.23%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>3</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-in rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">India</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">12.58k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-info"
-                                                            role="progressbar"
-                                                            style="width: 14.82%"
-                                                            aria-valuenow="14.82"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">14.82%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>4</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-au rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">Australia</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">4.13k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-warning"
-                                                            role="progressbar"
-                                                            style="width: 12.72%"
-                                                            aria-valuenow="12.72"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">12.72%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>5</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-fr rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">France</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">2.21k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 7.11%"
-                                                            aria-valuenow="7.11"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">7.11%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td>6</td>
-                                            <td>
-                                                <div class="d-flex align-items-center">
-                                                    <i class="fis fi fi-ca rounded-circle fs-4 me-3"></i>
-                                                    <span class="text-heading">Canada</span>
-                                                </div>
-                                            </td>
-                                            <td class="text-heading">22.35k</td>
-                                            <td>
-                                                <div class="d-flex justify-content-between align-items-center gap-4">
-                                                    <div class="progress w-100" style="height: 10px">
-                                                        <div
-                                                            class="progress-bar bg-danger"
-                                                            role="progressbar"
-                                                            style="width: 15.13%"
-                                                            aria-valuenow="7.11"
-                                                            aria-valuemin="0"
-                                                            aria-valuemax="100"
-                                                        ></div>
-                                                    </div>
-                                                    <small class="fw-medium">15.13%</small>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!--/ pill table -->
-        </div>
-    </div>
+    <MainCalendar />
 </template>
 
 <script setup>
-import SampleInput from '@c/SampleInput.vue';
+    import MainCalendar from '@c/main/MainCalendar.vue';
 </script>
-
-<style lang="scss" scoped></style>