<?php
if ( ! defined( 'ABSPATH' ) ) exit;
global $current_user;
global $wp;
global $wpdb;
?>

	<body>
		<div class="d-flex flex-column flex-root">
			<div class="page d-flex flex-row flex-column-fluid">
				<div id="aside" class="aside py-9">
					<div class="row">
						<div class="col-10 aside-logo flex-column-auto px-9 mb-3" id="aside_logo">
							<a href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>">
								<h2>DialBunny.</h2>
							</a>
						</div>
					</div>
					<div class="aside-menu flex-column-fluid ps-5 pe-3 mb-9" id="aside_menu">
						<div class="w-100 hover-scroll-overlay-y d-flex pe-3" id="aside_menu_wrapper" style="height: 50vh; overflow-y: auto;">
							<div class="menu menu-column menu-rounded menu-sub-indention menu-active-bg fw-semibold my-auto" id="#aside_menu" data-menu="true">
                <div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-phone"></span>
                        </span>
                        <span class="menu-title">My Number</span>
                    </span>
                  </a>
                </div>
				<div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=teams', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-users"></span>
                        </span>
                        <span class="menu-title">Teams</span>
                    </span>
                  </a>
                </div>
				<div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=keypad', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-volume-control-phone"></span>
                        </span>
                        <span class="menu-title">Keypad</span>
                    </span>
                  </a>
                </div>
								<?php
								if (get_option('dialbunny_user_can_request_number') == true || current_user_can('administrator')) {
									echo '<div class="menu-item show menu-accordion">';
									echo '<a class="menu-link" href="'.esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=choose', 'DialBunny', 'user_nonce')).'">';
									echo '<span class="menu-link">';
									echo '<span class="menu-bullet"><span class="fas fa-search"></span></span>';
									echo '<span class="menu-title">Find A Number</span>';
									echo '</span>';
									echo '</a>';
									echo '</div>';
								}
								?>
                <div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=released', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-exchange"></span>
                        </span>
                        <span class="menu-title">Released Numbers</span>
                    </span>
                  </a>
                </div>
                <div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=inbound', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fa fa-level-down"></span>
                        </span>
                        <span class="menu-title">Inbound Calls</span>
                    </span>
                  </a>
                </div>
								<div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=aiassistant', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fa fa-robot"></span>
                        </span>
                        <span class="menu-title">AI Assistant</span>
                    </span>
                  </a>
                </div>
								<div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=contacts', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-address-book"></span>
                        </span>
                        <span class="menu-title">Contacts</span>
                    </span>
                  </a>
                </div>
                <div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=messages', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fa fa-commenting"></span>
                        </span>
                        <span class="menu-title">Messages</span>
                    </span>
                  </a>
                </div>
								<div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=calendar', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fa fa-calendar"></span>
                        </span>
                        <span class="menu-title">Timetable</span>
                    </span>
                  </a>
                </div>
                <div class="menu-item show menu-accordion">
                  <a class="menu-link" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=recents', 'DialBunny', 'user_nonce')); ?>">
                    <span class="menu-link">
                        <span class="menu-bullet">
                          <span class="fas fa-history"></span>
                        </span>
                        <span class="menu-title">Recent Calls</span>
                    </span>
                  </a>
                </div>
							</div>
						</div>
					</div>
					<div class="aside-footer flex-column-auto px-9" id="aside_footer">
						<div class="d-flex flex-stack">
							<div class="d-flex align-items-center">
								<div class="symbol">
									<span class="badge badge-circle badge-primary badge-lg"><?php echo esc_html(strtoupper(substr($current_user->display_name, 0, 1))); ?></span>
								</div>
								<div class="ms-2">
									<a href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')) ?>&dashboardpage=profile" class="text-gray-800 text-hover-primary fs-6 fw-bold lh-1"><?php echo esc_html($current_user->display_name); ?></a>
									<span style="max-width: 170px;" class="text-muted fw-semibold d-block fs-7 lh-1 text-truncate"><?php echo esc_html($current_user->user_email); ?></span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="wrapper d-flex flex-column flex-row-fluid" id="wrapper">
					<div id="header" class="header mt-0 mt-lg-0 pt-lg-0" data-sticky="true" data-sticky-name="header" data-sticky-offset="{lg: '300px'}">
						<div class="container d-flex flex-stack flex-wrap gap-4" id="header_container">
							<div class="page-title d-flex flex-column align-items-start justify-content-center flex-wrap me-lg-2 pb-10 pb-lg-0" data-swapper="true" data-swapper-mode="prepend" data-swapper-parent="{default: '#content_container', lg: '#header_container'}">
                <h1 class="d-flex flex-column text-gray-900 fw-bold my-0 fs-1">
                <?php
								$page = 'default';
								if ( isset($_GET['user_nonce']) && wp_verify_nonce(sanitize_text_field(wp_unslash($_GET['user_nonce'])), 'DialBunny') )
							  	{
									if (isset($_GET['dashboardpage'])) { $page = sanitize_text_field(wp_unslash($_GET['dashboardpage'])); }
								}
								switch ($page)
	                {
					case 'keypad':
	                echo 'Keypad';
	                break;
					case 'teams':
	                echo 'Teams';
	                break;
					case 'howitworks':
	                echo 'How It Works';
	                break;
					case 'choose':
	                if (get_option('dialbunny_user_can_request_number') == true || current_user_can('administrator')) { echo 'Find A Number'; } else { echo 'You don\'t have permission to access this page!'; }
					break;
					case 'released':
	                echo 'Released Numbers';
					break;
					case 'inbound':
	                echo 'Inbound Calls';
					break;
					case 'aiassistant':
	                echo 'AI Assistant';
					break;
					case 'messagesassistant':
	                echo 'AI Assistant';
					break;
					case 'calendar':
	                echo 'Timetable';
					break;
					case 'messages':
	                echo 'Your Messages';
					break;
					case 'contacts':
	                echo 'Your Contacts';
					break;
					case 'recents':
	                echo 'Recent Phone Calls';
					break;
					case 'profile':
	                echo 'Settings → Profile';
					break;

	                default:
	                echo 'Welcome, ' . esc_html($current_user->display_name);
	                break;
              	}
                ?>
                </h1>
							</div>
							<div class="d-flex d-lg-none align-items-center ms-n3 me-2">
								<div class="btn btn-icon btn-active-icon-primary" id="aside_toggle">
									<a data-bs-toggle="modal" data-bs-target="#mobile_aside"><i class="fs-1"><span class="fas fa-bars"></span></i></a>
								</div>
								<a href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>" class="d-flex align-items-center mt-2">
									<h1>DialBunny.</h1>
								</a>
							</div>
							<div class="d-flex align-items-center flex-shrink-0 mb-0 mb-lg-0">
								<a href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')) ?>&dashboardpage=profile" class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline w-40px h-40px position-relative ms-3 ms-lg-4 p-2">
									<span class="fas fa-gear fa-xl"></span>
								</a>	
								<a href="<?php echo esc_url(admin_url()); ?>" class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline w-40px h-40px position-relative ms-3 ms-lg-4 p-2">
									<svg x="0px" y="0px" width="100" height="100" viewBox="0 0 26 26">
									<path d="M 13.03125 0 C 5.882813 0 0.0625 5.820313 0.0625 12.96875 C 0.0625 20.117188 5.882813 25.9375 13.03125 25.9375 C 20.179688 25.9375 26 20.117188 26 12.96875 C 26 5.820313 20.179688 0 13.03125 0 Z M 13.03125 0.59375 C 19.851563 0.59375 25.40625 6.148438 25.40625 12.96875 C 25.40625 19.789063 19.851563 25.34375 13.03125 25.34375 C 6.210938 25.34375 0.65625 19.789063 0.65625 12.96875 C 0.65625 6.148438 6.210938 0.59375 13.03125 0.59375 Z M 13.03125 1.84375 C 9.144531 1.84375 5.738281 3.824219 3.75 6.84375 C 4.011719 6.851563 4.257813 6.875 4.46875 6.875 C 5.632813 6.875 7.4375 6.71875 7.4375 6.71875 C 8.035156 6.683594 8.097656 7.585938 7.5 7.65625 C 7.5 7.65625 6.886719 7.714844 6.21875 7.75 L 10.28125 19.78125 L 12.71875 12.5 L 10.96875 7.75 C 10.371094 7.714844 9.8125 7.65625 9.8125 7.65625 C 9.210938 7.621094 9.277344 6.683594 9.875 6.71875 C 9.875 6.71875 11.71875 6.875 12.8125 6.875 C 13.976563 6.875 15.78125 6.71875 15.78125 6.71875 C 16.382813 6.683594 16.441406 7.585938 15.84375 7.65625 C 15.84375 7.65625 15.230469 7.714844 14.5625 7.75 L 18.59375 19.6875 L 19.6875 16 C 20.25 14.554688 20.53125 13.359375 20.53125 12.40625 C 20.53125 11.03125 20.050781 10.082031 19.625 9.34375 C 19.0625 8.425781 18.53125 7.636719 18.53125 6.71875 C 18.53125 5.699219 19.3125 4.75 20.40625 4.75 C 20.457031 4.75 20.511719 4.746094 20.5625 4.75 C 18.582031 2.9375 15.925781 1.84375 13.03125 1.84375 Z M 22.78125 7.625 C 22.832031 7.980469 22.875 8.371094 22.875 8.78125 C 22.875 9.910156 22.664063 11.164063 22.03125 12.75 L 18.625 22.5625 C 21.929688 20.632813 24.15625 17.070313 24.15625 12.96875 C 24.15625 11.035156 23.648438 9.207031 22.78125 7.625 Z M 2.875 8.4375 C 2.257813 9.820313 1.90625 11.355469 1.90625 12.96875 C 1.90625 17.371094 4.476563 21.164063 8.1875 22.96875 Z M 13.21875 13.9375 L 9.90625 23.625 C 10.902344 23.917969 11.9375 24.09375 13.03125 24.09375 C 14.324219 24.09375 15.5625 23.84375 16.71875 23.4375 C 16.691406 23.390625 16.679688 23.367188 16.65625 23.3125 Z"></path>
									</svg>
								</a>
							</div>
						</div>
					</div>
              <?php
							// Direct database query used below – Safely gets data from the database using $wpdb->prepare(), which handles proper escaping and prevents SQL injection.
					    $dialbunny_licenseKey = $wpdb->get_results($wpdb->prepare("SELECT license_key FROM {$wpdb->prefix}dialbunny_api_keys WHERE id = %s LIMIT 1",'ACWJB59')); // phpcs:ignore WordPress.DB.DirectDatabaseQuery
							if (strlen($dialbunny_licenseKey[0]->license_key) != 27 && stripos($dialbunny_licenseKey[0]->license_key, 'd') == false) { echo '<div class="content d-flex flex-column flex-column-fluid"><div class="container-xxl">' . wp_kses_post(dialbunny_main_danger("No Active License Key!", "Phone calls and text messages will be limited until you add a license key.")) . '</div></div>'; }
              switch ($page)
              {
				case 'teams':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/teams.php');
                break;
				case 'keypad':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/keypad.php');
                break;
				case 'howitworks':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/howitworks.php');
                break;
				case 'choose':
                if (get_option('dialbunny_user_can_request_number') == true || current_user_can('administrator')) { include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/choose.php'); }
                break;
				case 'released':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/released.php');
                break;
				case 'inbound':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/inbound.php');
                break;
				case 'aiassistant':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/ai_assistant.php');
                break;
				case 'calendar':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/calendar.php');
                break;
				case 'messages':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/messages/messages.php');
                break;
				case 'contacts':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/contacts/contacts.php');
                break;
				case 'recents':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/recents.php');
                break;
				case 'profile':
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/profile.php');
                break;

                default:
                include(plugin_dir_path(__FILE__) . 'lib/views/dashboard/index.php');
                break;
              }
               ?>
					<div class="footer py-4 d-flex flex-lg-column" id="footer">
						<div class="container d-flex flex-column flex-md-row flex-stack">
							<div class="text-gray-900 order-2 order-md-1">
							</div>
							<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
								<li class="menu-item">
									<a href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')) ?>&dashboardpage=howitworks" class="menu-link px-2">How It Works</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="scrolltop" class="scrolltop" data-scrolltop="true">
			<i class="">
				<span class="fas fa-arrow-up"></span>
			</i>
		</div>

	<!-- Modals -->
	<!-- During a call MODAL -->
	<div class="modal fade" id="during_call" tabindex="-1" aria-hidden="true" style="display: none;">
				<div class="modal-dialog mw-650px">
					<div class="modal-content">
						<div class="modal-header pb-0 border-0 justify-content-end">
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
	              <i class="fs-1">
	                <span class="fas fa-times"></span>
	              </i>
							</div>
						</div>
						<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
							<div class="text-center mb-13">
								<h1 class="mb-3">Browser Calling</h1>
								<div id="logText" class="text-muted fw-semibold fs-5">Could not connect to the internet</div>
							</div>
							<div class="row mb-7">
								<div class="row col-12">
									<div id="output-selection" class="hide">
										<label class="fs-6 fw-semibold form-label mt-3"><span>Ringtone Devices</span></label>
										<select id="ringtone-devices" class="form-select form-select-solid form-select-lg fw-semibold mb-3 mb-lg-0" multiple></select>
										<label class="fs-6 fw-semibold form-label mt-3"><span>Speaker Devices</span></label>
										<select id="speaker-devices" class="form-select form-select-solid form-select-lg fw-semibold mb-3 mb-lg-0" multiple></select>
										<br/>
										<button id="get-devices" class="btn btn-primary mx-3">Seeing "Unknown" devices?</button>
									</div>
								</div>
							</div>
							<div class="separator mb-6"></div>
							<div id="controls">
					      <section class="center-column">
					        <div id="call-controls" class="hide">
					          <button id="button-hangup-outgoing" class="btn btn-danger mx-3 hide" data-bs-dismiss="modal">Hang Up</button>
					          <div id="incoming-call" class="hide">
					            <p class="text-muted fw-semibold fs-3 instructions">Incoming Call from <span id="incoming-number"></span></p>
					            <button id="button-accept-incoming" class="btn btn-primary mx-3">Accept</button>
					            <button id="button-reject-incoming" class="btn btn-danger mx-3" data-bs-dismiss="modal">Reject</button>
					            <button id="button-hangup-incoming" class="btn btn-danger mx-3 hide" data-bs-dismiss="modal">Hangup</button>
					          </div>
					          <div id="volume-indicators" class="hide">
					            <label>Mic Volume</label>
					            <div id="input-volume"></div>
					            <br/><br/>
					            <label>Speaker Volume</label>
					            <div id="output-volume"></div>
					          </div>
					        </div>
					      </section>
					    </div>
						</div>
					</div>
				</div>
			</div>
			<!-- Mobile aside menu -->
			<div class="modal fade" id="mobile_aside" tabindex="-1" aria-hidden="true" style="display: none;">
						<div class="modal-dialog mw-650px">
							<div class="modal-content">
								<div class="modal-header pb-0 border-0 justify-content-end">
									<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
			              <i class="fs-1">
			                <span class="fas fa-times"></span>
			              </i>
									</div>
								</div>
								<div class="modal-body mx-5 mx-xl-18 pt-0 pb-15">
									<div class="menu menu-column menu-rounded menu-sub-indention fw-semibold my-auto" id="#aside_menu" data-menu="true">
		                <div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-phone"></span>
		                        </span>
		                        <span class="menu-title">My Number</span>
		                    </span>
		                  </a>
		                </div>
						<div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=teams">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-users"></span>
		                        </span>
		                        <span class="menu-title">Teams</span>
		                    </span>
		                  </a>
		                </div>
						<div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=keypad">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-volume-control-phone"></span>
		                        </span>
		                        <span class="menu-title">Keypad</span>
		                    </span>
		                  </a>
		                </div>
										<?php
										if (get_option('dialbunny_user_can_request_number') == true || current_user_can('administrator')) {
											echo '<div class="menu-item show menu-accordion">';
											echo '<a class="menu-link" href="'.esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')).'&dashboardpage=choose">';
											echo '<span class="menu-link text-dark">';
											echo '<span class="menu-bullet"><span class="fas fa-search"></span></span>';
											echo '<span class="menu-title">Find A Number</span>';
											echo '</span>';
											echo '</a>';
											echo '</div>';
										}
										?>
		                <div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=released">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-exchange"></span>
		                        </span>
		                        <span class="menu-title">Released Numbers</span>
		                    </span>
		                  </a>
		                </div>
		                <div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=inbound">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fa fa-level-down"></span>
		                        </span>
		                        <span class="menu-title">Inbound Calls</span>
		                    </span>
		                  </a>
		                </div>
										<div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl.'&dashboardpage=aiassistant', 'DialBunny', 'user_nonce')); ?>">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fa fa-robot"></span>
		                        </span>
		                        <span class="menu-title">AI Assistant</span>
		                    </span>
		                  </a>
		                </div>
										<div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=contacts">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-address-book"></span>
		                        </span>
		                        <span class="menu-title">Contacts</span>
		                    </span>
		                  </a>
		                </div>
		                <div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=messages">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fa fa-commenting"></span>
		                        </span>
		                        <span class="menu-title">Messages</span>
		                    </span>
		                  </a>
		                </div>
										<div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=calendar">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fa fa-calendar"></span>
		                        </span>
		                        <span class="menu-title">Timetable</span>
		                    </span>
		                  </a>
		                </div>
		                <div class="menu-item show menu-accordion">
		                  <a class="menu-link text-dark" href="<?php echo esc_url(wp_nonce_url($dialbunnyDashboardUrl, 'DialBunny', 'user_nonce')); ?>&dashboardpage=recents">
		                    <span class="menu-link">
		                        <span class="menu-bullet">
		                          <span class="fas fa-history"></span>
		                        </span>
		                        <span class="menu-title">Recent Calls</span>
		                    </span>
		                  </a>
		                </div>
									</div>
								</div>
							</div>
						</div>
					</div>
	</body>
