Files
WrenchBoardPromo/app/Views/admin/index.php
T
2024-11-16 16:04:43 -05:00

602 lines
35 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mentor - Bootstrap 4 Admin Dashboard Template</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="Admin template that can be used to build dashboards for CRM, CMS, etc." />
<meta name="author" content="Potenza Global Solutions" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- app favicon -->
<link rel="shortcut icon" href="/asset/img/favicon.ico">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<!-- plugin stylesheets -->
<link rel="stylesheet" type="text/css" href="/asset/css/vendors.css" />
<!-- app style -->
<link rel="stylesheet" type="text/css" href="/asset/css/style.css" />
</head>
<body>
<!-- begin app -->
<div class="app">
<!-- begin app-wrap -->
<div class="app-wrap">
<!-- begin pre-loader -->
<div class="loader">
<div class="h-100 d-flex justify-content-center">
<div class="align-self-center">
<img src="/asset/img/loader/loader.svg" alt="loader">
</div>
</div>
</div>
<!-- end pre-loader -->
<!-- begin app-header -->
<header class="app-header top-bar">
<!-- begin navbar -->
<nav class="navbar navbar-expand-md">
<!-- begin navbar-header -->
<div class="navbar-header d-flex align-items-center">
<a href="javascript:void:(0)" class="mobile-toggle"><i class="ti ti-align-right"></i></a>
<a class="navbar-brand" href="index.html">
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-desktop" alt="logo" />
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-mobile" alt="logo" />
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="ti ti-align-left"></i>
</button>
<!-- end navbar-header -->
<!-- begin navigation -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navigation d-flex">
<ul class="navbar-nav nav-left">
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link sidebar-toggle">
<i class="ti ti-align-right"></i>
</a>
</li>
<li class="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
<a href="javascript:void(0)" class="nav-link expand">
<i class="icon-size-fullscreen"></i>
</a>
</li>
</ul>
<ul class="navbar-nav nav-right ml-auto">
<li class="nav-item dropdown user-profile">
<a href="javascript:void(0)" class="nav-link dropdown-toggle " id="navbarDropdown4"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="/asset/img/avtar/02.jpg" alt="avtar-img">
<span class="bg-success user-status"></span>
</a>
<div class="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
<div class="bg-gradient px-4 py-3">
<div class="d-flex align-items-center justify-content-between">
<div class="mr-1">
<h4 class="text-white mb-0">Alice Williams</h4>
<small class="text-white">Henry@example.com</small>
</div>
<a href="/promoadmin" class="text-white font-20 tooltip-wrapper" data-toggle="tooltip"
data-placement="top" title="" data-original-title="Logout"> <i
class="zmdi zmdi-power"></i></a>
</div>
</div>
<div class="p-4">
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
<i class="fa fa-user pr-2 text-success"></i> Profile</a>
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
<i class="fa fa-envelope pr-2 text-primary"></i> Actions
<span class="badge badge-primary ml-auto">6</span>
</a>
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
<i class=" ti ti-settings pr-2 text-info"></i> Settings
</a>
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
<i class="fa fa-compass pr-2 text-warning"></i> Need help?</a>
<div class="row mt-2">
<div class="col">
<a class="bg-light p-3 text-center d-block" href="#">
<i class="fe fe-mail font-20 text-primary"></i>
<span class="d-block font-13 mt-2">Promo Plans</span>
</a>
</div>
<div class="col">
<a class="bg-light p-3 text-center d-block" href="#">
<i class="fe fe-plus font-20 text-primary"></i>
<span class="d-block font-13 mt-2">New Promo</span>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- end navigation -->
</nav>
<!-- end navbar -->
</header>
<!-- end app-header -->
<!-- begin app-container -->
<div class="app-container">
<!-- begin app-nabar -->
<aside class="app-navbar">
<!-- begin sidebar-nav -->
<div class="sidebar-nav scrollbar scroll_light">
<ul class="metismenu " id="sidebarNav">
<li class="nav-static-title">Personal</li>
<li class="active">
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
<i class="nav-icon ti ti-rocket"></i>
<span class="nav-title">Dashboards</span>
<span class="nav-label label label-danger">9</span>
</a>
<ul aria-expanded="false">
<li> <a href='/promodash'>Home</a> </li>
<li> <a href='/promodash'>My List</a> </li>
</ul>
</li>
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 class="text-white mb-1">Promo Admin</h5>
<p class="font-13 text-white line-20">WrenchBoard Promotion Management Systems </p>
<!-- <a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>-->
</li>
</ul>
</div>
<!-- end sidebar-nav -->
</aside>
<!-- end app-navbar -->
<!-- begin app-main -->
<div class="app-main" id="main">
<!-- begin container-fluid -->
<div class="container-fluid">
<!-- begin row -->
<div class="row">
<div class="col-md-12 m-b-30">
<!-- begin page title -->
<div class="d-block d-sm-flex flex-nowrap align-items-center">
<div class="page-title mb-2 mb-sm-0">
<h1>My Promotions Dash</h1>
</div>
<div class="ml-auto d-flex align-items-center">
<nav>
<ol class="breadcrumb p-0 m-b-0">
<li class="breadcrumb-item">
<a href="index.html"><i class="ti ti-home"></i></a>
</li>
<li class="breadcrumb-item">
Dashboard
</li>
<li class="breadcrumb-item active text-primary" aria-current="page">Job
Portal</li>
</ol>
</nav>
</div>
</div>
<!-- end page title -->
</div>
</div>
<!-- end row -->
<!-- begin row -->
<div class="row">
<div class="col-lg-6 col-xxl-3 m-b-30">
<div class="card card-statistics h-100 mb-0">
<div class="card-header">
<h4 class="card-title">Activity Stats</h4>
</div>
<div class="card-body pt-0">
<div class="apexchart-wrapper">
<div id="jobportaldemo3"></div>
</div>
<div class="row text-center justify-content-center">
<div class="col ml-3">
<h4 class="mb-0">45%</h4>
<span> <i class="fa fa-square pr-1 text-primary"></i> Job Seekers </span>
</div>
<div class="col">
<h4 class="mb-0">55%</h4>
<span> <i class="fa fa-square pr-1 text-info"></i> Job Providers </span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-3 m-b-30">
<div class="card card-statistics h-100 mb-0 widget-income-list">
<div class="card-body d-flex align-itemes-center">
<div class="media align-items-center w-100">
<div class="text-left">
<h3 class="mb-0">45.8k </h3>
<span>Pending Users</span>
</div>
<div class="img-icon bg-pink ml-auto">
<i class="ti ti-user text-white"></i>
</div>
</div>
</div>
<div class="card-body d-flex align-itemes-center">
<div class="media align-items-center w-100">
<div class="text-left">
<h3 class="mb-0">65.4k </h3>
<span>New Users</span>
</div>
<div class="img-icon bg-primary ml-auto">
<i class="ti ti-tag text-white"></i>
</div>
</div>
</div>
<div class="card-body d-flex align-itemes-center">
<div class="media align-items-center w-100">
<div class="text-left">
<h3 class="mb-0">78.2k </h3>
<span>Deleted Users</span>
</div>
<div class="img-icon bg-orange ml-auto">
<i class="ti ti-wallet text-white"></i>
</div>
</div>
</div>
<div class="card-body d-flex align-itemes-center">
<div class="media align-items-center w-100">
<div class="text-left">
<h3 class="mb-0">65.3k </h3>
<span>Active Users</span>
</div>
<div class="img-icon bg-info ml-auto">
<i class="ti ti-slice text-white"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 m-b-30">
<div class="card card-statistics" style="background-color: lightgoldenrodyellow;">
<div class="card-header">
<div class="card-heading"><h4 class="card-title">Add New</h4></div>
</div>
<div class="card-body">
<form id="ref_individual">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="email" maxlength="55" aria-describedby="emailHelp" placeholder="Email">
<!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
</div>
<div class="form-group">
<label for="exampleInputPassword1">Firstname</label>
<input type="text" class="form-control" id="firstname" maxlength="25" placeholder="Firstname">
</div>
<div class="form-group">
<label for="exampleInputPassword1">lastname</label>
<input type="text" class="form-control" id="lastname" max="25" placeholder="Lastname">
</div>
<div class="form-group" style="text-align: right;">
<span id="result_box" style="margin-right: 10px; color: red;"></span>
<button id="action_button" onclick="return addNewRef(1001)" type="submit" class="btn btn-primary">Add User</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-6 m-b-30">
<div class="card card-statistics h-100 mb-0">
<div class="card-header d-flex align-items-center justify-content-between">
<div class="card-heading">
<h4 class="card-title">Recent Contacts</h4>
</div>
<div class="dropdown">
<a class="p-2 export-btn" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Export
</a>
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
<h6 class="mb-1">Action</h6>
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="latestjobs" class="table table-borderless table-striped jobportal-table mb-0">
<thead>
<tr>
<th>No.</th>
<th>User Name</th>
<th>Position</th>
<th>Department</th>
<th>Location</th>
<th>Status</th>
</tr>
</thead>
<tbody class="text-muted">
<tr>
<td>#00001</td>
<td>
<p>Brian Joedro</p>
</td>
<td>Sale associate</td>
<td>Marketing</td>
<td>
Los Angeles
</td>
<td>
<label class="badge badge-success-inverse mb-0">Applied</label>
</td>
</tr>
<tr>
<td>#00002</td>
<td>
<p>Smithdro</p>
</td>
<td>Product designer</td>
<td>Graphics</td>
<td>
Menlo Park, CA
</td>
<td>
<label class="badge badge-warning-inverse mb-0">Pending</label>
</td>
</tr>
<tr>
<td>#00003</td>
<td>
<p>Adrian Demiandro</p>
</td>
<td>Python engineer</td>
<td>Development</td>
<td>
Dallas
</td>
<td>
<label class="badge badge-danger-inverse mb-0">Cancelled</label>
</td>
</tr>
<tr>
<td>#00004</td>
<td>
<p>Sandradro Garett</p>
</td>
<td>Account executive</td>
<td>Account</td>
<td>
New york
</td>
<td>
<label class="badge badge-info-inverse mb-0">On Hold</label>
</td>
</tr>
<tr>
<td>#00005</td>
<td>
<p>Garydro</p>
</td>
<td>Front-end developer</td>
<td>Developer</td>
<td>
Los Angeles
</td>
<td>
<label class="badge badge-success-inverse mb-0">Applied</label>
</td>
</tr>
<tr>
<td>#00003</td>
<td>
<p>Demiandro</p>
</td>
<td>Python engineer</td>
<td>Development</td>
<td>
Dallas
</td>
<td>
<label class="badge badge-danger-inverse mb-0">Cancelled</label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 m-b-30">
<div class="card card-statistics h-100 mb-0 jobportal-contant">
<div class="card-header d-flex align-items-center justify-content-between">
<div class="card-heading">
<h4 class="card-title">Recent Actions</h4>
</div>
<div class="dropdown">
<a class="p-2 export-btn" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Export
</a>
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
<!-- <h6 class="mb-1">Action</h6>-->
<!-- <a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>-->
<!-- <a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>-->
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="openposition" class="table table-borderless table-striped jobportal-table mb-0">
<tbody class="text-muted">
<tr>
<td>
<div class="bg-img ml-3">
<img src="/asset/img/browser-logo/google.png" class="img-fluid" alt="user-7">
</div>
</td>
<td>
<p class="d-block"><strong> Senior front-end developer</strong>
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Montreal, Canada</span></p>
</td>
<td>
<p> Over 1 month ago
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Fulltime </span></p>
</td>
<td class="text-info text-right">
45 Days left
</td>
</tr>
<tr>
<td>
<div class="bg-img ml-3">
<img src="/asset/img/browser-logo/envato.png" class="img-fluid" alt="user-7">
</div>
</td>
<td>
<p class="d-block"><strong> Sales associate</strong>
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> London, UK</span></p>
</td>
<td>
<p> Over 2 month ago
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Parttime </span></p>
</td>
<td class="text-info text-right">
80 Days left
</td>
</tr>
<tr>
<td>
<div class="bg-img ml-3">
<img src="/asset/img/browser-logo/invision.png" class="img-fluid" alt="user-7">
</div>
</td>
<td>
<p class="d-block"><strong> Product designer</strong>
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Delhi, India</span></p>
</td>
<td>
<p> Over 6 month ago
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Parttime </span></p>
</td>
<td class="text-info text-right">
50 Days left
</td>
</tr>
<tr>
<td>
<div class="bg-img ml-3">
<img src="/asset/img/browser-logo/slack.png" class="img-fluid" alt="user-7">
</div>
</td>
<td>
<p class="d-block"><strong> Python engineer</strong>
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Tokyo, Japan</span></p>
</td>
<td>
<p> Over 10 month ago
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Fulltime </span></p>
</td>
<td class="text-info text-right">
20 Days left
</td>
</tr>
<tr>
<td>
<div class="bg-img ml-3">
<img src="/asset/img/browser-logo/bootstrap.png" class="img-fluid" alt="user-7">
</div>
</td>
<td>
<p class="d-block"><strong> Account executive</strong>
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Menlo Park, CA</span></p>
</td>
<td>
<p> Over 4 month ago
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Casual </span></p>
</td>
<td class="text-info text-right">
10 Days left
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end container-fluid -->
</div>
<!-- end app-main -->
</div>
<!-- end app-container -->
<!-- begin footer -->
<footer class="footer">
<div class="row">
<div class="col-12 col-sm-6 text-center text-sm-left">
<p>&copy; Copyright 2024. All rights reserved.</p>
</div>
<!-- <div class="col col-sm-6 ml-sm-auto text-center text-sm-right">-->
<!-- <p>Hand-crafted made with <i class="fa fa-heart text-danger mx-1"></i> by Potenza</p>-->
<!-- </div>-->
</div>
</footer>
<!-- end footer -->
</div>
<!-- end app-wrap -->
</div>
<!-- end app -->
<!-- /main content -->
<script type="text/javascript">
<!--
function addNewRef(link_id) {
//debugger;
var email = document.getElementById('email').value;
var firstname = document.getElementById('firstname').value;
var lastname = document.getElementById('lastname').value;
alert (email + firstname + lastname );
if (email ==='' || firstname==='' || lastname==='' ){
return;
}
$('#result_box').html('Processing...');
$('#action_button').prop('disabled', true);
$.ajax({
url: "/addRefMember?proc=TRANSDETAIL&email="+email
}).done(function (data) {
$('#result_box').html(data);
document.ref_individual.email.value = '';
document.ref_individual.firstname.value = '';
document.ref_individual.lastname.value = '';
$('#action_button').prop('disabled', false);
});
return false;
}
// -->
</script>
<!-- plugins -->
<script src="/asset/js/vendors.js"></script>
<!-- custom app -->
<script src="/asset/js/app.js"></script>
</body>
</html>