{**
 * Copyright 2024-2025 Simply.IN Sp. z o.o.
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the EUPL-1.2 or later.
 * You may not use this work except in compliance with the Licence.
 *
 * Copy of the Licence is available at:
 * https://joinup.ec.europa.eu/software/page/eupl
 * It is bundled with this package in the file LICENSE.txt
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the Licence is distributed on an as is basis,
 * without warranties or conditions of any kind, either express or implied.
 * Check the Licence for the specific language governing permissions
 * and limitations under the License.
 *
 * @author    Simply.IN Sp. z o.o.
 * @copyright 2024-2025 Simply.IN Sp. z o.o.
 * @license   https://joinup.ec.europa.eu/software/page/eupl
 *}
<div class="simplyin-popup-overlay"></div>
<div class="simplyin-popup">
    <div class="simplyin-popup-header">
        <img width="39" height="40" src="{$module_path|escape:'html':'UTF-8'}views/img/logo_smalln.svg" alt="{l s='Simply.IN' mod='simplyin'}"/>
        <div class="popup-header-strong"> {l s='Confirm it’s you' mod='simplyin'}</div>
        <div class="simplyin-popup-close-button" role="button" tabindex="0" aria-label="{l s='Close' mod='simplyin'}">
            <img width="24" height="24" src="{$module_path|escape:'html':'UTF-8'}views/img/close_icon.svg" alt=""/>
        </div>
    </div>
    <div class="simplyin-popup-container">
        <div class="simplyin-popup-content">
            <div class="popup-caption custom-spaces">{l s='Enter the 6-digit code we e-mailed you to log in to your shop account.' mod='simplyin'}</div>
            <div class="popup-input-code">
                <div>
                    <form id="simplyin-input-code" data-shop-login-challenge="1">
                        <div>
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 1" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 2" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 3" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 4" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 5" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                            <input aria-label="{l s='Please enter verification code.' mod='simplyin'} {l s='Digit' mod='simplyin'} 6" autocomplete="off" inputmode="numeric" maxlength="1" placeholder="" type="text" value="">
                        </div>
                    </form>
                </div>
            </div>
            <div class="code-error-message">
                {l s='Incorrect verification code' mod='simplyin'}
            </div>
        </div>
        <div class="simplyin-popup-footer">
            <div class="sent-messages">
                <span>{if $code_sent_status_message}{$code_sent_status_message|escape:'html':'UTF-8'}{else}{l s='Verification code sent' mod='simplyin'}{/if}</span>
                <span class="time">00:30</span>
            </div>
            <div class="buttons">
                <div class="popup-text popup-text-footer">{l s='Didn’t receive the code?' mod='simplyin'}</div>
                <div class="popup-text popup-buttons">
                    <button id="simplyin-button-resend-shop-login">{l s='Send by email' mod='simplyin'}</button>
                </div>
            </div>
        </div>
        <div class="simplyin-popup-divider"></div>
        <div class="simplyin-popup-apps">
            <div class="simplyin-popup-apps-top">
                <div class="simplyin-popup-apps-header">
                    {l s='Log in via the app' mod='simplyin'}
                </div>
                <img src="{$module_path|escape:'htmlall':'UTF-8'}/views/img/simplyin_app_logo.svg" alt="SimplyIn Logo">
                <div class="simplyin-popup-apps-description">
                    {l s='Install now' mod='simplyin'}
                </div>
            </div>
            <div class="simplyin-popup-apps-buttons">
                <a href="https://play.google.com/store/apps/details?id=simplyin.app&amp;hl=pl&amp;pli=1" target="_blank" rel="noopener noreferrer" class="simplyin-popup-apps-button">
                    <img src="{$module_path|escape:'htmlall':'UTF-8'}/views/img/simplyin_google_play.svg" alt="SimplyIn Logo">
                </a>
                <a href="https://apps.apple.com/pl/app/simply-in/id6476778468" target="_blank" rel="noopener noreferrer" class="simplyin-popup-apps-button">
                    <img src="{$module_path|escape:'htmlall':'UTF-8'}/views/img/simplyin_app_store.svg" alt="SimplyIn Logo">
                </a>
            </div>
        </div>
    </div>
</div>
