CINXE.COM
ABNZ Customer Portal - Login
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> ABNZ Customer Portal - Login </title> <base href="/" /> <meta name="description" content="Login"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="msapplication-tap-highlight" content="no"> <link id="vendorsbundle" rel="stylesheet" media="screen, print" href="/css/vendors.bundle.css"> <link id="appbundle" rel="stylesheet" media="screen, print" href="/css/app.bundle.css"> <link id="mytheme" rel="stylesheet" media="screen, print" href="/css/themes/cust-theme-3.css"> <link id="myskin" rel="stylesheet" media="screen, print" href="/css/skins/skin-master.css"> <link rel="stylesheet" media="screen, print" href="/css/site.css"> <link rel="stylesheet" href="/css/kendo/kendo.common-bootstrap.min.css" /> <link rel="stylesheet" href="/css/kendo/kendo.bootstrap.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="/js/kendo/kendo.all.min.js"></script> <script src="/js/kendo/kendo.aspnetmvc.min.js"></script> <script src="/js/kendo/cultures/kendo.culture.en-NZ.min.js"></script> <link rel="stylesheet" media="screen, print" href="/css/fa-solid.css"> <link rel="stylesheet" media="screen, print" href="/css/fa-brands.css"> </head> <body class="mod-bg-none mod-nav-link mod-nav-link nav-function-top mod-skin-light mod-main-boxed mod-clean-page-bg"> <script> /** * This script should be placed right after the body tag for fast execution * Note: the script is written in pure javascript and does not depend on thirdparty library **/ 'use strict'; var classHolder = document.getElementsByTagName("BODY")[0], /** * Load from localstorage **/ themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) : {}, themeURL = themeSettings.themeURL || '', themeOptions = themeSettings.themeOptions || ''; /** * Load theme options **/ if (themeSettings.themeOptions) { classHolder.className = themeSettings.themeOptions; console.log("%c✔ Theme settings loaded", "color: #148f32"); } else { console.log("%c✔ Heads up! Theme settings is empty or does not exist, loading default settings...", "color: #ed1c24"); } if (themeSettings.themeURL && !document.getElementById('mytheme') ) { var cssfile = document.createElement('link'); cssfile.id = 'mytheme'; cssfile.rel = 'stylesheet'; cssfile.href = themeURL; document.getElementsByTagName('head')[0].appendChild(cssfile); } else if (themeSettings.themeURL && document.getElementById('mytheme')) { document.getElementById('mytheme').href = themeSettings.themeURL; } /** * Save to localstorage **/ var saveSettings = function (){ themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item) { return /^(nav|header|footer|mod|display)-/i.test(item); }).join(' '); if ( document.getElementById('mytheme') ){ themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href"); }; localStorage.setItem( 'themeSettings', JSON.stringify(themeSettings) ); } /** * Reset settings **/ var resetSettings = function (){ localStorage.setItem("themeSettings", ""); } </script> <div class="page-wrapper"> <div class="page-inner"> <aside class="page-sidebar"> <div class="page-logo"> </div> <nav id="js-primary-nav" class="primary-nav" role="navigation"> <ul id="js-nav-menu" class="nav-menu no-scrollbar"> <li class="active"> <a href="/Account/Login" title="Home" data-filter-tags="home"> <i class="fal fa-home"></i> <span class="nav-link-text" data-i18n="nav.home">Home</span> </a> </li> <li class=""> <a href="/Home/Help" title="Help" data-filter-tags="help"> <i class="fal fa-question"></i> <span class="nav-link-text" data-i18n="nav.help">Help</span> </a> </li> <li class=""> <a href="/Home/ContactUs" title="Contact Us" data-filter-tags="contact us"> <i class="fal fa-comment-dots"></i> <span class="nav-link-text" data-i18n="nav.contact_us">Contact Us</span> </a> </li> </ul> </nav> </aside> <div class="page-content-wrapper"> <header class="page-header" role="banner"> <div class="page-logo p-0"> <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative"> <img src="/img/asahi/logo_255.jpg" alt="Logo" aria-roledescription="logo" class="bg-white"> </a> </div> <style> .page-logo img { width: auto; height: auto; } </style> <div class="hidden-md-down dropdown-icon-menu position-relative"> <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation"> <i class="ni ni-menu"></i> </a> <ul> <li> <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation"> <i class="ni ni-minify-nav"></i> </a> </li> <li> <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation"> <i class="ni ni-lock-nav"></i> </a> </li> </ul> </div> <div class="hidden-lg-up"> <a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on btn-default"> <i class="ni ni-menu"></i> </a> </div> <div class="search"> <img src="/img/asahi/logo_255.jpg" alt="Logo" aria-roledescription="logo" class="bg-white hidden-lg-up" style="width:auto;max-width:100%;"> <style> .page-logo img { width: auto; height: auto; } </style> </div> <div class="ml-auto d-flex"> </div> </header> <main id="js-page-content" role="main" class="page-content pt-0"> <div class="page"> <div class="sidebar" style="vertical-align:top;"> <div> <form id="js-login" class="p-5" novalidate=""> <input type="hidden" name="returnUrl" value="/" /> <div class="form-group"> <label class="form-label" for="username">Username</label> <input type="text" id="username" name="username" class="form-control form-control-lg" placeholder="username" value="" required=""> <div class="invalid-feedback">username is required</div> <div class="help-block">Your unique username</div> </div> <div class="form-group"> <label class="form-label" for="password">Password</label> <input type="password" id="password" name="password" class="form-control form-control-lg" placeholder="password" value="" required=""> <div class="invalid-feedback">password is required</div> <div class="help-block">Your password</div> </div> <div class="row no-gutters"> <div class="col-lg-12 pl-lg-1 my-2"> <button id="js-login-btn" type="button" class="btn btn-info btn-block btn-lg waves-effect waves-themed">Submit</button> </div> </div> </form> </div> <div class="blankpage-footer text-center"> <a href="/Account/ForgotPassword"><strong>Forgot Password</strong></a> | <a href="/Account/ForgotUsername"><strong>Forgot Username</strong></a> </div> </div> <div class="content hidden-md-down pl-5"> <div id="carouselExampleFade" class="carousel slide w-100 carousel-fade" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item"> <img class="d-block w-100" src="/img/asahi/carousel/1.jpg" alt="" data-holder-rendered="true"> </div> <div class="carousel-item"> <img class="d-block w-100" src="/img/asahi/carousel/2.jpg" alt="" data-holder-rendered="true"> </div> <div class="carousel-item active"> <img class="d-block w-100" src="/img/asahi/carousel/3.jpg" alt="" data-holder-rendered="true"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="page hidden-md-down" style="min-width:920px;"> <div class="sidebar" style="width:50%;"> <img class="d-block w-100" src="/img/asahi/bottom/1.jpg" alt="" data-holder-rendered="true"> </div> <div class="content" style="width:50%;"> <img class="d-block w-100" src="/img/asahi/bottom/3.jpg" alt="" data-holder-rendered="true"> </div> </div> <style> .page { display: table; /*width: 80%; margin: 0 auto;*/ } .content, .sidebar { display: table-cell; } .sidebar { width: 25rem; } .carousel-item > img { min-width: 700px; } </style> </main> <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div> <div id="page-loader" class="overlay" style="display:none;"> <div class="page-loader-wrap "> <div class="spinner-border text-primary" role="status"> <span class="sr-only">Loading...</span> </div> </div> </div> <script> function siteShowOverlay(status) { var loader = $("#page-loader"); if (status) { loader.show(); } else { loader.hide(); } } </script> <style> .overlay { background-color: white; z-index: 10005; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.9; position: absolute; } .page-loader-wrap { text-align:center; -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; margin: auto; top: 45vh; left: 0; right: 0; height: 100px; line-height: 100px; width: 10rem; overflow: hidden; } </style> <footer class="page-footer" role="contentinfo"> <div class="d-flex align-items-center flex-1 text-muted"> <span class="hidden-md-down fw-700">Copyright 2025 © Asahi Beverages (NZ) Ltd</span> </div> <div class="d-flex align-items-center flex-1 text-muted"> <span class="hidden-md-down fw-700 text-white">3.6.6.0</span> </div> <div> <ul class="list-table m-0"> <li><a href="/Home/TAndC" " class="text-secondary fw-700">Terms & Conditions</a></li> <li class="pl-3"><a href="/Home/ContactUs" class="text-secondary fw-700">Contact Us</a></li> <li class="pl-3"><a href="https://www.asahibeverages.co.nz" class="text-secondary fw-700">Corporate Website</a></li> </ul> </div> </footer> <p id="js-color-profile" class="d-none"> <span class="color-primary-50"></span> <span class="color-primary-100"></span> <span class="color-primary-200"></span> <span class="color-primary-300"></span> <span class="color-primary-400"></span> <span class="color-primary-500"></span> <span class="color-primary-600"></span> <span class="color-primary-700"></span> <span class="color-primary-800"></span> <span class="color-primary-900"></span> <span class="color-info-50"></span> <span class="color-info-100"></span> <span class="color-info-200"></span> <span class="color-info-300"></span> <span class="color-info-400"></span> <span class="color-info-500"></span> <span class="color-info-600"></span> <span class="color-info-700"></span> <span class="color-info-800"></span> <span class="color-info-900"></span> <span class="color-danger-50"></span> <span class="color-danger-100"></span> <span class="color-danger-200"></span> <span class="color-danger-300"></span> <span class="color-danger-400"></span> <span class="color-danger-500"></span> <span class="color-danger-600"></span> <span class="color-danger-700"></span> <span class="color-danger-800"></span> <span class="color-danger-900"></span> <span class="color-warning-50"></span> <span class="color-warning-100"></span> <span class="color-warning-200"></span> <span class="color-warning-300"></span> <span class="color-warning-400"></span> <span class="color-warning-500"></span> <span class="color-warning-600"></span> <span class="color-warning-700"></span> <span class="color-warning-800"></span> <span class="color-warning-900"></span> <span class="color-success-50"></span> <span class="color-success-100"></span> <span class="color-success-200"></span> <span class="color-success-300"></span> <span class="color-success-400"></span> <span class="color-success-500"></span> <span class="color-success-600"></span> <span class="color-success-700"></span> <span class="color-success-800"></span> <span class="color-success-900"></span> <span class="color-fusion-50"></span> <span class="color-fusion-100"></span> <span class="color-fusion-200"></span> <span class="color-fusion-300"></span> <span class="color-fusion-400"></span> <span class="color-fusion-500"></span> <span class="color-fusion-600"></span> <span class="color-fusion-700"></span> <span class="color-fusion-800"></span> <span class="color-fusion-900"></span> </p> <div id="confirm-age-modal" class="modal fade confirm-age-modal-centered-transparent" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-transparent" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-white"> Please confirm your age. <small class="m-0 text-white opacity-70"> </small> </h4> </div> <div class="modal-body text-white"> By entering this site I confirm that I am 18 years of age or over and of legal drinking age in my country of residence. </div> <div class="modal-footer"> <button id="btnConfirm" type="button" class="btn btn-primary">Confirm</button> </div> </div> </div> </div> <script> $(function () { var myModal = new bootstrap.Modal(document.getElementById('confirm-age-modal'), { backdrop: 'static', keyboard: false }) myModal.show(); $("#btnConfirm").click(function () { var postUrl = "/Home/ConfirmAge"; $.ajax({ type: "POST", url: postUrl, data: { confim: 'Y' }, dataType: "json", async: false }).done(function (data) { //go home // var myModal = document.getElementById('confirm-age-modal') myModal.hide(); }); }) }); </script> <link rel="stylesheet" media="screen, print" href="/css/notifications/sweetalert2/sweetalert2.bundle.css"> <script src="/js/notifications/sweetalert2/sweetalert2.bundle.js"></script> <script> function DisplayHTMLMessage(title, msg, showCancel = false, type = "info") { Swal.fire({ title: "<strong><u>"+title+"</u></strong>", type: type, html: msg, showCloseButton: true, showCancelButton: showCancel, focusConfirm: false, confirmButtonColor: '#2196F3', cancelButtonColor: '#fd3995', //confirmButtonText: '<i class="fal fa-thumbs-up"></i> Great!', confirmButtonAriaLabel: "OK", //cancelButtonText: '<i class="fal fa-thumbs-down"></i>', cancelButtonAriaLabel: "Cancel" }); } function DisplayMessage(msg, type = "info") { DisplayHTMLMessage("", msg, false, type); //Swal.fire("Error", msg, "error"); } function DisplayErrorMessage(msg) { DisplayHTMLMessage("Error", msg, false, "error"); //Swal.fire("Error", msg, "error"); } function ConfirmDeleteMessage(confirmFunc, cancelFunc) { var swalWithBootstrapButtons = Swal.mixin({ customClass: { confirmButton: "btn btn-primary", cancelButton: "btn btn-danger mr-2" }, buttonsStyling: false }); swalWithBootstrapButtons .fire({ title: "Are you sure?", text: "You won't be able to revert this!", type: "warning", showCancelButton: true, confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel!", reverseButtons: true }) .then(function (result) { if (result.value) { confirmFunc(); } else if ( // Read more about handling dismissals result.dismiss === Swal.DismissReason.cancel ) { if (typeof cancelFunc != 'undefined') { cancelFunc(); } } }); } function ConfirmMessage(title, msg, confirmFunc, cancelFunc) { var swalWithBootstrapButtons = Swal.mixin({ customClass: { confirmButton: "btn btn-primary", cancelButton: "btn btn-danger mr-2" }, buttonsStyling: false }); swalWithBootstrapButtons .fire({ title: title, text: msg, type: "question", showCancelButton: true, confirmButtonText: "Yes", cancelButtonText: "No", reverseButtons: true }) .then(function (result) { if (result.value) { confirmFunc(); } else if ( // Read more about handling dismissals result.dismiss === Swal.DismissReason.cancel ) { if (typeof cancelFunc != 'undefined') { cancelFunc(); } } }); } </script> </div> </div> </div> <script src="/js/vendors.bundle.js"></script> <script src="/js/app.bundle.js"></script> <script src="/js/site.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js" integrity="sha512-37T7leoNS06R80c8Ulq7cdCDU5MNQBwlYoy1TX/WUsLFC2eYNqtKlV0QjH7r8JpG/S0GUMZwebnVFLPd6SU5yg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script> <script> kendo.culture("en-NZ"); </script> <script> $("#js-login-btn").click(function (event) { // Fetch form to apply custom Bootstrap validation var form = $("#js-login") if (form[0].checkValidity() === false) { event.preventDefault() event.stopPropagation() form.addClass('was-validated'); return; } siteShowOverlay(true); //form.submit(); $.ajax({ method: "POST", url: "/Account/Login", data: form.serialize(), success: function (response) { if (response.status == "S") { window.location = response.url; } else { siteShowOverlay(false); DisplayErrorMessage("Invalid username and/or password!"); } } }); }); $(function () { localStorage.clear(); }) </script> <style> @media (min-width: 992px) { .nav-function-top .page-header { background-color: #024fa7; } .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header { background: #024fa7; } /*.nav-function-top .page-sidebar { z-index: 10006; }*/ } @media (min-width: 992px) { .page-header { padding: 0 2rem 0 0; } } .page-header { background-color: #024fa7; } .mod-main-boxed { background-color: whitesmoke; } @media (min-width: 1399px) { .mod-main-boxed.mod-bg-1 { background-image: none; background-color: whitesmoke; } } .panel { -webkit-box-shadow: none; box-shadow: none; } .mod-main-boxed .page-wrapper { border-left: none; border-right: none; -webkit-box-shadow: none; box-shadow: none; } .card, .card-group { -webkit-box-shadow: none; box-shadow: none; } /*.page-header{ z-index: 10006; }*/ </style> </body> </html>