<!doctype html><html lang="en" data-bs-theme="auto"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="Jince, Grinesh"> <title>Noble Native</title> <link rel="icon" href="{{ asset('img/favicon.png') }}"> <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('css/bootstrap-icons.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('css/noblenative.css') }}" rel="stylesheet" type="text/css"> {% block stylesheets %}{% endblock %} </head> <body> <div class="offcanvas offcanvas-start p-4 shadow-lg" tabindex="-1" id="login" aria-labelledby="loginlabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="loginlabel">Welcome</h5> <button type="button" class="btn-close shadow-none" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div> <h1>Step Back into Your World!</h1> <form method="POST" action="{{ path('sajong_ecom_email_login') }}" id="emailotploginform"> <div class="form-floating mb-3 mt-4"> <input type="email" class="form-control rounded-pill shadow-none border mb-4 px-4" id="loginemail" name="loginemail" placeholder="name@example.com" required> <label for="loginemail" class="px-4">Email address</label> <input type="hidden" id="logincsrf" name="logincsrf" value="{{ csrf_token('otplogincsrf') }}" /> </div> <div class="form-check"> <input class="form-check-input shadow-none border" type="checkbox" value="" name="loginsubscribe" id="loginsubscribe" onchange="loginsubscribe('{{ path('sajong_ecom_email_subscribe') }}')" checked> <label class="form-check-label" for="loginsubscribe"> Email me with news and offers </label> </div> <button type="submit" class="btn bg-secondary text-white px-4 py-3 w-100 rounded-pill mb-4 mt-3" role="button" aria-controls="otp">Sign In</button> <div class="text-danger" id="otploginerror"></div> </form> <p class="text-center">OR</p> <div class="btn px-4 py-3 w-100 rounded-pill" > <div id="g_id_onload" data-client_id="62339956659-gf4p78s73c5p33ajso8fbk9quhk7h4qe.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-callback="onSignIn" data-auto_prompt="false"> </div> <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="outline" data-text="signin_with" data-size="large" data-logo_alignment="left" data-height="50" data-width="250"> </div> </div> <p>By signing in, you agree to our <a href="{{ path('sajong_ecom_privacy') }}" class="text-decoration-underline">privacy policy</a> and <a href="{{ path('sajong_ecom_terms') }}" class="text-decoration-underline">terms of services</a></p> </div> </div> </div> <div class="offcanvas offcanvas-start p-4 shadow-lg" tabindex="-1" id="otp" aria-labelledby="otplabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="otplabel">Welcome</h5> <button type="button" class="btn-close shadow-none" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div class="text-center"> <h1>Verify your identity</h1> <h6>Enter the code sent to</h6> <h5 class="fw-bold mb-4" id="loginemailgiven">username@mailid.com</h5> <form> <div id="inputs" class="inputs mb-4"> <input class="input" type="text" name="loginotp1" id="loginotp1" inputmode="numeric" maxlength="1" onchange="emailotp('{{ path('sajong_ecom_email_otp') }}')" /> <input class="input" type="text" name="loginotp2" id="loginotp2" inputmode="numeric" maxlength="1" onchange="emailotp('{{ path('sajong_ecom_email_otp') }}')" /> <input class="input" type="text" name="loginotp3" id="loginotp3" inputmode="numeric" maxlength="1" onchange="emailotp('{{ path('sajong_ecom_email_otp') }}')" /> <input class="input" type="text" name="loginotp4" id="loginotp4" inputmode="numeric" maxlength="1" onchange="emailotp('{{ path('sajong_ecom_email_otp') }}')" /> </div> <div class="text-danger" id="otperror"></div> <button type="button" class="shadow-none border-0 bg-transparent text-uppercase fw-semibold text-body mb-2 border-bottom">Send Another Code</button> <button type="button" class="shadow-none border-0 bg-transparent text-uppercase fw-semibold text-body mb-2 border-bottom">Try Another Email</button> </form> </div> </div> </div> <div class="bg-black text-white fixed-top w-100"> <div class="container-fluid px-5"> <div class="col-md-12 py-3 small">{{ ecomvariables.textcontent('free_shipping_banner')|raw() }}</div> </div> </div> <nav class="navbar navbar-expand-md fixed-top mt-5 bg-light"> <div class="container-fluid px-5"> <a class="navbar-brand" href="{{ path('sajong_ecom_index') }}"> <img src="{{ asset('img/logo.png') }}" alt="logo" title="NobleNative" class="main-logo"> </a> <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav me-auto mb-2 mb-md-0"> <li class="nav-item"> <a class="nav-link" href="{{ path('sajong_ecom_index') }}">City</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('sajong_ecom_city_citybrands') }}">Brands</a> </li> <li class="nav-item"> <a class="nav-link" href="#0">Products</a> </li> </ul> <div class="d-flex"> <ul class="mt-0 pt-0 list-inline list-unstyled"> <li class="list-inline-item ms-3">{% if app.user %}<a href="{{ path('sajong_ecom_user_account') }}">{% else %}<a data-bs-toggle="offcanvas" href="#login" role="button" aria-controls="login">{% endif %}<i data-feather="user" class="iconsize"></i></a></li> <li class="list-inline-item ms-3"> <a href="{{ path('sajong_ecom_cart_list') }}" class="position-relative"> <i data-feather="shopping-bag" class="iconsize"></i> <span class="position-absolute small bg-secondary text-white rounded-circle cart-count" id="header_cartcount">{{ ecomvariables.cartdetails().cartcount }}</span> </a> </li> <li class="list-inline-item ms-3"><a href="{{ path('sajong_ecom_faq') }}"><i data-feather="help-circle" class="iconsize"></i></a></li> </ul> </div> </div> </div> </nav> <main> {% block body %}{% endblock %} <div class="container-fluid px-5 text-white bg-dark pt-5 pb-5 mt-5"> <div class="row"> <div class="col-lg-2"> <ul class="list-unstyled mb-4"> <li class="mt-3"><a href="{{ path('sajong_ecom_about') }}" class="text-white">About Us</a></li> <li class="mt-2"><a href="{{ path('sajong_ecom_contact') }}" class="text-white">Contact Us</a></li> <li class="mt-2"><a href="{{ path('sajong_ecom_faq') }}" class="text-white">FAQ's</a></li> <li class="mt-2"><a href="{{ path('sajong_ecom_faq') }}" class="text-white">Gift Card</a></li> </ul> </div> <div class="col-lg-2"> <ul class="list-unstyled"> <li class="mt-3">{% if app.user %}<a href="{{ path('sajong_ecom_faq') }}" class="text-white">{% else %}<a data-bs-toggle="offcanvas" href="#login" role="button" aria-controls="login" class="text-white">{% endif %}Join N|N</a></li> <li class="mt-2"><a href="{{ path('sajong_ecom_brand_collab') }}" class="text-white">Brand Collab</a></li> <li class="mt-2"><a href="{{ path('sajong_ecom_designer_collab') }}" class="text-white">Designer Collab</a></li> </ul> </div> <div class="col-lg-12"> <ul class="list-unstyled list-inline mb-4"> <li class="list-inline-item"><a href="{{ ecomvariables.textcontent('site_insta_page') }}"><i data-feather="instagram" class="iconsize-footer"></i></a></li> <li class="list-inline-item"><a href="{{ ecomvariables.textcontent('site_fb_page') }}"><i data-feather="facebook" class="iconsize-footer"></i></a></li> <li class="list-inline-item"><a href="{{ ecomvariables.textcontent('site_yt_page') }}"><i data-feather="youtube" class="iconsize-footer"></i></a></li> </ul> </div> <div class="col-lg-12">Copyright {{ "now"|date("Y") }} Noble Native. All rights reserved</div> </div> </div> </main> <script src="https://accounts.google.com/gsi/client" async defer></script> <script src="{{ asset('js/jquery-3.6.3.js') }}"></script> <script src="{{ asset('js/bootstrap.bundle.min.js') }}" type="text/javascript" ></script> <script src="{{ asset('js/feather.min.js') }}" type="text/javascript" ></script> <script type="text/javascript" src="{{ asset('js/jquery-validate.js') }}"></script> <script src="{{ asset('js/sajongecom.js') }}"></script> <script src="{{ asset('js/otp.js') }}"></script> <script> feather.replace(); {% if app.user is empty %} $(document).ready(function() { var locationpath = ""+window.location+""; var nn_loginreg = locationpath.split("#"); if(nn_loginreg[1] == 'nnlogin' ) { var offcanvasElement = $("#login"); var offcanvas = new bootstrap.Offcanvas(offcanvasElement); offcanvas.toggle(); } }); function onSignIn(googleUser) { $.ajax({ type:"post", url: "{{ path('sajong_ecom_social_login') }}", data: {'credential':googleUser.credential, loginsubscribe:$('#loginsubscribe').is(':checked')}, dataType: "json", success: function(res) { if(res.success == 'Authentication failed') { alert('Google Authentication failed!!'); } else { window.location.reload(); } }, error: function() { alert('We are facing some technical issue. Please try again.'); } }); } {% endif %} </script> {% block scripts %}{% endblock %} </body></html>