1+ <?php
2+ include_once 'functions/menu/offcanva-menu.php '
3+ ?>
4+ <!DOCTYPE html>
5+ <html data-bs-theme="light" lang="en">
6+
7+ <head>
8+ <meta charset="utf-8">
9+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
10+ <title>Calendar - CUSTMBRS</title>
11+ <meta name="description" content="CUSTMBRS - Cottage Usage Scheduling with Transaction Monitoring for a Beach Resort System">
12+ <link rel="icon" type="image/png" sizes="128x128" href="assets/img/icon.png">
13+ <link rel="icon" type="image/png" sizes="128x128" href="assets/img/icon.png">
14+ <link rel="icon" type="image/png" sizes="128x128" href="assets/img/icon.png">
15+ <link rel="icon" type="image/png" sizes="128x128" href="assets/img/icon.png">
16+ <link rel="icon" type="image/png" sizes="128x128" href="assets/img/icon.png">
17+ <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
18+ <link rel="stylesheet" href="assets/css/Nunito.css">
19+ <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
20+ <link rel="stylesheet" href="assets/css/Application-Form.css">
21+ <link rel="stylesheet" href="assets/css/Articles-Cards-images.css">
22+ <link rel="stylesheet" href="assets/css/bootstrap-select.min.css">
23+ <link rel="stylesheet" href="assets/css/Navbar-Centered-Links-icons.css">
24+ </head>
25+
26+ <body id="page-top">
27+ <div id="wrapper">
28+ <div class="d-flex flex-column" id="content-wrapper">
29+ <nav class="navbar navbar-expand-md bg-body py-3 mb-5">
30+ <div class="container-fluid"><img src="assets/img/icon.png" width="32"><a class="navbar-brand d-flex align-items-center" href="#"><span> Sere's Point Beach Resort</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
31+ <div class="collapse navbar-collapse" id="navcol-2">
32+ <ul class="navbar-nav ms-auto"></ul><button class="btn btn-light ms-md-2" data-bs-toggle="offcanvas" data-bss-tooltip="" data-bs-placement="left" type="button" data-bs-target="#offcanvas-menu" title="Here you can see all the menu list of the site such as (Dashboard, Customers, Rents and etc.).">Menu</button>
33+ </div>
34+ </div>
35+ </nav>
36+ <div id="content">
37+ <div class="container-fluid">
38+ <div class="d-sm-flex justify-content-between align-items-center mb-4">
39+ <h3 class="text-dark mb-0">Calendar</h3>
40+ </div>
41+ <div class="row mb-3">
42+ <div class="col-md-6 col-xl-3 mb-4">
43+ <div class="card shadow border-start-primary py-2" data-bs-toggle="tooltip" data-bss-tooltip="" title="Here you can see your montly earnings.">
44+ <div class="card-body">
45+ <div class="row align-items-center no-gutters">
46+ <div class="col me-2">
47+ <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>CURRENT SALES</span></div>
48+ <div class="text-dark fw-bold h5 mb-0"><span><customer></span></div>
49+ </div>
50+ <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
51+ </div>
52+ </div>
53+ </div>
54+ </div>
55+ <div class="col-md-6 col-xl-3 mb-4">
56+ <div class="card shadow border-start-success py-2" data-bs-toggle="tooltip" data-bss-tooltip="" title="Heres your total customer registered.">
57+ <div class="card-body">
58+ <div class="row align-items-center no-gutters">
59+ <div class="col me-2">
60+ <div class="text-uppercase text-warning fw-bold text-xs mb-1"><span>MONTLY SALES</span></div>
61+ <div class="text-dark fw-bold h5 mb-0"><span>0</span></div>
62+ </div>
63+ <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
64+ </div>
65+ </div>
66+ </div>
67+ </div>
68+ <div class="col-md-6 col-xl-3 mb-4">
69+ <div class="card shadow border-start-success py-2" data-bs-toggle="tooltip" data-bss-tooltip="" title="Heres your latest customer registered.">
70+ <div class="card-body">
71+ <div class="row align-items-center no-gutters">
72+ <div class="col me-2">
73+ <div class="text-uppercase text-warning fw-bold text-xs mb-1"><span>ANNUAL SALES</span></div>
74+ <div class="text-dark fw-bold h5 mb-0"><span>0</span></div>
75+ </div>
76+ <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
77+ </div>
78+ </div>
79+ </div>
80+ </div>
81+ </div>
82+ <div class="card shadow">
83+ <div class="card-header py-3"></div>
84+ <div class="card-body">
85+ <div id="calendar"></div>
86+ </div>
87+ </div>
88+ </div>
89+ </div>
90+ <footer class="bg-white sticky-footer">
91+ <div class="container my-auto">
92+ <div class="text-center my-auto copyright"><span>Copyright © CUTMBRS 2023</span></div>
93+ </div>
94+ </footer>
95+ </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a>
96+ </div>
97+ <?php menu (); ?>
98+ <div class="modal fade" role="dialog" tabindex="-1" id="report">
99+ <div class="modal-dialog" role="document">
100+ <div class="modal-content">
101+ <div class="modal-header">
102+ <h4 class="modal-title">Generate Report</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
103+ </div>
104+ <div class="modal-body">
105+ <p>Select Datetime to generate report</p>
106+ <form>
107+ <div class="container">
108+ <div class="row">
109+ <div class="col-md-6"><input class="form-control" type="date" name="date_start"></div>
110+ <div class="col-md-6"><input class="form-control" type="date" name="date_end"></div>
111+ </div>
112+ </div>
113+ </form>
114+ </div>
115+ <div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button><button class="btn btn-primary" type="button">Generate</button></div>
116+ </div>
117+ </div>
118+ </div>
119+ <script src="assets/js/jquery.min.js"></script>
120+ <script src="assets/bootstrap/js/bootstrap.min.js"></script>
121+ <script src="assets/js/bs-init.js"></script>
122+ <script src="assets/js/bootstrap-select.min.js"></script>
123+ <script src="assets/js/datatables.min.js"></script>
124+ <script src="assets/js/pdfmake.min.js"></script>
125+ <script src="assets/js/vfs_fonts.js"></script>
126+ <script src="assets/js/jszip.min.js"></script>
127+ <script src="assets/js/theme.js"></script>
128+ <script src="assets/js/buttons.print.min.js"></script>
129+ <script src="assets/js/buttons.html5.min.js"></script>
130+ <script src="assets/js/sweetalert2.all.min.js"></script>
131+ <script src="assets/js/main.js"></script>
132+ <script src="assets/js/fullcalendar.js"></script>
133+ <script src="assets/js/index.global.min.js"></script>
134+ <script src="assets/js/tinymce.min.js"></script>
135+ </body>
136+
137+ </html>
0 commit comments