881 lines
39 KiB
PHP
881 lines
39 KiB
PHP
<?php
|
|
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
// Custom functions
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
|
|
// Get country list
|
|
function get_countries() {
|
|
$default_country = country_default;
|
|
return [$default_country, "Afghanistan", "Albania", "Algeria", "American Samoa", "Andorra", "Angola", "Anguilla", "Antarctica", "Antigua and Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia and Herzegowina", "Botswana", "Bouvet Island", "Brazil", "British Indian Ocean Territory", "Brunei Darussalam", "Bulgaria", "Burkina Faso", "Burundi", "Cambodia", "Cameroon", "Canada", "Cape Verde", "Cayman Islands", "Central African Republic", "Chad", "Chile", "China", "Christmas Island", "Cocos (Keeling) Islands", "Colombia", "Comoros", "Congo", "Congo, the Democratic Republic of the", "Cook Islands", "Costa Rica", "Cote d'Ivoire", "Croatia (Hrvatska)", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "East Timor", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Ethiopia", "Falkland Islands (Malvinas)", "Faroe Islands", "Fiji", "Finland", "France", "France Metropolitan", "French Guiana", "French Polynesia", "French Southern Territories", "Gabon", "Gambia", "Georgia", "Germany", "Ghana", "Gibraltar", "Greece", "Greenland", "Grenada", "Guadeloupe", "Guam", "Guatemala", "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Heard and Mc Donald Islands", "Holy See (Vatican City State)", "Honduras", "Hong Kong", "Hungary", "Iceland", "India", "Indonesia", "Iran (Islamic Republic of)", "Iraq", "Ireland", "Israel", "Italy", "Jamaica", "Japan", "Jordan", "Kazakhstan", "Kenya", "Kiribati", "Korea, Democratic People's Republic of", "Korea, Republic of", "Kuwait", "Kyrgyzstan", "Lao, People's Democratic Republic", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libyan Arab Jamahiriya", "Liechtenstein", "Lithuania", "Luxembourg", "Macau", "Macedonia, The Former Yugoslav Republic of", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Marshall Islands", "Martinique", "Mauritania", "Mauritius", "Mayotte", "Mexico", "Micronesia, Federated States of", "Moldova, Republic of", "Monaco", "Mongolia", "Montserrat", "Morocco", "Mozambique", "Myanmar", "Namibia", "Nauru", "Nepal", "Netherlands", "Netherlands Antilles", "New Caledonia", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Niue", "Norfolk Island", "Northern Mariana Islands", "Norway", "Oman", "Pakistan", "Palau", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Pitcairn", "Poland", "Portugal", "Puerto Rico", "Qatar", "Reunion", "Romania", "Russian Federation", "Rwanda", "Saint Kitts and Nevis", "Saint Lucia", "Saint Vincent and the Grenadines", "Samoa", "San Marino", "Sao Tome and Principe", "Saudi Arabia", "Senegal", "Seychelles", "Sierra Leone", "Singapore", "Slovakia (Slovak Republic)", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "South Georgia and the South Sandwich Islands", "Spain", "Sri Lanka", "St. Helena", "St. Pierre and Miquelon", "Sudan", "Suriname", "Svalbard and Jan Mayen Islands", "Swaziland", "Sweden", "Switzerland", "Syrian Arab Republic", "Taiwan, Province of China", "Tajikistan", "Tanzania, United Republic of", "Thailand", "Togo", "Tokelau", "Tonga", "Trinidad and Tobago", "Tunisia", "Turkey", "Turkmenistan", "Turks and Caicos Islands", "Tuvalu", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "United States Minor Outlying Islands", "Uruguay", "Uzbekistan", "Vanuatu", "Venezuela", "Vietnam", "Virgin Islands (British)", "Virgin Islands (U.S.)", "Wallis and Futuna Islands", "Western Sahara", "Yemen", "Yugoslavia", "Zambia", "Zimbabwe"];
|
|
}
|
|
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
// PAGE HEADER / FOOTER and MENU
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
|
|
// Template Header default including MENU
|
|
function template_header($title,$head) {
|
|
|
|
include './custom/translations/translations_'.strtoupper($_SESSION['country_code']).'.php';
|
|
|
|
//variables
|
|
$num_items_in_cart = isset($_SESSION['cart']) ? array_sum(array_column($_SESSION['cart'], 'quantity')) : 0;
|
|
$default_country = isset($_SESSION['country_code']) ? strtolower($_SESSION['country_code']) : language_code;
|
|
|
|
//LINKS
|
|
$admin_link = isset($_SESSION['account_loggedin'], $_SESSION['account_role']) && $_SESSION['account_role'] == 1 ? '<a href="' . base_url . 'admin/index.php" aria-label="Settings" target="_blank"><i class="fa-solid fa-sliders"></i></a> ': '';
|
|
$logout_link = isset($_SESSION['account_loggedin']) ? '<a title="Logout" href="' . url('index.php?page=logout') . '"><i class="fas fa-sign-out-alt"></i></a>' : '';
|
|
|
|
//check for age_consent
|
|
if (age_verification_enabled){
|
|
if (isset($_POST['age_consent_allow'])){$_SESSION["age_consent"] = 1;}
|
|
$age_consent = (isset($_SESSION["age_consent"]) && $_SESSION["age_consent"] == 1) ? '' : consent();
|
|
} else {
|
|
$age_consent = '';
|
|
}
|
|
|
|
//check for maintenanceMode
|
|
if (maintenanceMode){$maintenanceMode = maintenanceMode();} else {$maintenanceMode = '';}
|
|
|
|
$veliti_analytics = '';
|
|
if (veliti_analytics){
|
|
$veliti_analytics = '<script src="'.$base_url.'/lib/analytics/analytics.js"></script>';
|
|
}
|
|
|
|
$view = '
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<title>'.$title.' - '.site_title.'</title>
|
|
<link rel="icon" type="image/png" href="'.base_url.icon_image.'">
|
|
<link href="'.base_url.'custom/css/main.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.0.0/css/all.css">
|
|
'.$head.'
|
|
<script>
|
|
// Wait for DOM to be ready before accessing elements
|
|
document.addEventListener(\'DOMContentLoaded\', function() {
|
|
// Get loading screen element
|
|
const loadingScreen = document.getElementById(\'loadingScreen\');
|
|
|
|
// Only proceed if the element exists
|
|
if (!loadingScreen) {
|
|
console.error(\'Loading screen element not found!\');
|
|
return;
|
|
}
|
|
|
|
// Show loading screen
|
|
function showLoading() {
|
|
loadingScreen.classList.add(\'active\');
|
|
}
|
|
|
|
// Hide loading screen
|
|
function hideLoading() {
|
|
loadingScreen.classList.remove(\'active\');
|
|
}
|
|
|
|
// Show loading when page initially loads
|
|
showLoading();
|
|
|
|
// Hide loading when everything is loaded
|
|
window.addEventListener(\'load\', hideLoading);
|
|
|
|
// In case the page loads very quickly
|
|
setTimeout(hideLoading, 500);
|
|
|
|
// Intercept form submissions
|
|
setupFormInterception();
|
|
|
|
// Intercept fetch and XMLHttpRequest
|
|
interceptNetworkRequests();
|
|
|
|
|
|
// Intercept all form submissions
|
|
function setupFormInterception() {
|
|
const forms = document.querySelectorAll(\'form\');
|
|
|
|
forms.forEach(form => {
|
|
form.addEventListener(\'submit\', function(e) {
|
|
// Show loading screen before form submission
|
|
showLoading();
|
|
});
|
|
});
|
|
}
|
|
|
|
// Intercept all network requests (fetch and XMLHttpRequest)
|
|
function interceptNetworkRequests() {
|
|
// Track active requests
|
|
let activeRequests = 0;
|
|
|
|
// Intercept fetch API
|
|
const originalFetch = window.fetch;
|
|
window.fetch = function() {
|
|
showLoading();
|
|
activeRequests++;
|
|
|
|
return originalFetch.apply(this, arguments)
|
|
.then(response => {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
return response;
|
|
})
|
|
.catch(error => {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
throw error;
|
|
});
|
|
};
|
|
|
|
// Intercept XMLHttpRequest
|
|
const originalXHROpen = XMLHttpRequest.prototype.open;
|
|
const originalXHRSend = XMLHttpRequest.prototype.send;
|
|
|
|
XMLHttpRequest.prototype.open = function() {
|
|
return originalXHROpen.apply(this, arguments);
|
|
};
|
|
|
|
XMLHttpRequest.prototype.send = function() {
|
|
showLoading();
|
|
activeRequests++;
|
|
|
|
this.addEventListener(\'loadend\', function() {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
});
|
|
|
|
return originalXHRSend.apply(this, arguments);
|
|
};
|
|
}
|
|
});
|
|
</script>
|
|
'.$veliti_analytics.'
|
|
</head>
|
|
<body>
|
|
<!-- Loading Bar -->
|
|
<div class="loading-container" id="loadingScreen">
|
|
<div class="loading-bar">
|
|
<div class="progress"></div>
|
|
</div>
|
|
<div class="loading-text">Loading, please wait...</div>
|
|
</div>
|
|
<!-- Top Info Bar -->
|
|
<div class="top-info-bar">
|
|
<div>
|
|
<i class="fas fa-home"></i>
|
|
'.($header_manufacturing ?? 'Swiss quality and Dutch manufacturing').'
|
|
</div>
|
|
<div>
|
|
<i class="fas fa-euro-sign"></i>
|
|
'.($header_shipping ?? 'Free shipping on all of our watches').'
|
|
</div>
|
|
<div>
|
|
<i class="fas fa-truck"></i>
|
|
'.($header_delivery ?? 'Fast service and delivery').'
|
|
</div>
|
|
<div>
|
|
<span class="star-rating">★★★★★</span>
|
|
'.($header_rating ?? 'Client rate 4.7/5.0').'
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Header -->
|
|
<header>
|
|
|
|
<div class="logo">
|
|
<a href="'.url('index.php').'" style="color:inherit;text-decoration:inherit;">
|
|
<img src="'.base_url.icon_image.'" alt="'.site_name.'" style="width: 50px;height: 50px;padding:1px;border-radius: 10px;">
|
|
</a>
|
|
</div>
|
|
|
|
<nav>
|
|
<ul class="nav-links">
|
|
<li><a href="'.url('index.php').'">'.$home_text.'</a></li>
|
|
<li><a href="'.url(link_to_collection).'">'.$products_text.'</a></li>
|
|
<li><a href="'.url('index.php?page=about').'">'.$about_text.'</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="header-icons">
|
|
<a href="'.url('index.php?page=cart').'" aria-label="Shopping Cart">
|
|
<i class="fas fa-shopping-cart"></i>
|
|
<span class="cart-count">'.$num_items_in_cart.'</span>
|
|
</a>
|
|
<a href="'.url('index.php?page=myaccount').'" aria-label="Account">
|
|
<i class="fas fa-user"></i>
|
|
</a>
|
|
'.$admin_link.'
|
|
'.$logout_link.'
|
|
<div class="language-selector">
|
|
<button class="language-btn" id="lang-toggle">
|
|
<img src="'.base_url.'custom/css/'.$default_country.'.png" alt="English" class="flag-icon">
|
|
<i class="fas fa-chevron-down"></i>
|
|
</button>
|
|
<div class="language-dropdown" id="lang-dropdown">
|
|
<a href="'.base_url.'index.php?language=us" class="active">
|
|
<img src="'.base_url.'custom/css/us.png" alt="English" class="flag-icon">
|
|
<span>English</span>
|
|
</a>
|
|
<a href="'.base_url.'index.php?language=de">
|
|
<img src="'.base_url.'custom/css/de.png" alt="Deutsch" class="flag-icon">
|
|
<span>Deutsch</span>
|
|
</a>
|
|
<a href="'.base_url.'index.php?language=fr">
|
|
<img src="'.base_url.'custom/css/fr.png" alt="Français" class="flag-icon">
|
|
<span>Français</span>
|
|
</a>
|
|
<a href="'.base_url.'index.php?language=nl">
|
|
<img src="'.base_url.'custom/css/nl.png" alt="Nederlands" class="flag-icon">
|
|
<span>Nederlands</span>
|
|
</a>
|
|
<a href="'.base_url.'index.php?language=es">
|
|
<img src="'.base_url.'custom/css/es.png" alt="Español" class="flag-icon">
|
|
<span>Español</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="hamburger" id="menu-btn">
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
</header>
|
|
|
|
<!-- Mobile Menu -->
|
|
<div class="mobile-menu" id="mobile-menu">
|
|
<button class="close-menu" id="close-menu-btn">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
<ul class="mobile-nav-links">
|
|
<li><a href="'.url('index.php').'">'.$home_text.'</a></li>
|
|
<li><a href="'.url(link_to_collection).'">'.$products_text.'</a></li>
|
|
<li><a href="'.url('index.php?page=about').'">'.$about_text.'</a></li>
|
|
<li><a href="'.url('index.php?page=cart').'">Cart</a></li>
|
|
<li><a href="'.url('index.php?page=myaccount').'">Account</a></li>
|
|
</ul>
|
|
</div>
|
|
'. $age_consent.'
|
|
'.$maintenanceMode;
|
|
|
|
return $view;
|
|
|
|
}
|
|
|
|
// Template Header (related to MENU function)
|
|
function template_header_top($title, $head = '') {
|
|
|
|
include './custom/translations/translations_'.strtoupper($_SESSION['country_code']).'.php';
|
|
// Get the amount of items in the shopping cart, this will be displayed in the header.
|
|
$num_items_in_cart = isset($_SESSION['cart']) ? array_sum(array_column($_SESSION['cart'], 'quantity')) : 0;
|
|
$home_link = url('index.php');
|
|
$products_link = url(link_to_collection);
|
|
$about_link = url('index.php?page=about');
|
|
$myaccount_link = url('index.php?page=myaccount');
|
|
$cart_link = url('index.php?page=cart');
|
|
$admin_link = isset($_SESSION['account_loggedin'], $_SESSION['account_role']) && $_SESSION['account_role'] == 1 ? '<a href="' . base_url . 'admin/index.php" target="_blank">Admin</a>' : '';
|
|
$logout_link = isset($_SESSION['account_loggedin']) ? '<a title="Logout" href="' . url('index.php?page=logout') . '"><i class="fas fa-sign-out-alt"></i></a>' : '';
|
|
$site_name = site_name;
|
|
$site_title = site_title;
|
|
$base_url = base_url;
|
|
$icon_image = icon_image;
|
|
|
|
|
|
//check for age_consent
|
|
if (age_verification_enabled){
|
|
$age_consent = (isset($_SESSION["age_consent"]) && $_SESSION["age_consent"] == 1) ? '' : consent();
|
|
} else {
|
|
$age_consent = '';
|
|
}
|
|
|
|
//check for banners
|
|
if (banner_enabled){
|
|
$banner = (isset($_SESSION["banner"]) && $_SESSION["banner"] == 1) ? '' : banner();
|
|
} else {
|
|
$banner = '';
|
|
}
|
|
|
|
//check for maintenanceMode
|
|
if (maintenanceMode){$maintenanceMode = maintenanceMode();} else {$maintenanceMode = '';}
|
|
|
|
$veliti_analytics = '';
|
|
if (veliti_analytics){
|
|
$veliti_analytics = '<script src="'.$base_url.'/lib/analytics/analytics.js"></script>';
|
|
}
|
|
// DO NOT INDENT THE BELOW CODE
|
|
echo <<<EOT
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<title>$site_title - $title</title>
|
|
<link rel="icon" type="image/png" href="{$base_url}$icon_image">
|
|
<link href="{$base_url}custom/css/style.css" rel="stylesheet" type="text/css">
|
|
<link href="{$base_url}custom/css/custom.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.0.0/css/all.css">
|
|
<script>
|
|
// Wait for DOM to be ready before accessing elements
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Get loading screen element
|
|
const loadingScreen = document.getElementById('loadingScreen');
|
|
|
|
// Only proceed if the element exists
|
|
if (!loadingScreen) {
|
|
console.error('Loading screen element not found!');
|
|
return;
|
|
}
|
|
|
|
// Show loading screen
|
|
function showLoading() {
|
|
loadingScreen.classList.add('active');
|
|
}
|
|
|
|
// Hide loading screen
|
|
function hideLoading() {
|
|
loadingScreen.classList.remove('active');
|
|
}
|
|
|
|
// Show loading when page initially loads
|
|
showLoading();
|
|
|
|
// Hide loading when everything is loaded
|
|
window.addEventListener('load', hideLoading);
|
|
|
|
// In case the page loads very quickly
|
|
setTimeout(hideLoading, 500);
|
|
|
|
// Intercept form submissions
|
|
setupFormInterception();
|
|
|
|
// Intercept fetch and XMLHttpRequest
|
|
interceptNetworkRequests();
|
|
|
|
|
|
// Intercept all form submissions
|
|
function setupFormInterception() {
|
|
const forms = document.querySelectorAll('form');
|
|
|
|
forms.forEach(form => {
|
|
form.addEventListener('submit', function(e) {
|
|
// Show loading screen before form submission
|
|
showLoading();
|
|
});
|
|
});
|
|
}
|
|
|
|
// Intercept all network requests (fetch and XMLHttpRequest)
|
|
function interceptNetworkRequests() {
|
|
// Track active requests
|
|
let activeRequests = 0;
|
|
|
|
// Intercept fetch API
|
|
const originalFetch = window.fetch;
|
|
window.fetch = function() {
|
|
showLoading();
|
|
activeRequests++;
|
|
|
|
return originalFetch.apply(this, arguments)
|
|
.then(response => {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
return response;
|
|
})
|
|
.catch(error => {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
throw error;
|
|
});
|
|
};
|
|
|
|
// Intercept XMLHttpRequest
|
|
const originalXHROpen = XMLHttpRequest.prototype.open;
|
|
const originalXHRSend = XMLHttpRequest.prototype.send;
|
|
|
|
XMLHttpRequest.prototype.open = function() {
|
|
return originalXHROpen.apply(this, arguments);
|
|
};
|
|
|
|
XMLHttpRequest.prototype.send = function() {
|
|
showLoading();
|
|
activeRequests++;
|
|
|
|
this.addEventListener('loadend', function() {
|
|
activeRequests--;
|
|
if (activeRequests === 0) hideLoading();
|
|
});
|
|
|
|
return originalXHRSend.apply(this, arguments);
|
|
};
|
|
}
|
|
});
|
|
</script>
|
|
$veliti_analytics
|
|
$head
|
|
</head>
|
|
<body>
|
|
<!-- Loading Bar -->
|
|
<div class="loading-container" id="loadingScreen">
|
|
<div class="loading-bar">
|
|
<div class="progress"></div>
|
|
</div>
|
|
<div class="loading-text">Loading, please wait...</div>
|
|
</div>
|
|
<main>
|
|
$banner
|
|
$age_consent
|
|
$maintenanceMode
|
|
EOT;
|
|
}
|
|
// Template Menu
|
|
function template_menu(){
|
|
include './custom/translations/translations_'.strtoupper($_SESSION['country_code']).'.php';
|
|
// Get the amount of items in the shopping cart, this will be displayed in the header.
|
|
$num_items_in_cart = isset($_SESSION['cart']) ? array_sum(array_column($_SESSION['cart'], 'quantity')) : 0;
|
|
$home_link = url('index.php');
|
|
$products_link = url(link_to_collection);
|
|
$about_link = url('index.php?page=about');
|
|
$myaccount_link = url('index.php?page=myaccount');
|
|
$cart_link = url('index.php?page=cart');
|
|
$logout_link = isset($_SESSION['account_loggedin']) ? '<a title="Logout" href="' . url('index.php?page=logout') . '"><i class="fas fa-sign-out-alt"></i></a>' : '';
|
|
$site_name = site_name;
|
|
$site_title = site_title;
|
|
$base_url = base_url;
|
|
$icon_image = icon_image;
|
|
$basename = url('index.php?');
|
|
$default_country = isset($_SESSION['country_code']) ? strtolower($_SESSION['country_code']) : language_code;
|
|
|
|
//build up settings
|
|
$admin_link = isset($_SESSION['account_loggedin'], $_SESSION['account_role']) && $_SESSION['account_role'] == 1 ? '<a href="' . base_url . 'admin/index.php" title="Settings" target="_blank"><i class="fa-solid fa-sliders"></i></a> ': '';
|
|
|
|
|
|
// DO NOT INDENT THE BELOW CODE
|
|
echo <<<EOT
|
|
<header_menu>
|
|
<div class="content-wrapper">
|
|
<h1>
|
|
<a href="$home_link" style="color:inherit;text-decoration:inherit;">
|
|
<img src="{$base_url}$icon_image" alt="$site_name" style="width: 50px;height: 50px;padding:1px;border-radius: 10px;">
|
|
</a>
|
|
</h1>
|
|
<nav style="flex-grow: 1;flex-basis: 0px;justify-content: center;align-items: center;text-align: center;">
|
|
<a href="$home_link">$home_text</a>
|
|
<a href="$products_link">$products_text</a>
|
|
<a href="$about_link">$about_text</a>
|
|
</nav>
|
|
<div class="link-icons">
|
|
<div class="search">
|
|
<i class="fas fa-search" title="Search"></i>
|
|
<input type="text" placeholder="Search...">
|
|
</div>
|
|
<a href="$cart_link" title="Shopping Cart">
|
|
<i class="fas fa-shopping-cart"></i>
|
|
<span>$num_items_in_cart</span>
|
|
</a>
|
|
<a href="$myaccount_link" title="My Account">
|
|
<i class="fa fa-user"></i>
|
|
</a>
|
|
$admin_link
|
|
<div class="dropdown">
|
|
<img src="{$base_url}custom/css/{$default_country}.png" id="title" alt="{$default_country} Flag" style="width:40px; height:auto; margin-right:10px;">
|
|
<div class="dropdown-content">
|
|
<a href="{$basename}language=us" style="padding:2px;" onclick="changeLanguage('English', 'us', '{$base_url}custom/css/us.png')">
|
|
<img src="{$base_url}custom/css/us.png" style="padding:2px;" alt="US Flag">
|
|
</a>
|
|
<a href="{$basename}language=es" style="padding:2px;" onclick="changeLanguage('Spanish', 'es', '{$base_url}custom/css/es.png')">
|
|
<img src="{$base_url}custom/css/es.png" style="padding:2px;" alt="Spanish Flag">
|
|
</a>
|
|
<a href="{$basename}language=fr" style="padding:2px;" onclick="changeLanguage('French', 'fr', '{$base_url}custom/css/fr.png')">
|
|
<img src="{$base_url}custom/css/fr.png" style="padding:2px;" alt="French Flag">
|
|
</a>
|
|
<a href="{$basename}language=de" style="padding:2px;" onclick="changeLanguage('German', 'de', '{$base_url}custom/css/de.png')">
|
|
<img src="{$base_url}custom/css/de.png" style="padding:2px;" alt="German Flag">
|
|
</a>
|
|
<a href="{$basename}language=it" style="padding:2px;" onclick="changeLanguage('Italian', 'it', '{$base_url}custom/css/it.png')">
|
|
<img src="{$base_url}custom/css/it.png" style="padding:2px;" alt="Italian Flag">
|
|
</a>
|
|
<a href="{$basename}language=nl" style="padding:2px;" onclick="changeLanguage('Dutch', 'nl', '{$base_url}custom/css/nl.png')">
|
|
<img src="{$base_url}custom/css/nl.png" style="padding:2px;" alt="Italian Flag">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
$logout_link
|
|
<a class="responsive-toggle" onclick="openMenu('header_menu nav')" href="#">
|
|
<i class="fas fa-bars"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header_menu>
|
|
EOT;
|
|
}
|
|
|
|
// Template footer
|
|
function template_footer() {
|
|
include './custom/translations/translations_'.strtoupper($_SESSION['country_code']).'.php';
|
|
|
|
$footer = '
|
|
<section class="newsletter">
|
|
<div class="container newsletter-container">
|
|
<div class="newsletter-text">
|
|
<h2>'.($newsletter_h2 ?? 'Sign up for<br>the newsletter').'</h2>
|
|
<p>'.($newsletter_p ?? 'Stay connected with our latest updates, tips, and exclusive offers—straight to your inbox.').'</p>
|
|
</div>
|
|
<div class="newsletter-form">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="'.($shipping_first_name ?? 'Name').' - '.($shipping_last_name ?? 'surname').' *" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control" placeholder="'.($account_create_email ?? 'E-mailaddress').' *" required>
|
|
</div>
|
|
<div class="checkbox-group">
|
|
<label>
|
|
<input type="checkbox" required>
|
|
'.($newsletter_confirm ?? 'I have read and agree with the privacy policy').'
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn-submit">'.($newsletter_submit ?? 'submit').'</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="footer">
|
|
<div class="container footer-container">
|
|
<div class="footer-info">
|
|
<h3>'.company_name.'</h3>
|
|
<p>'.footer_city.' - '.footer_country.'</p>
|
|
<p>Tel: '.footer_phone.' - '.footer_email.'</p>
|
|
</div>
|
|
<div class="social-icons">
|
|
<a href="'.instagram_link.'" class="social-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M21.5 7.5V16.5C21.5 19 19.5 21 17 21H7C4.5 21 2.5 19 2.5 16.5V7.5C2.5 5 4.5 3 7 3H17C19.5 3 21.5 5 21.5 7.5Z" stroke="#1f3d6b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z" stroke="#1f3d6b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M17.5 7.5H17.51" stroke="#1f3d6b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</a>
|
|
<a href="'.facebook_link.'" class="social-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M14 9.3V12.2H16.6C16.8 12.2 16.9 12.4 16.9 12.6L16.5 14.5C16.5 14.6 16.3 14.7 16.2 14.7H14V22H11V14.8H9.3C9.1 14.8 9 14.7 9 14.5V12.6C9 12.4 9.1 12.3 9.3 12.3H11V9C11 7.3 12.3 6 14 6H16.7C16.9 6 17 6.1 17 6.3V8.7C17 8.9 16.9 9 16.7 9H14.3C14.1 9 14 9.1 14 9.3Z" stroke="#1f3d6b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
<path d="M15 22H9C4 22 2 20 2 15V9C2 4 4 2 9 2H15C20 2 22 4 22 9V15C22 20 20 22 15 22Z" stroke="#1f3d6b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="social-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M16 4H8C6.34315 4 5 5.34315 5 7V17C5 18.6569 6.34315 20 8 20H16C17.6569 20 19 18.6569 19 17V7C19 5.34315 17.6569 4 16 4Z" stroke="#1f3d6b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M9 12V16M9 8.8V9M15 12V16M15 8.8V9" stroke="#1f3d6b" stroke-width="1.5" stroke-linecap="round"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="payment-methods">
|
|
<img src="'.base_url.'custom/assets/iDEAL.png" alt="iDeal" class="payment-method">
|
|
<img src="'.base_url.'custom/assets/mastercard.png" alt="Mastercard" class="payment-method">
|
|
<img src="'.base_url.'custom/assets/visa.png" alt="Visa" class="payment-method">
|
|
<img src="'.base_url.'custom/assets/paypal.png" alt="Pay Pal" class="payment-method">
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<div class="copyright">
|
|
©2025 All rights reserved
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="'.termsandconditions_link.'">'.$terms_text.'</a>
|
|
<a href="'.privacy_link.'">'.$privacy_text.'</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
//Mobile menu functionality
|
|
const menuBtn = document.getElementById(\'menu-btn\');
|
|
const closeMenuBtn = document.getElementById(\'close-menu-btn\');
|
|
const mobileMenu = document.getElementById(\'mobile-menu\');
|
|
|
|
menuBtn.addEventListener(\'click\', () => {
|
|
mobileMenu.classList.add(\'mobile-menu-open\');
|
|
document.body.style.overflow = \'hidden\';
|
|
});
|
|
|
|
closeMenuBtn.addEventListener(\'click\', () => {
|
|
mobileMenu.classList.remove(\'mobile-menu-open\');
|
|
document.body.style.overflow = \'auto\';
|
|
});
|
|
</script>
|
|
<script>
|
|
document.addEventListener(\'DOMContentLoaded\', function() {
|
|
// Get the language toggle button and dropdown
|
|
const langToggle = document.getElementById(\'lang-toggle\');
|
|
const langDropdown = document.getElementById(\'lang-dropdown\');
|
|
|
|
// Add click event to toggle button
|
|
langToggle.addEventListener(\'click\', function(e) {
|
|
e.stopPropagation(); // Prevent click from immediately bubbling to document
|
|
langDropdown.classList.toggle(\'show\');
|
|
});
|
|
|
|
// Add click events to each language option
|
|
const languageLinks = langDropdown.querySelectorAll(\'a\');
|
|
languageLinks.forEach(link => {
|
|
link.addEventListener(\'click\', function(e) {
|
|
// No need to prevent default as we want the href to be followed
|
|
// URL will be triggered naturally by the link
|
|
langDropdown.classList.remove(\'show\');
|
|
});
|
|
});
|
|
|
|
// Close dropdown when clicking elsewhere on the page
|
|
document.addEventListener(\'click\', function(e) {
|
|
if (!e.target.closest(\'.language-selector\')) {
|
|
langDropdown.classList.remove(\'show\');
|
|
}
|
|
});
|
|
});
|
|
const currency_code = "'.currency_code.'", base_url = "'.base_url.'", rewrite_url = "'.rewrite_url.'";
|
|
</script>
|
|
<script src="'.base_url.'script.js"></script>
|
|
';
|
|
|
|
return $footer;
|
|
|
|
}
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
// Order email
|
|
//++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
//Template header order email
|
|
function template_order_email_header($user_language) {
|
|
|
|
$user_language = ((isset($_SESSION['country_code']))? $_SESSION['country_code'] :$user_language);
|
|
|
|
include './custom/translations/translations_'.strtoupper($user_language).'.php';
|
|
|
|
$home_link = url('index.php');
|
|
$myaccount_link = url('index.php?page=myaccount');
|
|
$site_name = site_name;
|
|
$base_url = 'https://'.$_SERVER['SERVER_NAME'].'/'; //base_url;
|
|
$featured_order_image = $base_url.featured_order_image;
|
|
|
|
$company_name = company_name;
|
|
$company_adres = company_adres;
|
|
$company_postal = company_postal;
|
|
$company_bank = company_bank;
|
|
$company_kvk = company_kvk;
|
|
$company_city = footer_city;
|
|
$company_country = footer_country;
|
|
$company_email = footer_email;
|
|
|
|
// DO NOT INDENT THE BELOW CODE
|
|
echo <<<EOT
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<title>$site_name</title>
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.content-wrapper {
|
|
width:90%;
|
|
margin: auto;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
header {
|
|
position: relative;
|
|
}
|
|
|
|
header img {
|
|
padding: 24px 0;
|
|
}
|
|
|
|
.container {
|
|
position: relative;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
.emailfooter{
|
|
margin: 50px;
|
|
text-align: center;
|
|
border-top: 1px solid #EEEEEE;
|
|
}
|
|
|
|
.emailfooter a {
|
|
text-decoration: none;
|
|
color: #555555;
|
|
cursor: pointer;
|
|
font-family: inherit;
|
|
}
|
|
|
|
main .order-table {
|
|
margin: 0;
|
|
}
|
|
|
|
main .order-table .item-list-end {
|
|
border-bottom: 1px solid #0e0f10;
|
|
}
|
|
|
|
main .order-table .subtotal {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
main .order-table .subtotal, main .order-table .shipping, main .order-table .tax , main .order-table .total {
|
|
text-align: right;
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
}
|
|
|
|
main .order-table .num {
|
|
text-align: right;
|
|
}
|
|
|
|
main .manage-order-table input, main .manage-order-table select {
|
|
border: 0;
|
|
padding: 5px 0;
|
|
height: 40px;
|
|
background: transparent;
|
|
width: 90%;
|
|
border-bottom: 1px solid #dedfe1;
|
|
}
|
|
|
|
main .manage-order-table .add-item {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
color: #676d72;
|
|
padding: 25px 0;
|
|
}
|
|
|
|
main .manage-order-table .add-item i {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
main .manage-order-table .add-item:hover {
|
|
color: #4f5357;
|
|
}
|
|
|
|
main .manage-order-table .delete-item {
|
|
cursor: pointer;
|
|
color: #676d72;
|
|
}
|
|
|
|
main .manage-order-table .delete-item:hover {
|
|
color: #b44a4a;
|
|
}
|
|
|
|
.table table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table table thead td {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.table table thead td a {
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.table table thead td i {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.table table thead tr {
|
|
border-bottom: 1px solid #0e0f10;
|
|
}
|
|
|
|
.table table tbody tr:first-child td {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.table table tbody td {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.table table tbody .img {
|
|
padding: 1px 0;
|
|
}
|
|
|
|
.table table tbody .rrp {
|
|
color: #e26060;
|
|
}
|
|
|
|
.table table tbody .status {
|
|
padding: 4px 7px;
|
|
border-radius: 4px;
|
|
background-color: #81848a;
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
|
|
.table table tbody .status.completed, .table table tbody .status.shipped {
|
|
background-color: #13b368;
|
|
}
|
|
|
|
.table table tbody .status.pending {
|
|
background-color: #eb8a0d;
|
|
}
|
|
|
|
.table table tbody .status.refunded, .table table tbody .status.failed, .table table tbody .status.cancelled, .table table tbody .status.reversed {
|
|
background-color: #bd4141;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="content-wrapper">
|
|
<table style="border-collapse:collapse;width:100%;">
|
|
<tr>
|
|
<td width="75%">
|
|
<a href="$home_link" style="color:inherit;text-decoration:inherit;">
|
|
<img src="$featured_order_image" alt="$site_name" width="50%" />
|
|
</a>
|
|
</td>
|
|
<td width="25%">
|
|
$company_name<br>
|
|
$company_adres<br>
|
|
$company_postal $company_city<br>
|
|
$company_country<br>
|
|
<br>
|
|
$company_email <br>
|
|
<br>
|
|
Bank: $company_bank<br>
|
|
KvK: $company_kvk
|
|
</td>
|
|
</tr>
|
|
EOT;
|
|
}
|
|
// Template order footer
|
|
function template_order_email_footer() {
|
|
include './custom/translations/translations_'.strtoupper($_SESSION['country_code']).'.php';
|
|
$home_link = url('index.php');
|
|
$products_link = url(link_to_collection);
|
|
$about_link = url('index.php?page=about');
|
|
$privacy_link = url('index.php?page=privacy');
|
|
$terms_link = url('index.php?page=termsandconditions');
|
|
$myaccount_link = url('index.php?page=myaccount');
|
|
$cart_link = url('index.php?page=cart');
|
|
|
|
// DO NOT INDENT THE BELOW CODE
|
|
echo <<<EOT
|
|
|
|
<div class="emailfooter">
|
|
<a href="$products_link">$products_text</a> - <a href="$myaccount_link">$myaccount_text</a> - <a href="$privacy_link">$privacy_text</a> - <a href="$terms_link">$terms_text</a>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|
|
EOT;
|
|
|
|
}
|
|
?>
|