<?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';

    // 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> ': '';
   
   //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 = '';
}

if ($title == 'Checkout' || $title == 'Shopping Cart') {$style = 'style="background-image: url(custom/assets/morval_checkout.jpg);"';} else {$style = '';}

//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 $style>
             <!-- 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>
            <header>
                <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 nav')" href="#">
                            <i class="fas fa-bars"></i>
                        </a>
                    </div>
                </div>
            </header>
            <main>
            $age_consent
            $maintenanceMode
    EOT;
    }
    
 // 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';
    $base_url = base_url;
    $rewrite_url = rewrite_url ? 'true' : 'false';
    $year = date('Y');
    $currency_code = currency_code;
    $site_name = site_name;
    $home_link = url('index.php');
    $products_link = url('index.php?page=products');
    $about_link = url('index.php?page=about');
    $privacy_link = privacy_link;
    $terms_link = termsandconditions_link;
    $faq_link = url('index.php?page=faq');
    $myaccount_link = url('index.php?page=myaccount');
    $cart_link = url('index.php?page=cart');
    $footer_city = footer_city;
    $footer_country = footer_country;
    $footer_phone = footer_phone;
    $footer_email = footer_email;
    $facebook_link = facebook_link;
    $instagram_link = instagram_link;

    // DO NOT INDENT THE BELOW CODE
    echo <<<EOT
            </main>
            <footer>
            
            <div class="container neutral-footer-section-1">
                <div class="container neutral-footer-three-columns">
                <div class="container description-logos-footer">
                    <h4 class="neutral-headline-footer">$social_punch_line</h4>
                    <div class="container social-footer-wrapper">
                        <a href="$facebook_link" target="_blank" class="social-image neutral-social-icon left-align"><img class="facebook-icon" src="{$base_url}socialicons/webicon-facebook.png" alt="Social Icon" width="100" height="100"></a>
                        <a href="$instagram_link" target="_blank" class="social-image neutral-social-icon"><img class="instagram-icon" src="{$base_url}socialicons/webicon-instagram.png" alt="Social Icon" width="100" height="100"></a>
                    </div>
                </div>
                <div class="container container-links-footer-wrapper">
                    <a class="link-text neutral-nav-link-footer" href="$home_link">$home_text</a>
                    <a class="link-text neutral-nav-link-footer" href="$products_link">$products_text</a>
                    <a class="link-text neutral-nav-link-footer" href="$about_link">$about_text</a>
                    <a class="link-text neutral-nav-link-footer" href="$faq_link">$faq_text</a>
                    <a class="link-text neutral-nav-link-footer" href="$privacy_link" target="blank">$privacy_text</a>
                    <a class="link-text neutral-nav-link-footer" href="$terms_link" target="blank">$terms_text</a>
                </div>
                <div class="container container-direction-footer">
                    <p class="paragraph direction-footer">$footer_city<br>$footer_country</p>
                    <div class="container container-telephone-footer"><span class="glyph icon-footer"><i class="coffeecup-icons-phone2"></i></span>
                    <a class="link-text nav-link-footer" href="#">$footer_phone</a>
                    </div>
                    <a class="link-text nav-link-footer" href="mailto:$footer_email?subject=Contact Us">$footer_email</a>
                </div>
                </div>
                </div>
            </footer>
            <script>
            const currency_code = "$currency_code", base_url = "$base_url", rewrite_url = $rewrite_url;
            </script>
            <script src="{$base_url}script.js"></script>
        </body>
    </html>
    EOT;
    
    }
//++++++++++++++++++++++++++++++++++++++++++++++++++++
// 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;
    
}
?>