573 lines
40 KiB
PHP
573 lines
40 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Member Access - Golf Evolution</title>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="<?= base_url()."/public/"; ?>assets/member_images/favicon.png" sizes="192x192" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="<?= base_url()."/public/"; ?>assets/member_css/front-style.css">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
<script src="<?= base_url()."/public"; ?>/assets/member_js/ajax.js"></script>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
|
|
<!-- Internatinal Mobile Number -->
|
|
<link rel="stylesheet" href="<?= base_url()."/public/"; ?>assets/member_css/intlTelInput.css">
|
|
<script src="<?= base_url()."/public/"; ?>assets/member_js/intlTelInput.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
|
|
|
|
<style>
|
|
.field-icon {
|
|
float: right;
|
|
margin-left: -35px;
|
|
margin-top: 20px;
|
|
margin-right: 12px;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body class="memberaccess">
|
|
<?php include 'member_layout/header.php' ?>
|
|
<section class="pt-5 pb-5">
|
|
<div class="container">
|
|
<h1 class="heading-border">Member Access</h1>
|
|
<div class="d-flex flex-wrap">
|
|
<div class="tab">
|
|
<button class="tablinks active" onclick="openCity(event, 'Credits')"><span class="dash-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21508 0.913451 7.4078C0.00519932 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.807 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0865C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9964 8.8185 22.731 5.76833 20.4813 3.51866C18.2317 1.269 15.1815 0.00357316 12 0ZM11.625 21.7406V23.2406C9.90521 23.186 8.22128 22.7348 6.70463 21.9221L7.45463 20.622C8.74285 21.304 10.1684 21.6864 11.625 21.7406ZM12.375 21.7406C13.8315 21.6863 15.2569 21.3039 16.545 20.622L17.295 21.9221C15.7785 22.7347 14.0947 23.186 12.375 23.2406V21.7406ZM12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4441C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82566 13.7996 3.00389 15.4442 3.68508C17.0887 4.36627 18.4943 5.51982 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C20.9972 14.3861 20.0481 16.6737 18.3609 18.3609C16.6737 20.0481 14.3861 20.9972 12 21ZM2.25938 11.625H0.75938C0.813964 9.9052 1.2652 8.22128 2.07788 6.70462L3.37801 7.45462C2.69601 8.74284 2.31363 10.1684 2.25938 11.625ZM2.25938 12.375C2.31369 13.8315 2.69607 15.2569 3.37801 16.545L2.07788 17.295C1.26526 15.7785 0.814022 14.0947 0.75938 12.375H2.25938ZM12.375 2.25937V0.759375C14.0948 0.813959 15.7787 1.2652 17.2954 2.07787L16.5454 3.378C15.2572 2.69601 13.8316 2.31363 12.375 2.25937ZM11.625 2.25937C10.1685 2.31369 8.74311 2.69606 7.455 3.378L6.705 2.07787C8.22154 1.26525 9.90534 0.814016 11.625 0.759375V2.25937ZM21.7406 12.375H23.2406C23.186 14.0948 22.7348 15.7787 21.9221 17.2954L20.622 16.5454C21.304 15.2572 21.6864 13.8316 21.7406 12.375ZM21.7406 11.625C21.6863 10.1685 21.3039 8.7431 20.622 7.455L21.9221 6.705C22.7348 8.22154 23.186 9.90533 23.2406 11.625H21.7406ZM21.5453 6.05587L20.2455 6.80587C19.4671 5.5749 18.4247 4.53248 17.1938 3.75412L17.9438 2.45437C19.4019 3.36608 20.6335 4.59768 21.5453 6.05587ZM6.05775 2.45587L6.80775 3.75562C5.57678 4.53398 4.53436 5.5764 3.756 6.80737L2.45626 6.05737C3.36729 4.59898 4.59824 3.367 6.05588 2.45475L6.05775 2.45587ZM2.45776 17.9452L3.75751 17.1952C4.53586 18.4262 5.57828 19.4686 6.80926 20.247L6.05926 21.5467C4.59985 20.6351 3.36719 19.4031 2.45475 17.9441L2.45776 17.9452ZM17.9471 21.5452L17.1971 20.2455C18.4281 19.4671 19.4705 18.4247 20.2489 17.1937L21.5486 17.9437C20.6361 19.4023 19.4034 20.6339 17.9441 21.5452H17.9471Z"/>
|
|
<path d="M15.6302 8.04051C15.6661 8.07647 15.7021 8.12441 15.7261 8.17236C16.0257 8.55592 15.9179 8.5799 15.822 8.55592C15.774 8.54394 15.6781 8.51996 15.4144 7.94462C15.4024 7.90866 15.3904 7.90866 15.3545 7.89667C13.0771 7.26139 12.6935 6.99769 12.6695 6.9857C12.6216 6.96173 12.6216 6.96173 12.5976 6.86584C12.5976 6.86584 12.6096 6.85385 12.6216 6.85385H12.6336C13.4487 7.23742 14.4675 7.56105 15.3305 7.82475C15.4144 7.86071 15.4983 7.88468 15.6302 8.04051Z"/>
|
|
<path d="M15.9179 9.29908C15.9418 9.33504 15.9538 9.371 15.9778 9.41894C16.1336 9.75456 16.0377 9.79052 15.9298 9.75456C15.822 9.73059 15.798 9.59874 15.762 9.38299C15.7261 9.15524 15.7261 9.15524 15.6542 9.13127C13.7243 8.50798 13.5565 8.46003 13.4606 8.4001C13.4606 8.4001 13.4487 8.4001 13.4487 8.38811C13.4127 8.36414 13.4247 8.26825 13.4247 8.26825C13.4367 8.26825 13.4487 8.26825 13.4606 8.26825C14.2158 8.5799 15.0069 8.79565 15.762 9.1073C15.81 9.14326 15.8699 9.1912 15.9179 9.29908Z"/>
|
|
<path d="M14.7791 9.99429C14.887 10.5217 14.4076 10.8573 13.976 10.5816C13.4726 10.27 13.4966 9.44292 14 9.33504C14.1199 9.31107 14.2158 9.34703 14.2757 9.35901C14.6713 9.52682 14.7672 9.92237 14.7791 9.99429Z"/>
|
|
<path d="M13.1849 8.06448C13.2928 8.4001 13.0531 8.59188 12.8014 8.47202C12.4658 8.30421 12.4298 7.75283 12.6815 7.66893C12.7534 7.64496 12.8253 7.68092 12.8613 7.6929C13.0051 7.75284 13.125 7.90866 13.1849 8.06448Z"/>
|
|
<path d="M12.4298 6.78194C12.5017 6.94975 12.4298 7.04564 12.3219 7.00968C12.1421 6.94975 12.0462 6.59015 12.1541 6.54221C12.1781 6.53022 12.214 6.54221 12.226 6.55419C12.3099 6.60214 12.3938 6.68605 12.4298 6.78194Z"/>
|
|
<path d="M15.0069 15.3882C14.9349 15.6039 14.911 15.6758 12.7774 14.7649C11.363 14.1536 9.8647 13.3505 9.75682 13.1347C9.70887 13.0269 9.70888 13.0029 9.74484 12.6792C9.76881 12.4875 9.81675 11.984 10.2842 12.2357C10.6198 12.4755 10.0325 13.1587 10.0325 13.1707C10.0205 13.1827 10.0085 13.2066 10.0085 13.2306C10.0205 13.2426 11.4948 14.2255 14.5873 15.2084C14.9829 15.3282 14.9829 15.3282 15.0069 15.3642C15.0069 15.3642 15.0069 15.3762 15.0069 15.3882Z"/>
|
|
<path d="M13.9281 16.455C13.8682 16.5748 13.8202 16.6707 11.7705 15.7957C11.7466 15.7837 9.49313 14.8128 9.37327 14.5252C9.34929 14.4652 9.34929 14.4532 9.34929 14.2255C9.34929 14.0697 9.36128 13.6741 9.75683 13.8899C9.93663 14.0217 9.87669 14.1416 9.58902 14.621C9.63697 14.7049 10.7517 15.2443 11.399 15.52C12.226 15.8676 13.101 16.0834 13.9281 16.431C13.9161 16.431 13.9281 16.443 13.9281 16.455Z"/>
|
|
<path d="M12.4178 17.1502C12.3818 17.2461 12.3699 17.27 11.1472 16.7666C9.73285 16.1913 9.6849 16.0714 9.66093 16.0235C9.64894 15.9995 9.64894 15.9995 9.63695 15.8556C9.62497 15.7598 9.601 15.4841 9.91264 15.6399C10.0565 15.7238 10.0205 15.7957 9.84072 16.1193C9.84072 16.1193 10.5839 16.5389 12.3579 17.1022C12.3938 17.1142 12.3938 17.1142 12.4178 17.1262C12.4178 17.1382 12.4178 17.1502 12.4178 17.1502Z"/>
|
|
<path d="M15.4983 13.782C15.4624 13.9978 15.4624 13.9978 13.7363 13.2786C11.8425 12.4875 10.7997 11.8642 10.7517 11.7923C10.6918 11.7083 10.6918 11.6604 10.7277 11.3967C10.7517 11.2289 10.7877 10.8573 11.1473 11.0371C11.3271 11.157 11.2312 11.3248 10.9315 11.8042C10.9315 11.8042 11.9384 12.4635 14.6593 13.4344C15.4743 13.7221 15.4743 13.7221 15.4983 13.746C15.4863 13.758 15.4983 13.77 15.4983 13.782Z"/>
|
|
<path d="M15.1387 11.8282C15.1387 11.8402 15.1387 11.972 15.0548 11.9481C12.7534 11.0851 12.1901 10.7255 12.1781 10.7255C12.1062 10.6535 12.1062 10.6176 12.1062 10.4018C12.1062 10.282 12.1062 9.98231 12.3938 10.1022C12.6096 10.234 12.3099 10.6775 12.2979 10.6775C12.286 10.6895 12.286 10.7015 12.286 10.7135C12.286 10.7135 12.8253 11.0251 14.6832 11.6484C15.1387 11.7923 15.1387 11.7923 15.1387 11.8282Z"/>
|
|
<path d="M11.4229 17.6656C11.375 18.0012 10.7157 17.9892 10.464 17.6536C10.2842 17.4019 10.524 17.1622 10.9195 17.2221C10.9914 17.2341 11.0394 17.2461 11.0873 17.27C11.4349 17.4139 11.4349 17.6057 11.4229 17.6656Z"/>
|
|
<path d="M16.1815 12.0919C16.2175 12.5594 15.822 12.883 15.5343 12.6193C15.2107 12.3316 15.3545 11.6484 15.75 11.6125C15.81 11.6125 15.8459 11.6125 15.8819 11.6364C16.0497 11.6844 16.1576 11.8642 16.1815 12.0919Z"/>
|
|
<path d="M16.3134 13.9738C16.2535 14.3214 15.9059 14.5252 15.762 14.2974C15.5942 14.0337 15.8939 13.5303 16.1576 13.6022C16.1696 13.6022 16.1696 13.6022 16.1816 13.6142C16.3134 13.6741 16.3374 13.8419 16.3134 13.9738Z"/>
|
|
<path d="M13.3408 17.33C13.1969 17.6416 12.6216 17.7375 12.5377 17.4738C12.4538 17.2341 12.8853 16.9584 13.2089 17.0543C13.4127 17.1262 13.3767 17.27 13.3408 17.33Z"/>
|
|
<path d="M14.7192 16.5748C14.5874 16.8385 14.1678 16.9824 14.0959 16.7786C14.024 16.5628 14.4076 16.2512 14.6473 16.3231C14.8031 16.383 14.7432 16.5269 14.7192 16.5748Z"/>
|
|
<path d="M15.7381 15.4721C15.6542 15.6998 15.3665 15.8437 15.2946 15.6878C15.2226 15.508 15.4983 15.1964 15.6781 15.2563C15.786 15.2923 15.75 15.4241 15.7381 15.4721Z"/>
|
|
<path d="M9.80478 17.7735C9.88868 17.8933 9.84074 17.9533 9.6969 17.9293C9.38525 17.8694 9.01367 17.5577 9.15751 17.4738C9.18148 17.4618 9.2534 17.4259 9.45717 17.5098C9.67292 17.6057 9.7808 17.7255 9.80478 17.7735Z"/>
|
|
<path d="M5.57812 9.41732C5.80644 8.81856 6.10685 8.25574 6.50339 7.74081C6.91195 7.23786 7.3806 6.78281 7.92134 6.3996C8.4741 6.04035 9.07492 5.74098 9.69978 5.5374C10.3367 5.3458 11.0096 5.25 11.6825 5.25C12.3554 5.25 13.0283 5.36975 13.6772 5.56135C13.9897 5.6811 14.3141 5.7769 14.6145 5.94455L14.8428 6.05233C14.8789 6.07628 14.9149 6.08825 14.951 6.1122L15.0591 6.18405L15.5037 6.43553C16.0565 6.83071 16.5612 7.29773 16.9818 7.82463C17.3903 8.36351 17.7268 8.96226 17.9791 9.59694C18.2075 10.2316 18.3517 10.9022 18.4117 11.5848C18.4478 12.2674 18.3877 12.95 18.2315 13.6086L18.0873 14.0996L18.0512 14.2193C18.0392 14.2552 18.0152 14.3031 18.0032 14.3391L17.907 14.5786C17.7989 14.9019 17.6186 15.1893 17.4624 15.4887C17.1019 16.0635 16.6814 16.5904 16.1767 17.0334C15.672 17.4765 15.1072 17.8477 14.5064 18.1232C13.8935 18.3866 13.2567 18.5663 12.5958 18.6621C11.9348 18.7339 11.286 18.71 10.6371 18.6022C10.0002 18.4824 9.38735 18.2549 8.82258 17.9555C9.135 18.0394 9.4234 18.1591 9.73583 18.207L9.96414 18.2549L10.0843 18.2788L10.2045 18.2908L10.6731 18.3387C11.298 18.3746 11.9108 18.3387 12.5116 18.207C13.1125 18.0753 13.6893 17.8597 14.218 17.5723C14.7467 17.2729 15.2274 16.9137 15.66 16.4946L15.9604 16.1593C15.9844 16.1353 16.0084 16.0994 16.0325 16.0754L16.1046 15.9916L16.3689 15.6324C16.417 15.5725 16.453 15.5126 16.4891 15.4408C16.5612 15.309 16.6453 15.1893 16.7174 15.0576C16.8376 14.7941 16.9938 14.5307 17.0779 14.2433L17.15 14.0397C17.162 14.0038 17.174 13.9678 17.1861 13.9319L17.2101 13.8241L17.3182 13.393C17.4264 12.8182 17.4865 12.2315 17.4384 11.6447C17.3903 11.0579 17.2582 10.4831 17.0539 9.93224C16.8376 9.38139 16.5492 8.86646 16.2007 8.39944C15.8402 7.93241 15.4076 7.52526 14.939 7.16601L14.5665 6.91453L14.4703 6.85466C14.4343 6.83071 14.4102 6.81873 14.3742 6.80676L14.1819 6.69898C13.9296 6.5433 13.6412 6.4475 13.3768 6.32775C13.2326 6.27985 13.0884 6.24393 12.9562 6.19603C12.8841 6.17208 12.8121 6.14813 12.74 6.13615L12.1992 6.0164C12.1632 6.0164 12.1271 6.00443 12.0911 6.00443L11.6465 5.95653C11.0456 5.93258 10.4448 5.98048 9.85599 6.1122C9.26719 6.2559 8.70241 6.47145 8.16167 6.77083C7.62093 7.07021 7.14027 7.45341 6.69566 7.88451L6.38323 8.23179L6.29911 8.31561L6.08282 8.60301C5.90257 8.86646 5.75837 9.14189 5.57812 9.41732Z"/>
|
|
</svg></span><span>Credits</span></button>
|
|
<button class="tablinks" onclick="openCity(event, 'Your_Orders')"><span class="dash-icon"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.8 20.4C8.79411 20.4 9.6 21.2059 9.6 22.2C9.6 23.1941 8.79411 24 7.8 24C6.80589 24 6 23.1941 6 22.2C6 21.2059 6.80589 20.4 7.8 20.4ZM18.6 20.4C19.5941 20.4 20.4 21.2059 20.4 22.2C20.4 23.1941 19.5941 24 18.6 24C17.6059 24 16.8 23.1941 16.8 22.2C16.8 21.2059 17.6059 20.4 18.6 20.4ZM1.2 0H3.6C4.14673 0 4.61797 0.368208 4.75807 0.885287L4.78605 1.01753L5.36796 4.8H22.8C23.5197 4.8 24.0659 5.42481 23.9941 6.12042L23.9714 6.26032L21.9891 15.181C21.6389 16.7565 20.2871 17.8972 18.6935 17.9934L18.4748 18H8.05901C6.35322 18 4.89236 16.8052 4.53918 15.1559L4.50087 14.9474L2.5705 2.4H1.2C0.537258 2.4 0 1.86274 0 1.2C0 0.584597 0.463248 0.0773914 1.06005 0.00807328L1.2 0H3.6H1.2ZM21.3041 7.2H5.73721L6.87297 14.5825C6.9561 15.1228 7.39169 15.5326 7.92406 15.5925L8.05902 15.6H18.4748C18.9904 15.6 19.4425 15.2718 19.6083 14.7941L19.6462 14.6603L21.3041 7.2Z" />
|
|
</svg></span><span>Your Orders</span></button>
|
|
<button class="tablinks" onclick="openCity(event, 'Profile')"><span class="dash-icon"><svg width="20" height="24" viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M19.3846 2.85C19.3846 1.275 18.1172 0 16.5515 0H2.83314C1.26746 0 0 1.275 0 2.85V21.15C0 22.725 1.26746 24 2.83314 24H16.5515C18.1172 24 19.3846 22.725 19.3846 21.15V2.85ZM17.8935 21.15C17.8935 21.9 17.297 22.5 16.5515 22.5H2.83314C2.08757 22.5 1.49112 21.9 1.49112 21.15V2.85C1.49112 2.1 2.08757 1.5 2.83314 1.5H16.5515C17.297 1.5 17.8935 2.1 17.8935 2.85V21.15Z" />
|
|
<path d="M5.14438 13.5H13.942C14.1657 13.5 14.3893 13.425 14.5385 13.2C14.6876 13.05 14.7621 12.825 14.6876 12.6C14.3893 10.8 13.271 9.375 11.7799 8.7C12.2272 8.175 12.5254 7.5 12.5254 6.675C12.5254 5.025 11.1834 3.675 9.54319 3.675C7.90296 3.675 6.56095 5.025 6.56095 6.675C6.56095 7.425 6.85917 8.1 7.30651 8.7C5.81538 9.45 4.62249 10.875 4.39882 12.6C4.39882 12.825 4.39882 13.05 4.54793 13.2C4.69704 13.425 4.92071 13.5 5.14438 13.5ZM8.05207 6.75C8.05207 5.925 8.72308 5.25 9.54319 5.25C10.3633 5.25 11.0343 5.925 11.0343 6.75C11.0343 7.575 10.3633 8.25 9.54319 8.25C8.72308 8.25 8.05207 7.575 8.05207 6.75ZM9.54319 9.75C11.0343 9.75 12.3763 10.65 12.9728 12H6.11361C6.71006 10.65 8.05207 9.75 9.54319 9.75Z" />
|
|
<path d="M15.6568 15.75H3.72781C3.28047 15.75 2.98225 16.05 2.98225 16.5C2.98225 16.95 3.28047 17.25 3.72781 17.25H15.6568C16.1041 17.25 16.4024 16.95 16.4024 16.5C16.4024 16.05 16.1041 15.75 15.6568 15.75Z" />
|
|
<path d="M15.6568 18.75H3.72781C3.28047 18.75 2.98225 19.05 2.98225 19.5C2.98225 19.95 3.28047 20.25 3.72781 20.25H15.6568C16.1041 20.25 16.4024 19.95 16.4024 19.5C16.4024 19.05 16.1041 18.75 15.6568 18.75Z" />
|
|
</svg></span><span>Profile</span></button>
|
|
<a href="<?=base_url()."member_logout"; ?>" class="tablinks" ><span class="dash-icon"><svg width="22" height="20" viewBox="0 0 26 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C5.325 3 6 2.325 6 1.5C6 0.675 5.325 0 4.5 0H1.5C0.675 0 0 0.675 0 1.5V22.5C0 23.325 0.675 24 1.5 24H4.5C5.325 24 6 23.325 6 22.5C6 21.675 5.325 21 4.5 21H3V3H4.5Z" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.2268 11.1372L21.0058 5.1372C20.5288 4.4592 19.5928 4.2942 18.9163 4.7727C18.2383 5.2497 18.0748 6.1857 18.5518 6.8622L21.1289 10.5267C21.0839 10.5222 21.0448 10.4997 20.9998 10.4997H8.99985C8.17185 10.4997 7.49985 11.1702 7.49985 11.9997C7.49985 12.8292 8.17185 13.4997 8.99985 13.4997H21.0014L18.2998 17.1012C17.8033 17.7627 17.9369 18.7032 18.5999 19.1997C18.8699 19.4022 19.1863 19.4997 19.4983 19.4997C19.9543 19.4997 20.4059 19.2927 20.6999 18.8997L25.1999 12.8997C25.5899 12.3807 25.6018 11.6682 25.2268 11.1372Z" />
|
|
</svg></span><span>Sign Out</span></a>
|
|
</div>
|
|
<div id="Credits" class="tabcontent">
|
|
<!---------------------------header--------------------------------->
|
|
<h5 class="dashboard-maintitle">Credits</h5>
|
|
<div class="row">
|
|
<div class="col-lg-5">
|
|
<div class="dash-head">
|
|
<div class="col-lg-5">
|
|
<img src="<?= base_url()."/public/"; ?>assets/member_images/icon-white.png" alt="">
|
|
</div>
|
|
<div class="col-lg-7 text-center">
|
|
<h1><?= $avaiable_credit; ?></h1><p>Credits Avaiable</p>
|
|
<!-- <?php if($avaiable_credit <= 1) { echo '<p>Credit Balance</p>'; } else { echo '<p>Credits Balance</p>'; } ?> -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-8"></div>
|
|
</div>
|
|
<h5 class="pt-5 dash-table-head">Credit Transactions</h5>
|
|
|
|
|
|
<!---------------------------table--------------------------------->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<table class="table-design w-100 mt-4 mb-5 credit-custom-table">
|
|
<tr class="table-head">
|
|
<th>Date</th>
|
|
<th>Description</th>
|
|
<th>Credit Transactions</th>
|
|
<th>Credit Balance</th>
|
|
</tr>
|
|
<?php for( $i = count($credit_data) - 1; $i >= 0 ; $i--) { ?>
|
|
<tr>
|
|
<td><?php $date = new DateTime($credit_data[$i]['created_at']); echo $date->format('M d , Y'); ?></td>
|
|
<td>
|
|
<?php
|
|
if($credit_data[$i]['expiring_date'] < date('m-d-Y', time()))
|
|
echo '<p>Credit Expiry</p>';
|
|
else
|
|
echo '<p>'.$credit_data[$i]['package_name'].'</p>';
|
|
?>
|
|
<!-- <p class="mb-0">Expiry Date : <?php $date = new DateTime($credit_data[$i]['expiring_date']); echo $date->format('M d , Y'); ?></p> -->
|
|
<p class="mb-0">Validity : One year from the date of opening</p>
|
|
|
|
<p>Order Id : <?php echo $credit_data[$i]['order_id'] ?></p></td>
|
|
<?php
|
|
if($credit_data[$i]['running_balance'] > 0)
|
|
echo '<td><div class="credit-trans"><i class="fa fa-caret-up" aria-hidden="true"></i> '.$credit_data[$i]['running_balance'].'</div></td>';
|
|
else
|
|
echo '<td class="red-content"><div class="credit-trans"><i class="fa fa-sort-desc" aria-hidden="true"></i>'.$credit_data[$i]['used_points'].'</div> </td>';
|
|
?>
|
|
<td><div class="credit-trans"><?= $credit_data[$i]['avaiable_credit'] ?></div> </td>
|
|
</tr>
|
|
<?php } ?>
|
|
</table>
|
|
|
|
<!-- <div class="row dash-foot mb-3">
|
|
<div class="col-lg-4">
|
|
<div>Upcoming Credit Expiry:</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div>Credits: <span><?= $no_of_credits ?></span></div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div>Expiry Date: <span><?php if($expiring_date){ $date = new DateTime($expiring_date); echo $date->format('M d , Y'); }?></span></div>
|
|
</div>
|
|
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="Your_Orders" class="tabcontent" style="display:none;">
|
|
<h5 class="dashboard-maintitle">Your Order</h5>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<table class="table-white mb-5 order-custom-table">
|
|
<tr>
|
|
<th>Order ID</th>
|
|
<th>Order Date</th>
|
|
<th>Cost</th>
|
|
<th>Credit Usage</th>
|
|
<th>Details</th>
|
|
</tr>
|
|
<?php foreach ($TransactionData as $key => $value) { ?>
|
|
<tr id="<?= $key."_table-grey" ?>">
|
|
<td>#<?= $value['order_id'] ?></td>
|
|
<td><?php $date = new DateTime($value['created_at']); echo $date->format('M d , Y'); ?></td>
|
|
<td>$<?= json_decode($value['transaction'] , true)['payment']['amount_money']['amount']; ?></td>
|
|
<td></td>
|
|
<td class="down-icon" id="<?= $key."_table-grey" ?>"><div class="order-down"><i id="<?= $key."_table-grey_down-icon" ?>" class="fa fa-caret-down" aria-hidden="true"></i></div></td>
|
|
</tr>
|
|
<!-- <tr class="table-grey <?= $key."_table-grey" ?>">
|
|
<td><?= $value['order_id'] ?></td>
|
|
<td><?php $date = new DateTime($value['created_at']); echo $date->format('M d , Y'); ?></td>
|
|
<td>$<?= json_decode($value['transaction'] , true)['payment']['amount_money']['amount']; ?></td>
|
|
<td><img src="<?= base_url()."/public/"; ?>assets/member_images/table-order-icon-white.png" alt=""> - </td>
|
|
<td></td>
|
|
</tr> -->
|
|
<tr class="table-grey <?= $key."_table-grey" ?>">
|
|
<td>Items</td>
|
|
<td>Description</td>
|
|
<td>Nos</td>
|
|
<td>Cost</td>
|
|
<td>Credit Usage</td>
|
|
</tr>
|
|
<?php foreach ($value['credit_data'] as $credit_datakey => $credit_data_value) { ?>
|
|
<tr class="table-grey <?= $key."_table-grey" ?>">
|
|
<td><?= $credit_data_value['package_name'] ?></td>
|
|
<td><p>Pack Cost : $<?= $credit_data_value['cost'] ?></p><p>Pack Credits : <?= $credit_data_value['credit_points'] ?> Nos</p>
|
|
<!-- <p>Pack Expiry : <?php $date = new DateTime($credit_data_value['expiring_date']); echo $date->format('M d , Y'); ?></p> -->
|
|
</td>
|
|
<td><?= $credit_data_value['pack_count'] ?></td>
|
|
<td><span>$</span><?= $credit_data_value['costSum'] ?></td>
|
|
<td></td>
|
|
</tr>
|
|
<?php } ?>
|
|
|
|
|
|
<tr class="table-grey custom-font <?= $key."_table-grey" ?> table-bottom">
|
|
<td></td>
|
|
<td></td>
|
|
<td>Subtotal</td>
|
|
<td><span>$</span><?= array_sum(array_column($value['credit_data'],'costSum')) ?></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr class="table-grey custom-font <?= $key."_table-grey" ?> table-bottom">
|
|
<td>Taxes</td>
|
|
<td></td>
|
|
<td>PST (<?= $pst ?>%)</td>
|
|
<td><span>$</span><?= round(array_sum(array_column($value['credit_data'],'costSum')) * $pst / 100 , 2) ?></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr class="table-grey custom-font <?= $key."_table-grey" ?>">
|
|
<td></td>
|
|
<td></td>
|
|
<td>GST (<?= $gst ?>%)</td>
|
|
<td><span>$</span><?= round(array_sum(array_column($value['credit_data'],'costSum')) * $gst / 100 , 2) ?></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr class="table-grey custom-font <?= $key."_table-grey" ?> table-bottom">
|
|
<td></td>
|
|
<td></td>
|
|
<td>Total</td>
|
|
<td><span>$</span><?= json_decode($value['transaction'] , true)['payment']['amount_money']['amount']; ?></td>
|
|
<td class="order-total"><div><img src="<?= base_url()."/public/"; ?>assets/member_images/table-order-icon-white.png" alt=""> 0 </div></td>
|
|
</tr>
|
|
|
|
<?php } ?>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="Profile" class="tabcontent" style="display:none;">
|
|
<!-- <select class="js-example-basic-single" name="state">
|
|
<option selected="selected">orange</option>
|
|
<option>white</option>
|
|
<option>purple</option>
|
|
</select> -->
|
|
|
|
<form id="member-address-save">
|
|
<input type="hidden" name="id" id="id" value="<?= session()->get('logged_user'); ?>"/>
|
|
<input type="hidden" id="url" value="<?= base_url(); ?>"/>
|
|
<input type="hidden" name="country_code" id="country_code" value="<?= $profile[0]['country_code']?>"/>
|
|
<div class="row information mb-5">
|
|
|
|
<div class="col-6 col-lg-6">
|
|
<h5 class="dashboard-maintitle">Personal Information</h5>
|
|
</div>
|
|
<div class="col-6 col-lg-6"></div>
|
|
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="first_name">First Name</label><br>
|
|
<input type="text" name="name" id="first_name" value="<?= $profile[0]['name']?>"/>
|
|
</div>
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="last_name">Last Name</label><br>
|
|
<input type="text" name="last_name" id="last_name" value="<?= $profile[0]['last_name']?>" />
|
|
</div>
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="street_address">Mobile</label><br>
|
|
<!-- id="phone" type="tel" name="phone" -->
|
|
<input type="tel" name="mobile" id="mobile" value="<?= $profile[0]['mobile']?>"/>
|
|
</div>
|
|
<div class="col-6 col-lg-6">
|
|
<label>Select your gender</label>
|
|
<div class="row mt-1">
|
|
<div class="col-6 col-lg-5"><input type="radio" name="gender" value="male" id="gender" <?php if($profile[0]['gender'] == 'male') { echo 'checked';} ?>><label for="male">Male</label></div>
|
|
<div class="col-6 col-lg-7"><input type="radio" name="gender" value="female" id="gender" <?php if($profile[0]['gender'] == 'female') { echo 'checked';} ?>><label for="female">Female<label> </div>
|
|
<div class="col-6 col-lg-5"><input type="radio" name="gender" value="non-binary" id="gender" <?php if($profile[0]['gender'] == 'non-binary') { echo 'checked';} ?>><label for="non-binary">Non-binary</label></div>
|
|
<div class="col-6 col-lg-7"><input type="radio" name="gender" value="non-binary" id="gender" <?php if($profile[0]['gender'] == 'non-binary') { echo 'checked';} ?>><label for="non-binary">Prefer not to say</label></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="street_address">Street Address</label><br>
|
|
<input type="text" name="address" id="street_address" value="<?= $profile[0]['address']?>">
|
|
</div>
|
|
<div class="col-4 col-lg-6 mb-3">
|
|
<label for="city">City</label><br>
|
|
<input type="text" name="city" id="city" value="<?= $profile[0]['city']?>">
|
|
</div>
|
|
<div class="col-4 col-lg-4 mb-3">
|
|
<label for="state">Province</label><br>
|
|
<input type="text" name="state" id="state" value="<?= $profile[0]['state']?>">
|
|
</div>
|
|
<div class="col-4 col-lg-4 mb-3">
|
|
<label for="country">Country</label><br>
|
|
<select name="country" id="country" class="js-example-basic-single">
|
|
<?php if(isset($profile)) { ?>
|
|
<?php if ($profile[0]['country'] == "") { ?>
|
|
<option value="Canada"> Canada </option>
|
|
<?php }
|
|
else { ?>
|
|
<option value="<?= $profile[0]['country']?>"> <?= $profile[0]['country']?> </option>
|
|
<?php } ?>
|
|
<?php } else { ?>
|
|
<option> Select Country </option>
|
|
<?php }?>
|
|
|
|
<?php foreach ($country as $key => $value) { ?>
|
|
<option value="<?= $value['name']?>"> <?= $value['name']?> </option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-4 col-lg-4 mb-3">
|
|
<label for="zipcode">Postal Code</label><br>
|
|
<input type="text" name="pincode" id="pincode" value="<?= $profile[0]['pincode']?>">
|
|
<!-- <select name="pincode" id="pincode" class="js-example-basic-single">
|
|
<option value="<?= $profile[0]['pincode']; ?>"> <?= $profile[0]['zipcode']; ?> </option>
|
|
<?= $zipcode ?>
|
|
</select> -->
|
|
</div>
|
|
<div class="col-6 col-lg-6">
|
|
<div id="address-btn" class="custom-btn">save</div>
|
|
<div class="success-message" style="display:none;">Successfully Saved</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="col-6 col-lg-6"></div>
|
|
|
|
|
|
<form id="member-pass-save">
|
|
<div class="password">
|
|
|
|
<h3>Change Password</h3>
|
|
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="old_password">Old Password</label><br>
|
|
<input type="password" name="old_password" id="old_password" required>
|
|
<span toggle="#old_password" id="toggle-password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
<span id="error_op_after_check"></span>
|
|
<span style="display:none;" id="error_op"></span>
|
|
</div>
|
|
<div class="col-6 col-lg-6"></div>
|
|
<div class="col-6 col-lg-6 mb-3 show-password1">
|
|
<label for="new_password">New Password</label><br>
|
|
<span toggle="#new_password" id="toggle-password1" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
<input type="password" name="password" id="new_password"
|
|
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,}"
|
|
title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
|
|
required>
|
|
<span id="error_np"></span>
|
|
<div id="pswd_info">
|
|
<h4>Password requirements</h4>
|
|
<ul>
|
|
<li id="letter" class="invalid">At least <strong>one letter</strong></li>
|
|
<li id="capital" class="invalid">At least <strong>one capital letter</strong></li>
|
|
<li id="number" class="invalid">At least <strong>one number</strong></li>
|
|
<li id="length" class="invalid">Be at least <strong>8 characters</strong></li>
|
|
<li id="space" class="invalid">use any one<strong> [~,!,@,#,$,%,^,&,*,-,=,.,;,']</strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-6"></div>
|
|
<div class="col-6 col-lg-6 mb-3">
|
|
<label for="confirm_password">Confirm Password</label><br>
|
|
<span toggle="#new_password" id="toggle-password2" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
<input type="password" name="confirm_password" id="confirm_password" required>
|
|
<span id="error_cp"></span>
|
|
</div>
|
|
<div class="col-6 col-lg-6"></div>
|
|
|
|
<div class="col-6 col-lg-6">
|
|
<div id="pass-btn" type="submit" class="custom-btn">Update</div>
|
|
<!-- <div class="success-message" style="display:none;">Successfully Saved</div> -->
|
|
</div>
|
|
<div class="col-6 col-lg-6"></div>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.js-example-basic-single').select2();
|
|
});
|
|
</script>
|
|
<?php include 'member_layout/footer.php' ?>
|
|
<script src="<?= base_url()."/public"; ?>/assets/member_js/tableManager.js"></script>
|
|
<script type="text/javascript">
|
|
$('.credit-custom-table').tablemanager({
|
|
firstSort:false,
|
|
disable: ["last"],
|
|
appendFilterby: true,
|
|
debug: false,
|
|
vocabulary: {
|
|
voc_filter_by: 'Filter By',
|
|
voc_type_here_filter: 'Filter...',
|
|
voc_show_rows: 'Rows Per Page'
|
|
},
|
|
pagination: true,
|
|
showrows: [10],
|
|
disableFilterBy: [2,3,4]
|
|
});
|
|
|
|
</script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
|
|
$('#new_password').keyup(function() {
|
|
var pswd = $(this).val();
|
|
|
|
//validate the length
|
|
if ( pswd.length < 8 ) {
|
|
$('#length').removeClass('valid').addClass('invalid');
|
|
} else {
|
|
$('#length').removeClass('invalid').addClass('valid');
|
|
}
|
|
|
|
//validate letter
|
|
if ( pswd.match(/[A-z]/) ) {
|
|
$('#letter').removeClass('invalid').addClass('valid');
|
|
} else {
|
|
$('#letter').removeClass('valid').addClass('invalid');
|
|
}
|
|
|
|
//validate capital letter
|
|
if ( pswd.match(/[A-Z]/) ) {
|
|
$('#capital').removeClass('invalid').addClass('valid');
|
|
} else {
|
|
$('#capital').removeClass('valid').addClass('invalid');
|
|
}
|
|
|
|
//validate number
|
|
if ( pswd.match(/\d/) ) {
|
|
$('#number').removeClass('invalid').addClass('valid');
|
|
} else {
|
|
$('#number').removeClass('valid').addClass('invalid');
|
|
}
|
|
|
|
//validate space
|
|
if ( pswd.match(/[^a-zA-Z0-9\-\/]/) ) {
|
|
$('#space').removeClass('invalid').addClass('valid');
|
|
} else {
|
|
$('#space').removeClass('valid').addClass('invalid');
|
|
}
|
|
|
|
}).focus(function() {
|
|
$('#pswd_info').show();
|
|
}).blur(function() {
|
|
$('#pswd_info').hide();
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
function openCity(evt, cityName) {
|
|
// Declare all variables
|
|
var i, tabcontent, tablinks;
|
|
|
|
// Get all elements with class="tabcontent" and hide them
|
|
tabcontent = document.getElementsByClassName("tabcontent");
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
}
|
|
|
|
// Get all elements with class="tablinks" and remove the class "active"
|
|
tablinks = document.getElementsByClassName("tablinks");
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
|
|
// Show the current tab, and add an "active" class to the link that opened the tab
|
|
document.getElementById(cityName).style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
}
|
|
</script>
|
|
|
|
|
|
<!-- International Mobile Number -->
|
|
<script>
|
|
|
|
var country_code = $('#country_code').val();
|
|
var input = document.querySelector("#mobile");
|
|
window.intlTelInput(input, {
|
|
// allowDropdown: false,
|
|
autoInsertDialCode: true,
|
|
// autoPlaceholder: "on",
|
|
dropdownContainer: document.body,
|
|
// excludeCountries: ["us"],
|
|
// formatOnDisplay: true,
|
|
// geoIpLookup: function(callback) {
|
|
// fetch("https://ipapi.co/json")
|
|
// .then(function(res) { return res.json(); })
|
|
// .then(function(data) { callback(data.country_code); })
|
|
// .catch(function() { callback("us"); });
|
|
// },
|
|
// hiddenInput: "full_number",
|
|
initialCountry: country_code || "ca",
|
|
// localizedCountries: { 'de': 'Deutschland' },
|
|
// nationalMode: false,
|
|
// onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
|
|
// placeholderNumberType: "MOBILE",
|
|
// preferredCountries: ['cn', 'jp'],
|
|
//separateDialCode: true,
|
|
showFlags: true,
|
|
utilsScript: "<?= base_url()."/public/"; ?>assets/member_js/utils.js"
|
|
});
|
|
|
|
$('#mobile').inputmask('(999)-999-9999');
|
|
</script>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".down-icon").click(function(){
|
|
id = $(this).attr('id');
|
|
// console.log($("#"+id+"_down-icon").attr('class'));
|
|
|
|
$("."+id+"").slideToggle();
|
|
$("#"+id+"_down-icon").toggleClass("fa-caret-down fa-caret-up");
|
|
// alert($("#"+id+"_down-icon").attr('class'))
|
|
if($("#"+id+"_down-icon").attr('class') == "fa fa-caret-up")
|
|
{
|
|
$("tr#"+id+"").css('background-color','#353535');
|
|
$("tr#"+id+" td").css('color','#ffffff');
|
|
$("tr#"+id+" i").css('color','#ffffff');
|
|
$("tr#"+id+" i").css('border-color','#ffffff');
|
|
}
|
|
else
|
|
{
|
|
$("tr#"+id+"").css('background-color','#ffffff');
|
|
$("tr#"+id+" td").css('color','#475569');
|
|
$("tr#"+id+" i").css('color','#EB008B');
|
|
$("tr#"+id+" i").css('border-color','#EB008B');
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
</script>
|
|
<script>
|
|
$("#toggle-password").click(function() {
|
|
$(this).toggleClass("fa-eye fa-eye-slash");
|
|
var input = $($(this).attr("toggle"));
|
|
if (input.attr("type") == "password") {
|
|
input.attr("type", "text");
|
|
}
|
|
else {
|
|
input.attr("type", "password");
|
|
}
|
|
});
|
|
|
|
$("#toggle-password1").click(function() {
|
|
$(this).toggleClass("fa-eye fa-eye-slash");
|
|
var input = $($(this).attr("toggle"));
|
|
if (input.attr("type") == "password") {
|
|
input.attr("type", "text");
|
|
}
|
|
else {
|
|
input.attr("type", "password");
|
|
}
|
|
});
|
|
$("#toggle-password2").click(function() {
|
|
$(this).toggleClass("fa-eye fa-eye-slash");
|
|
if ($('#confirm_password').attr("type") == "password") {
|
|
$('#confirm_password').attr("type", "text");
|
|
}
|
|
else {
|
|
$('#confirm_password').attr("type", "password");
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|