File: //proc/self/root/proc/self/cwd/nueva/modules/ps_accounts/views/templates/admin/login.tpl
{**
* Copyright since 2007 PrestaShop SA and Contributors
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.md.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* @author PrestaShop SA and Contributors <contact@prestashop.com>
* @copyright Since 2007 PrestaShop SA and Contributors
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*}
<link rel="stylesheet" href="https://unpkg.com/@prestashopcorp/puik-theme/dist/index.css" />
{**
Workaround for the issue with the font not being loaded correctly from puik-theme
*}
<style>
@font-face {
font-family: Prestafont;
src: url("https://unpkg.com/@prestashopcorp/puik-theme/assets/Prestafont-Regular.woff2") format("woff2")
}
</style>
<div class="psacc-grid psacc-h-screen lg:psacc-grid-cols-2">
<div
class="psacc-hidden lg:psacc-flex psacc-flex-col psacc-items-center psacc-justify-end psacc-bg-cover psacc-bg-no-repeat psacc-bg-bicycle"
>
<section
id="psacc_slider"
class="splide psacc-mb-10 psacc-w-11/12 psacc-bg-quote psacc-flex psacc-flex-col"
>
<div
class="splide__arrows psacc-flex psacc-justify-between psacc-w-full psacc-my-5"
>
<img src="{$shopUrl}/modules/ps_accounts/views/img/quote-mark.svg" class="psacc-ml-10">
<div class="psacc-flex psacc-justify-center psacc-items-center psacc-mr-10">
<button
class="splide__arrow splide__arrow--prev psacc-font-materialIcons psacc-opacity-100 psacc-rounded psacc-text-font-main psacc-text-4xl psacc-mr-5"
>
chevron_left
</button>
<button
class="splide__arrow splide__arrow--next psacc-font-materialIcons psacc-opacity-100 psacc-rounded psacc-text-font-main psacc-text-4xl"
>
chevron_right
</button>
</div>
</div>
<div class="splide__track psacc-mb-5">
<ul class="splide__list psacc-w-full">
{foreach from=$testimonials item=testimonial}
<li class="splide__slide">
<div class="psacc-w-10/12 psacc-ml-10 psacc-font-primary">
<p class="psacc-mb-4 psacc-text-lg">
{$testimonial[$isoCode]['sentence']|default:$testimonial[$defaultIsoCode]['sentence']}
</p>
<p class="puik-body-default psacc-font-primary">
<span class="psacc-font-bold">{$testimonial[$isoCode]['name']|default:$testimonial[$defaultIsoCode]['name']}</span>, {$testimonial[$isoCode]['enterprise']|default:$testimonial[$defaultIsoCode]['enterprise']}
</p>
</div>
</li>
{/foreach}
</ul>
</div>
<ul class="splide__pagination"></ul>
</section>
</div>
<div
class="psacc-flex psacc-flex-col psacc-items-center psacc-justify-between psacc-bg-white psacc-py-24 psacc-shadow-[0_6px_12px_rgba(0, 0, 0, 0.1)]">
{if $loginError ne ''}
<div class="psacc-flex psacc-flex-col psacc-space-y-4 psacc-mb-4 psacc-px-4">
<div class="puik-alert puik-alert--danger" aria-live="polite">
<div class="puik-alert__content">
<span class="psacc-font-materialIcons">error</span>
<div class="puik-alert__text">
<span class="puik-alert__description">
{if $loginError eq 'employee_not_found'}
{l
s='You cannot access the back office with this account. Try another account or contact your administrator.'
mod='ps_accounts'
}
{elseif $loginError eq 'email_not_verified'}
{l
s='You need to activate your account first by clicking the link in the email. If you need to receive a new activation link,[1]please click here[/1]'
tags=["<a class=\"puik-link\" href=\"{$ssoResendVerificationEmail}\" target=\"_blank\">"] mod='ps_accounts'
}
{elseif $loginError eq 'error_from_hydra' or $loginError eq 'error_other'}
{l s='An error occured during login, please contact PrestaShop support' mod='ps_accounts'}
{else}
{$loginError}
{/if}
</span>
</div>
</div>
</div>
</div>
{/if}
{if !isset($wrong_folder_name) && !isset($wrong_install_name)}
<div class="psacc-flex psacc-flex-col psacc-items-start psacc-justify-start psacc-h-full">
<h1 class="psacc-m-0 psacc-font-secondary psacc-text-5xl psacc-font-black psacc-mb-10">
PRESTASHOP
</h1>
<div class="psacc-flex psacc-flex-col psacc-items-start psacc-max-w-xl psacc-font-primary">
<h2 class="puik-h2 psacc-mb-10">
{l s='Welcome,' mod='ps_accounts'}</br>
</h2>
<p class="psacc-mb-10 ">
{l s='Access your back office to manage your store.' mod='ps_accounts'}
</p>
<button id="ps-accounts-login" class="puik-button puik-button--primary puik-button--lg psacc-w-full">
{l s='Go to the back office' mod='ps_accounts'}
</button>
</div>
<a class="puik-link psacc-mt-auto psacc-self-center" href="{$legacyLoginUri}">
{l s='Connect with another method' mod='ps_accounts'}
</a>
</div>
{else}
<div class="puik-alert puik-alert--danger" aria-live="polite">
<div class="puik-alert__content">
<span class="psacc-font-materialIcons">error</span>
<div class="puik-alert__text">
<p class="puik-alert__title">
{l s='For security reasons, you cannot connect to the back office until you have:' d='Admin.Login.Notification'}
</p>
<span class="puik-alert__description">
<ul class="psacc-list-disc psacc-pl-10">
{if isset($wrong_install_name) && $wrong_install_name == true}
<li>{l s='deleted the /install folder' d='Admin.Login.Notification'}</li>
{/if}
{if isset($wrong_folder_name) && $wrong_folder_name == true}
<li>{l s='renamed the /admin folder (e.g. %s)' sprintf=[$randomNb] d='Admin.Login.Notification'}
</li>
{/if}
</ul>
<a class="puik-link" href="{$adminUrl|escape:'html':'UTF-8'}">
{l s='Please then access this page by the new URL (e.g. %s)' sprintf=[$adminUrl] d='Admin.Login.Notification'}
</a>
</span>
</div>
</div>
</div>
{/if}
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const returnTo = '{$redirect}';
const redirectUri = "{$oauthRedirectUri}";
const locale = (navigator.language || navigator.userLanguage || 'en').slice(0, 2);
const oauth2Uri = redirectUri + '&return_to=' + encodeURIComponent(returnTo) + '&locale=' + encodeURIComponent(locale);
document.querySelector('#ps-accounts-login').addEventListener('click', function() {
document.location = oauth2Uri;
})
});
</script>