Your IP : 18.219.12.88
<?php
session_start();
include("lib/connect.inc.php");
$rep = $uidx;
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="treant/examples/tree/basic-example2.css">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<title> Debit Card Request</title>
<link rel="shortcut icon" href="img/fav.png" />
<link rel="stylesheet" href="treant/Treant.css">
<link rel="stylesheet" href="treant/examples/tree/basic-example2.css">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<!-- Neptune CSS -->
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<!-- Vendor CSS -->
<link rel="stylesheet" href="../vendor/bootstrap4/css/bootstrap.min.css">
<link rel="stylesheet" href="../vendor/themify-icons/themify-icons.css">
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../vendor/animate.css/animate.min.css">
<link rel="stylesheet" href="../vendor/jscrollpane/jquery.jscrollpane.css">
<link rel="stylesheet" href="../vendor/waves/waves.min.css">
<link rel="stylesheet" href="../vendor/switchery/dist/switchery.min.css">
<link rel="stylesheet" href="../vendor/morris/morris.css">
<link rel="stylesheet" href="../vendor/dropify/dist/css/dropify.min.css">
<!-- Font Awesome -->
<?php include('head.php'); ?>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<?php include('nav.php'); ?>
<div class="content-wrapper">
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h3> Debit Card Request</h3>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active">Card Request</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<div class="content">
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Sales chart -->
<!-- ============================================================== -->
<div class="row">
<div class="col-lg-12 col-md-12 order-lg-2 order-md-3">
<div class="card ">
<div class="card-header text-white bg-dark">
<h5>CCI/ONEPAYNG DEBIT CARD REQUEST (For Nigerians Only)</h5>
<!--<span class="float-sm-right"><a href="https://forms.gle/ibdPB1Mt2ZfqteEd7" class="btn btn-primary">Apply Now</a></span>-->
</div>
<div class="card-body">
<!-- <iframe src="https://forms.gle/Z14StH4L2NTDtFA76" width="100%" height="350"></iframe>-->
<!--<iframe src="https://forms.gle/ibdPB1Mt2ZfqteEd7" width="100%" height="350"></iframe>-->
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSedjEuR4wTnsuI1LOauFAvbvcdqeCNQcwAPTZ3KROHr99phcw/viewform?embedded=true" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- Email campaign chart -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Ravenue - page-view-bounce rate -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Ravenue - page-view-bounce rate -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Recent comment and chats -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include('foot.php'); ?>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="../plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="../plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="../dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- DataTables -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<!-- page script -->
<script>
$(function () {
$("#example1").DataTable({
"responsive": true,
"autoWidth": false,
});
$('#example2').DataTable({
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": false,
"responsive": true,
});
});
</script>
<!-- page script -->
<script type="text/javascript">
<?php
// if($covis->globeStage($uidy)==1 ){
if($stages==1 ){
echo $covis->covisTreeGlobe($uid);
}else{
echo $covis->covisTree4Globe($uid);
}
?>
</script>
<script src="treant/vendor/raphael.js"></script>
<script src="treant/Treant.js"></script>
<script type="text/javascript">
$(function() {
$('body').on('click', '#copy', function (e) {
e.preventDefault();
const note = $(this).data('id');
return fieldtoclipboard.copyfield(event, document.getElementById(note));
})
})
var fieldtoclipboard = {
tooltipobj: null,
hidetooltiptimer: null,
createtooltip:function(){
var tooltip = document.createElement('div')
tooltip.style.cssText =
'position:absolute; background:#84E8C2; color:black; padding:7px;z-index:10000;'
+ 'border-radius:3px; font-size:12px;box-shadow:3px 3px 3px rgba(0,0,0,.4);'
+ 'opacity:0;transition:opacity 0.3s'
tooltip.innerHTML = 'Data Copied Successfully'
this.tooltipobj = tooltip
document.body.appendChild(tooltip)
},
showtooltip:function(e){
var evt = e || event
clearTimeout(this.hidetooltiptimer)
this.tooltipobj.style.left = evt.pageX - 10 + 'px'
this.tooltipobj.style.top = evt.pageY + 15 + 'px'
this.tooltipobj.style.opacity = 1
this.hidetooltiptimer = setTimeout(function(){
fieldtoclipboard.tooltipobj.style.opacity = 0
}, 700) // time in milliseconds before tooltip disappears
},
selectelement:function(el){
var range = document.createRange() // create new range object
range.selectNodeContents(el)
var selection = window.getSelection() // get Selection object from currently user selected text
selection.removeAllRanges() // unselect any user selected text (if any)
selection.addRange(range) // add range to Selection object to select it
},
copyfield:function(e, fieldref, callback){
var field = (typeof fieldref == 'string')? document.getElementById(fieldref) : fieldref
callbackref = callback || function(){}
if (/(textarea)|(input)/i.test(field) && field.setSelectionRange){
field.focus()
field.setSelectionRange(0, field.value.length) // for iOS sake
}
else if (field && document.createRange){
this.selectelement(field)
}
else if (field == null){ // copy currently selected text on document
field = {value:null}
}
var copysuccess // var to check whether execCommand successfully executed
try{
copysuccess = document.execCommand("copy")
}catch(e){
copysuccess = false
}
if (copysuccess){ // execute desired code whenever text has been successfully copied
if (e){
this.showtooltip(e)
}
callbackref(field.value || window.getSelection().toString())
}
return false
},
init:function(){
this.createtooltip()
}
}
fieldtoclipboard.init()
</script>
<script>
new Treant( chart_config );
</script>
</body>
</html>