first commit

This commit is contained in:
Olu Amey
2021-10-09 21:59:14 -04:00
commit 2e1a4017c3
6336 changed files with 864678 additions and 0 deletions
@@ -0,0 +1,57 @@
<!-- Begin: Scripts -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcmwE8P44WUU4-xBfELRR9eZ2Abr1RvGw"></script>
<script type="text/javascript" src="/massets/vendor/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7/js/framework7.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/toast/toast.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/tour-guide/tour-guide.js"></script>
<script type="text/javascript" src="/massets/vendor/gmaps/gmaps.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript" src="/massets/vendor/pattern-lock/patternLock.min.js"></script>
<script type="text/javascript" src="/massets/vendor/rateyo/jquery.rateyo.min.js"></script>
<script type="text/javascript" src="/massets/vendor/snazzy-maps/snazzy-maps.js"></script>
<script type="text/javascript" src="/massets/vendor/tooltipster/js/tooltipster.bundle.min.js"></script>
<script type="text/javascript" src="/massets/vendor/vivus/vivus.min.js"></script>
<script type="text/javascript" src="/massets/custom/js/init.js"></script>
<script type="text/javascript" src="/massets/vendor/nectar/nectar.js"></script>
<script type="text/javascript" src="/massets/custom/js/components.js"></script>
<script type="text/javascript" src="/massets/custom/js/pages.js"></script>
<script type="text/javascript" src="/massets/custom/js/themes.js"></script>
<script type="text/javascript">
'use strict';
(function() {
myApp.init();
})();
</script>
<!-- End: Scripts -->
<script type="text/javascript">
<!--
function changePage(nextpage) {
// if (confirm("continue managing selected Transport [" + nextpage + "]")) {
// do something
// } else {
// return false;
// }
document.location = "/mobile/" + nextpage + "?proc=NCOMPLETE&jobID=108&transp_id=" + nextpage;
return false;
}
// -->
</script>
</body>
</html>
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Begin: Basic Meta Tags -->
<meta charset="UTF-8" /> <!-- Set character encoding -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- Internet Explorer compatibility mode -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- For responsiveness on mobile browsers -->
<!-- End: Basic Meta Tags -->
<!-- Begin: Content Security Policy Meta Tags -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval' data: blob: filesystem: ws: gap: cdvfile: https://ssl.gstatic.com *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; img-src * data: 'unsafe-inline'; connect-src * 'unsafe-inline'; child-src *;" /> <!-- Allows control over where the resources are loaded from -->
<!-- End: Content Security Policy Meta Tags -->
<!-- Begin: Android Meta Tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#333333" /> <!-- Status bar color -->
<link rel="icon" type="image/png" sizes="192x192" href="/massets/custom/favicons/android-chrome-192x192.png" />
<link rel="manifest" href="/massets/custom/favicons/manifest.json" />
<!-- End: Android Meta Tags -->
<!-- Begin: iOS Meta Tags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" /> <!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="apple-mobile-web-app-title" content="Nectar" />
<link rel="apple-touch-icon" sizes="57x57" href="/massets/custom/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/massets/custom/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/massets/custom/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/massets/custom/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/massets/custom/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/massets/custom/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/massets/custom/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/massets/custom/favicons/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/massets/custom/favicons/apple-touch-icon-180x180.png" />
<!-- End: iOS Meta Tags -->
<!-- Begin: Windows Meta Tags -->
<meta name="application-name" content="Nectar" />
<meta name="msapplication-tooltip" content="Mobile Web App Kit" />
<meta name="msapplication-navbutton-color" content="#333333" />
<meta name="msapplication-TileColor" content="#333333" />
<meta name="msapplication-config" content="/massets/custom/favicons/browserconfig.xml" />
<meta name="msapplication-TileImage" content="/massets/custom/favicons/mstile-144x144.png" />
<!-- End: Windows Meta Tags -->
<!-- Begin: Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/massets/custom/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/massets/custom/favicons/favicon-16x16.png" />
<link rel="shortcut icon" href="/massets/custom/favicons/favicon.ico" />
<!-- End: Favicons -->
<!-- Begin: Stylesheets -->
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.colors.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/toast/toast.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/tour-guide/tour-guide.css" />
<link rel="stylesheet" href="/massets/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="/massets/vendor/hamburgers/hamburgers.min.css" />
<link rel="stylesheet" href="/massets/vendor/material-icons/material-icons.css" />
<link rel="stylesheet" href="/massets/vendor/pattern-lock/patternLock.css" />
<link rel="stylesheet" href="/massets/vendor/rateyo/jquery.rateyo.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css" />
<link rel="stylesheet" href="/massets/vendor/nectar/nectar.css" />
<link rel="stylesheet" href="/massets/custom/css/components.css" />
<link rel="stylesheet" href="/massets/custom/css/pages.css" />
<!-- End: Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>WrenchBoard</title>
</head>
<body class="theme-teal" style=' background-image: url("/massets/img/start-page.jpg");'>
+77
View File
@@ -0,0 +1,77 @@
<div data-page="login" class="page no-navbar">
<!-- Begin: Page Content -->
<div class="page-content" style="background-image: url('/massets/img/werench-m0.jpg'); background-position: center center; background-size: cover;">
<div class="content-block">
<img class="logo" src="/massets/custom/img/wrenchboard.png" alt="WrenchBoard" />
</div>
<form name="login" action="/mobile" method="POST" enctype="multipart/form-data">
<div class="list-block no-hairlines" style="background-color: #ffffFF;">
<ul>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">mail_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="email" name="username" placeholder="Email" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">lock_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="password" name="password" placeholder="Password" data-toggle="show-hide-password" required />
</div>
<div class="item-after show-hide-password">
<a href="#" class="color-gray" title="Show" data-action="show-hide-password">
<i class="material-icons">visibility</i>
</a>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
</ul>
<a href="/mobile/forgot-password">Forgot Password?</a> <?= $login_message ?>
</div>
<div class="content-block">
<button type="submit" class="button button-big button-block button-fill">Log In</button>
<p class="text-center">Don't have an account? <a href="#" onclick="changePage('signup');" >Sign Up</a></p>
</div>
</form>
</div>
<!-- End: Page Content -->
</div>
+158
View File
@@ -0,0 +1,158 @@
<div data-page="signup" class="page no-navbar" style="background-image: url('/massets/img/werench-m1.jpg'); background-position: center center; background-size: cover;">
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block">
<img class="logo" src="/massets/custom/img/wrenchboard.png" alt="WrenchBoard" />
</div>
<div class="content-block">
<p>
<button class="button button-big button-block button-fill button-social button-facebook">
<i class="fa fa-fw fa-lg fa-facebook"></i>
<span>Connect with Facebook</span>
</button>
</p>
<!-- p>
<button class="button button-big button-block button-fill button-social button-google-plus">
<i class="fa fa-fw fa-lg fa-google"></i>
<span>Connect with Google</span>
</button>
</p -->
<p>
<a href="#" class="button button-big button-block button-fill button-social open-popup" data-popup=".popup-signup-email">
<i class="fa fa-fw fa-lg fa-envelope-o"></i>
<span>Sign Up with Email</span>
</a>
</p>
<p>Already have an account? <a href="#" onclick="changePage('login');" >Log In</a></p>
</div>
</div>
<!-- End: Page Content -->
<!-- Begin: Popup -->
<div class="popup tablet-fullscreen popup-signup-email">
<div class="toolbar">
<div class="toolbar-inner">
<div class="left">
<a href="#" class="link disabled"></a>
</div>
<div class="center">Sign Up</div>
<div class="right">
<a href="#" class="link close-popup">
<i class="material-icons">clear</i>
</a>
</div>
</div>
</div>
<div class="container">
<div class="content-block">
<img class="logo" src="assets/custom/img/logo.svg" alt="WrenchBoard" />
</div>
<form name="signup-email" action="#" method="POST" enctype="multipart/form-data">
<div class="list-block no-hairlines">
<ul>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<?=$country_combo?>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="text" name="firstname" placeholder="Firstname" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="text" name="lastname" placeholder="Lastname" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">phone_android</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="tel" name="mobile" placeholder="Mobile" />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">mail_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="email" name="email" placeholder="Email" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">lock_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="password" name="password" data-toggle="show-hide-password" placeholder="Password" required />
</div>
<div class="item-after show-hide-password">
<a class="color-gray" href="#" title="Show" data-action="show-hide-password">
<i class="material-icons">visibility</i>
</a>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
</ul>
</div>
<div class="content-block">
<p><button type="submit" class="button button-big button-block button-fill">Sign Up</button></p>
<p class="text-center">By signing up, you agree to Nectar's <a href="/mobile/terms" class="close-popup">Terms of Service</a>, <a href="/mobile/privacy-policy" class="close-popup">Privacy Policy</a> and <a href="/mobile/cookie-policy" class="close-popup">Cookie Policy</a>.</p>
<p class="text-center">Already have an account? <a href="#" onclick="changePage('login');" class="close-popup">Log In</a></p>
</div>
</form>
</div>
</div>
<!-- End: Popup -->
</div>
@@ -0,0 +1,55 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center">Active Task</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block-title">Active Task(s)</div>
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">Task</th>
</tr>
</thead>
<tbody>
<?
foreach ($activejob_table as $row) {
?>
<tr>
<td class="label-cell"><?= $row->description ?></td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,130 @@
<div data-page="home" class="page">
<!-- Begin: Navbar -->
<div class="navbar navbar-transparent">
<div class="navbar-inner">
<div class="left">
<a href="#" data-panel="left" class="link open-panel">
<i class="hamburger hamburger--elastic">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</i>
</a>
</div>
<div class="center">WrenchBoard</div>
<div class="right">
</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<!-- Begin: Hero Slider -->
<div class="slider-hero">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url('/massets/img/werench-m1.jpg');">
<div class="slide-content">
<div class="slide-title">Welcome <?= $_SESSION['firstname'] ?></div>
<div class="slide-text"></div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('https://source.unsplash.com/jLwVAUtLOAQ');">
<div class="slide-content">
<div class="slide-title">Find Task(s)</div>
<div class="slide-text"> Visit our marketplace to find tasks that match your interest .</div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('https://source.unsplash.com/VkwRmha1_tI');">
<div class="slide-content">
<div class="slide-title">Post Job</div>
<div class="slide-text">Post Jobs - anything you have to do from writing articles, software development, homework, marketing and more.</div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('/massets/img/werench-m2.jpg');">
<div class="slide-content">
<div class="slide-title">WrenchBoard Marketplace</div>
<div class="slide-text">.</div>
<div class="slide-actions">
<a href="#" onclick="SecurePage('market');" class="button button-fill external">
<i class="fa fa-fw fa-shopping-basket"></i>
&nbsp;
<span>Check Available Tasks</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- End: Hero Slider -->
<!-- Begin: Features Section -->
<div class="section-features">
<div class="content-block-title"><?=$_SESSION['firstname']?> <?=$_SESSION['lastname']?></div>
<div class="list-block media-list no-hairlines no-hairlines-between">
<ul class="features-list">
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">important_devices</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('active');"><div class="item-title">Active Task[0]</div></a>
</div>
<div class="item-text">Manage your current task(s). Respond to task messages and more</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('messages');"> <div class="item-title">Recent Messages</div></a>
</div>
<div class="item-text">General and task message. View recent messages.</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">settings_input_component</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('account');"> <div class="item-title">Your Account</div></a>
</div>
<div class="item-text">View balance, payments. Manage your payment profile.</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">games</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('mypage');"> <div class="item-title">my Page</div></a>
</div>
<div class="item-text">Describe yourself. Your experience and interest. Tell the world what you are capable of.</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End: Features Section -->
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,66 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center">Active Task</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary btn-sm">My Jobs</button>
<button type="button" class="btn btn-primary btn-sm">Create</button>
<button type="button" class="btn btn-info btn-sm">Completed</button>
<button type="button" class="btn btn-warning btn-sm">Past Due</button>
</div>
</div>
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">My Jobs</th>
</tr>
</thead>
<tbody>
<?
for ($i = 0; $i < 10; $i++) {
?>
<tr>
<td class="label-cell">This is the task title</td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,55 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center"><?= $page_title ?></div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">Marketplace</th>
</tr>
</thead>
<tbody>
<?
if ($job_no > 0) {
foreach ($job_table as $row) {
?>
<tr>
<td class="label-cell"><?= $row->title ?></td>
</tr>
<?
}
} else {
?>
<tr>
<td class="label-cell"><br><br>
There is currently no task(s) available, check back later.
</td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,59 @@
</div>
</div>
</div>
<!-- Begin: Scripts -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcmwE8P44WUU4-xBfELRR9eZ2Abr1RvGw"></script>
<script type="text/javascript" src="/massets/vendor/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7/js/framework7.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/toast/toast.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/tour-guide/tour-guide.js"></script>
<script type="text/javascript" src="/massets/vendor/gmaps/gmaps.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript" src="/massets/vendor/pattern-lock/patternLock.min.js"></script>
<script type="text/javascript" src="/massets/vendor/rateyo/jquery.rateyo.min.js"></script>
<script type="text/javascript" src="/massets/vendor/snazzy-maps/snazzy-maps.js"></script>
<script type="text/javascript" src="/massets/vendor/tooltipster/js/tooltipster.bundle.min.js"></script>
<script type="text/javascript" src="/massets/vendor/vivus/vivus.min.js"></script>
<script type="text/javascript" src="/massets/custom/js/init.js"></script>
<script type="text/javascript" src="/massets/vendor/nectar/nectar.js"></script>
<script type="text/javascript" src="/massets/custom/js/components.js"></script>
<script type="text/javascript" src="/massets/custom/js/pages.js"></script>
<script type="text/javascript" src="/massets/custom/js/themes.js"></script>
<script type="text/javascript">
'use strict';
(function() {
myApp.init();
})();
</script>
<!-- End: Scripts -->
<script type="text/javascript">
<!--
function SecurePage(nextpage) {
// if (confirm("continue managing selected Transport [" + nextpage + "]")) {
// do something
// } else {
// return false;
// }
document.location = "/secmobile/" + nextpage + "?proc=NCOMPLETE&instID=108&transp_id=" + nextpage;
return false;
}
// -->
</script>
</body>
</html>
@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Begin: Basic Meta Tags -->
<meta charset="UTF-8" /> <!-- Set character encoding -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- Internet Explorer compatibility mode -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- For responsiveness on mobile browsers -->
<!-- End: Basic Meta Tags -->
<meta http-equiv="refresh" content="<?php echo SESSION_TIMEOUT_LOGOUT; ?>; url=/mobile/logout">
<!-- Begin: Content Security Policy Meta Tags -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval' data: blob: filesystem: ws: gap: cdvfile: https://ssl.gstatic.com *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; img-src * data: 'unsafe-inline'; connect-src * 'unsafe-inline'; child-src *;" /> <!-- Allows control over where the resources are loaded from -->
<!-- End: Content Security Policy Meta Tags -->
<!-- Begin: Android Meta Tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#333333" /> <!-- Status bar color -->
<link rel="icon" type="image/png" sizes="192x192" href="/massets/custom/favicons/android-chrome-192x192.png" />
<link rel="manifest" href="/massets/custom/favicons/manifest.json" />
<!-- End: Android Meta Tags -->
<!-- Begin: iOS Meta Tags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" /> <!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="apple-mobile-web-app-title" content="Nectar" />
<link rel="apple-touch-icon" sizes="57x57" href="/massets/custom/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/massets/custom/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/massets/custom/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/massets/custom/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/massets/custom/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/massets/custom/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/massets/custom/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/massets/custom/favicons/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/massets/custom/favicons/apple-touch-icon-180x180.png" />
<!-- End: iOS Meta Tags -->
<!-- Begin: Windows Meta Tags -->
<meta name="application-name" content="Nectar" />
<meta name="msapplication-tooltip" content="Mobile Web App Kit" />
<meta name="msapplication-navbutton-color" content="#333333" />
<meta name="msapplication-TileColor" content="#333333" />
<meta name="msapplication-config" content="/massets/custom/favicons/browserconfig.xml" />
<meta name="msapplication-TileImage" content="/massets/custom/favicons/mstile-144x144.png" />
<!-- End: Windows Meta Tags -->
<!-- Begin: Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/massets/custom/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/massets/custom/favicons/favicon-16x16.png" />
<link rel="shortcut icon" href="/massets/custom/favicons/favicon.ico" />
<!-- End: Favicons -->
<!-- Begin: Stylesheets -->
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.colors.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/toast/toast.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/tour-guide/tour-guide.css" />
<link rel="stylesheet" href="/massets/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="/massets/vendor/hamburgers/hamburgers.min.css" />
<link rel="stylesheet" href="/massets/vendor/material-icons/material-icons.css" />
<link rel="stylesheet" href="/massets/vendor/pattern-lock/patternLock.css" />
<link rel="stylesheet" href="/massets/vendor/rateyo/jquery.rateyo.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css" />
<link rel="stylesheet" href="/massets/vendor/nectar/nectar.css" />
<link rel="stylesheet" href="/massets/custom/css/components.css" />
<link rel="stylesheet" href="/massets/custom/css/pages.css" />
<!-- End: Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>WrenchBoard-<?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?></title>
</head>
<body class="theme-teal layout-dark">
<div class="statusbar-overlay"></div>
<div class="panel-overlay"></div>
<!-- Begin: Left Side Panel -->
<div class="panel panel-left panel-reveal">
<div class="panel-header">
<div class="user-info">
<img src="<? echo $_SESSION['profile_picture']; ?>" class="img-circle user-photo" width="64" height="64" alt="<?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?>" />
<!-- img class="img-circle user-photo" src="https://randomuser.me/api/portraits/men/60.jpg" width="64" height="64" alt="Avatar" / -->
<div class="user-name"><?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?></div>
<div class="user-location">
<i class="fa fa-fw fa-map-marker"></i>
<!-- span>India</span -->
</div>
</div>
</div>
<div class="list-block no-hairlines no-hairlines-between">
<ul>
<li>
<a href="home.html" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/home.png" width="24" alt="Home" />
</div>
<div class="item-inner">
<div class="item-title">Home</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('market');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/components.png" width="24" alt="Market" />
</div>
<div class="item-inner">
<div class="item-title">Market</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('active');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/pages.png" width="24" alt="Active" />
</div>
<div class="item-inner">
<div class="item-title">Active Task</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('account');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/share.png" width="24" alt="Themes" />
</div>
<div class="item-inner">
<div class="item-title">Account</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('myjobs');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/settings.png" width="24" alt="manage" />
</div>
<div class="item-inner">
<div class="item-title">My Jobs</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('mobiledash');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/settings.png" width="24" alt="Settings" />
</div>
<div class="item-inner">
<div class="item-title">Settings</div>
</div>
</div>
</a>
</li>
<li>
<a target="_blank" href="/mobile/logout" class="item-link external close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/buy.png" width="24" alt="Logout" />
</div>
<div class="item-inner">
<div class="item-title">Log out</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- End: Left Side Panel -->
<div class="views">
<div class="view view-main">
<div class="pages navbar-fixed">