ok
Mini Shell
<?php
ob_start();
session_start();
include 'api/config/config.php';
$session_id = $_SESSION['frames_hub'];
//$session_user_type = $_SESSION['sc_user_type'];
include_once('api/config/custom-functions.php');;
$fn = new custom_functions();
if(!isset($_SESSION['frames_hub'])) {
header('location: login.php');
exit;
}
$success_message='';
$error_message='';
?>
<!doctype html> <!--class="color-sidebar sidebarcolor4"-->
<html lang="en" class="color-sidebar sidebarcolor4">
<!--bootsrap link open-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<!--bootsrap link close -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--favicon-->
<link rel="icon" href="assets/img/fms-logo-white.png" type="image/png" />
<!--plugins-->
<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet"/>
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/bs-stepper/css/bs-stepper.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet"/>
<link href="assets/plugins/input-tags/css/tagsinput.css" rel="stylesheet" />
<script src="assets/js/jquery.min.js"></script>
<link href="assets/plugins/datatable/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/plugins/notifications/css/lobibox.min.css" />
<!-- loader-->
<link href="assets/css/pace.min.css" rel="stylesheet"/>
<script src="assets/js/pace.min.js"></script>
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link href="assets/css/app.css" rel="stylesheet">
<link href="assets/css/icons.css" rel="stylesheet">
<!-- Theme Style CSS -->
<link rel="stylesheet" href="assets/css/dark-theme.css"/>
<link rel="stylesheet" href="assets/css/semi-dark.css"/>
<link rel="stylesheet" href="assets/css/header-colors.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
<title>Frames Hub</title>
</head>
<body>
<!--wrapper-->
<div class="wrapper ">
<!--sidebar wrapper -->
<div class="sidebar-wrapper" data-simplebar="true" >
<div class="sidebar-header">
<div>
<img src="assets/img/fms-logo-white.png" style="width:25px;" alt="logo icon">
</div>
<div>
<h4 class="logo-text"><b style="color:white;font-size: 12px;">Frames</b><b style="color:#f99631;font-size: 12px;">Hub</b></h4>
</div>
<div class="toggle-icon ms-auto"><i class='bx bx-arrow-back'></i>
</div>
</div>
<!--navigation-->
<ul class="metismenu" id="menu">
<li>
<a href="home.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/icons/home-button.png" width="30" alt="">
</div>
<div class="menu-title">Dashboard</div>
</a>
</li>
<!--<li>
<a href="dashboard.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/icons/web-analytics.png" width="30" alt="">
</div>
<div class="menu-title">Dashboard</div>
</a>
</li>-->
<li>
<a href="customers.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/header_logo/people.png" width="30" alt="">
</div>
<div class="menu-title">Customers</div>
</a>
</li>
<li>
<a href="frames-add.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/header_logo/glasses.png" width="30" alt="">
</div>
<div class="menu-title">Create Powers</div>
</a>
</li>
<li>
<a href="frames-history.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/header_logo/glasses.png" width="30" alt="">
</div>
<div class="menu-title">Customer History</div>
</a>
</li>
<li>
<a href="print-frames-history.php">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/header_logo/glasses.png" width="30" alt="">
</div>
<div class="menu-title">Print Customer History</div>
</a>
</li>
<!--<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/header_logo/report.png" width="30" alt="">
</div>
<div class="menu-title">Reports</div>
</a>
<ul>
<li> <a href="order-report.php"> <img class="sidebar-img" src="assets/images/icons/right-arrow.png" width="15"> </i> Orders Report</a>
</li>
<li> <a > <img class="sidebar-img" src="assets/images/icons/right-arrow.png" width="15"> </i> RTO Report</a>
</li>
<li> <a > <img class="sidebar-img" src="assets/images/icons/right-arrow.png" width="15"> </i> MIS Report</a>
</li>
</ul>
</li>-->
<!-- <li>
<a >
<div class="parent-icon"><img class="sidebar-img" src="assets/images/icons/settings.png" width="30" alt="">
</div>
<div class="menu-title">Settings</div>
</a>
</li>
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><img class="sidebar-img" src="assets/images/icons/help.png" width="30" alt="">
</div>
<div class="menu-title">Help & Support</div>
</a>
<ul>
<li> <a > <img class="sidebar-img" src="assets/images/icons/right-arrow.png" width="15"> </i> Help Center</a>
</li>
<li> <a > <img class="sidebar-img" src="assets/images/icons/right-arrow.png" width="15"> </i> Support</a>
</li>
</ul>
</li>-->
</ul>
<!--end navigation-->
</div>
<!--end sidebar wrapper -->
<!--start header -->
<header>
<div class="topbar d-flex align-items-center">
<nav class="navbar navbar-expand gap-3">
<div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
</div>
<div class="top-menu ms-auto">
<ul class="navbar-nav align-items-center gap-1">
<!--<li class="nav-item mobile-search-icon d-flex d-lg-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
<a class="nav-link" href="avascript:;"><i class='bx bx-search'></i>
</a>
</li>-->
<!--<li class="nav-item dark-mode d-none d-sm-flex">
<a class="nav-link dark-mode-icon" href="javascript:;"><i class='bx bx-moon'></i>
</a>
</li>-->
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"></a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="app-container p-1 my-2">
</div>
</div>
</li>
<li class="nav-item dropdown dropdown-large" hidden>
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" data-bs-toggle="dropdown">
<span class="alert-count">0</span>
<i class='bx bx-bell'></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="javascript:;">
<div class="msg-header">
<p class="msg-header-title">Notifications</p>
<p class="msg-header-badge">1 New</p>
</div>
</a>
<div class="header-notifications-list">
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="user-online">
<img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Daisy Anderson<span class="msg-time float-end">5 sec
ago</span></h6>
<p class="msg-info">The standard chunk of lorem</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-danger text-danger">dc
</div>
<div class="flex-grow-1">
<h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
ago</span></h6>
<p class="msg-info">You have recived new orders</p>
</div>
</div>
</a>
</div>
<a href="javascript:;">
<div class="text-center msg-footer">
<button class="btn btn-primary w-100">View All Notifications</button>
</div>
</a>
</div>
</li>
<li class="nav-item dropdown dropdown-large" hidden>
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="alert-count">0</span>
<i class='bx bx-shopping-bag'></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="javascript:;">
<div class="msg-header">
<p class="msg-header-title">Carrier Log Details</p>
<p class="msg-header-badge">0</p>
</div>
</a>
<div class="header-message-list">
</div>
</li>
</ul>
</div>
<div class="user-box dropdown px-3">
<a class="d-flex align-items-center nav-link dropdown-toggle gap-3 dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="image/frames-hub-org.png" class="user-img" alt="user avatar" style="border-radius:0px!important;">
<div class="user-info">
<p class="user-name mb-0"><?=$_SESSION['frames_hub']['firstname'].' '.$_SESSION['frames_hub']['lastname']?></p>
<p class="designattion mb-0"></p>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<!--<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-user fs-5"></i><span>Profile</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-cog fs-5"></i><span>Settings</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-home-circle fs-5"></i><span>Dashboard</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-dollar-circle fs-5"></i><span>Earnings</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-download fs-5"></i><span>Downloads</span></a>
</li>
<li>
<div class="dropdown-divider mb-0"></div>
</li>-->
<li><a class="dropdown-item d-flex align-items-center" href="logout.php"><i class="bx bx-log-out-circle"></i><span>Logout</span></a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--end header -->
<style>
.app_theme{
color:#f99631
}
</style>
<?php if(isset($session_id) && isset($session_user_type) && $session_user_type==2){?>
<div class="modal fade" id="wallet_recharge" tabindex="-1" aria-labelledby="wallet_recharge_panel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="border-bottom:none;padding-bottom:3px;">
<h6 class="modal-title" id="wallet_recharge_panel"><b>Recharge Your Wallet</b><br>
<span style="font-size:12px;">Current Wallet Amount <span style="color:green;" class="wallet_amounts" id="model_wallet_amount"></span></span></h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="form_wallet">
<div class="modal-body" style="padding-top:3px;padding-bottom:0px;">
<div class="card" style="padding:10px;background: beige;line-height: 2;">
<!--<div class="input-group input-group-sm mb-3"> <span class="input-group-text" id="inputGroup-sizing-sm">₹</span>
<input type="text" name="input_wallet_amount" value="500" oninput="this.value=this.value.replace(/[^0-9]/g,'')">
</div>-->
<div class="col-12 col-lg-12">
<label for="FisrtName" class="form-label required">Enter Amount in Multiples of 100 Below</label>
<!--<div class="input-group input-group-sm mb-3"> <span class="input-group-text" id="inputGroup-sizing-sm">₹</span></div>-->
<input type="text" name="input_wallet_amount" id="input_wallet_amount" class="form-control" value="500" oninput="this.value=this.value.replace(/[^0-9]/g,'')">
</div>
<span>Min value:₹500 & Max value: ₹50,00,000</span>
Or Select From Below
<div>
<span onclick="set_wallet_amt(500)" style="padding: 4px 10px;border: solid 0.5px #d3d3d3;background-color: #fff;border-radius: 25px;text-align: center;cursor: pointer;">₹ 500</span>
<span onclick="set_wallet_amt(1000)" style="padding: 4px 10px;border: solid 0.5px #d3d3d3;background-color: #fff;border-radius: 25px;text-align: center;cursor: pointer;">₹ 1000</span>
<span onclick="set_wallet_amt(2500)" style="padding: 4px 10px;border: solid 0.5px #d3d3d3;background-color: #fff;border-radius: 25px;text-align: center;cursor: pointer;">₹ 2500</span>
<span onclick="set_wallet_amt(5000)" style="padding: 4px 10px;border: solid 0.5px #d3d3d3;background-color: #fff;border-radius: 25px;text-align: center;cursor: pointer;">₹ 5000</span>
<span onclick="set_wallet_amt(10000)" style="padding: 4px 10px;border: solid 0.5px #d3d3d3;background-color: #fff;border-radius: 25px;text-align: center;cursor: pointer;">₹ 10000</span>
</div>
</div>
</div>
<div class="modal-footer" style="border-top:none;padding-top:0px;">
<button type="submit" name="continue" class="btn btn-success btn-sm">Continue to Payment</button>
</div>
</form>
</div>
</div>
</div>
<script>
setInterval(function(){
$.ajax({
url: 'api/wallet-amount.php',
type: 'post',
data: {type:'wallet_amount',client_id:<?=$_SESSION['frames_hub']['id']?>},
dataType: 'json',
success:function(response){
$('.wallet_amounts').empty();
$('.wallet_amounts').text('₹ '+parseFloat(response['wallet_amount']).toFixed(2));
}
});
}, 1000);
function set_wallet_amt(amt){
$('#input_wallet_amount').val(amt);
}
$(document).ready(function(){
//Pickup Address Form Start
$("#form_wallet").validate( {
rules: {
input_wallet_amount: {
required: true,
min:500,
},
},
messages: {
input_wallet_amount: {
required: "please enter a recharge wallet amount",
min: "wallet recharge minimum amount ₹ 500"
},
},
submitHandler: function(form) {
console.log('ready...');
recharge_wallet(form);
}
} );
function recharge_wallet(form){
$('#loader').show();
console.log('ji');
var input_wallet_amount=$('#input_wallet_amount').val();
$.ajax({
url: 'api/wallet-amount.php',
type: 'post',
dataType: 'json',
data: {type:'credit_wallet',client_id:<?=$_SESSION['frames_hub']['id']?>,input_wallet_amount:input_wallet_amount},
success: function (response) {
console.log(response);
if(response['error']==false){
$('#wallet_recharge').modal('hide');
$('#form_wallet').trigger("reset");
$('#loader').hide();
success(response['message']);
}else{
$('#loader').hide();
warning(response['message']);
}
}
});
}
} );
</script>
<?php } ?>
Zerion Mini Shell 1.0