<?php
/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_SocialLogin
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */
?>
<div class="social-login block-container authentication">
    <div class="social-login-title">
        <h2 class="login-title"><?= __('Sign In') ?></h2>
    </div>
    <div class="block social-login-customer-authentication col-mp mp-12" id="social-login-authentication">
        <div class="block-title">
            <span id="block-customer-login-heading" role="heading"
                  aria-level="2"><?= __('Registered Customers') ?></span>
        </div>
        <div class="block-content" aria-labelledby="block-customer-login-heading">
            <form class="form-customer-login" id="social-form-login" data-mage-init='{"validation":{}}'>
                <?= $block->getBlockHtml('formkey') ?>
                <fieldset class="fieldset login" data-hasrequired="<?= __('* Required Fields') ?>">
                    <?= $block->getChildHtml('form_before_login_fields') ?>
                    <div class="field email required">
                        <label class="label" for="social_login_email"><span><?= __('Email') ?></span></label>
                        <div class="control">
                            <input name="username" id="social_login_email" type="email" class="input-text"
                                   value="<?= $block->escapeHtml($block->getUsername()) ?>"<?php if ($block->isAutocompleteDisabled()) :
                                        ?> autocomplete="off"<?php endif; ?>
                                   title="<?= __('Email') ?>"
                                   data-validate="{required:true, 'validate-email':true}">
                        </div>
                    </div>
                    <div class="field password required">
                        <label for="pass" class="label"><span><?= __('Password') ?></span></label>
                        <div class="control">
                            <input name="password" id="social_login_pass" type="password"
                                   class="input-text"
                                <?= $block->isAutocompleteDisabled() ? ' autocomplete="off"' : '' ?>
                                   title="<?= __('Password') ?>"
                                   data-validate="{required:true, 'validate-password':true}">
                        </div>
                    </div>
                    <?= $block->getChildHtml('form_additional_info') ?>
                    <?= $block->getChildHtml('login-msp-recaptcha') ?>
                    <?php echo $block->getChildHtml('login.captcha') ?>
                    <div class="actions-toolbar">
                        <div class="primary">
                            <button type="button" class="action login primary" id="bnt-social-login-authentication">
                                <span><?= __('Login') ?></span>
                            </button>
                        </div>
                        <div class="secondary">
                            <a class="action remind" href="#"><span><?= __('Forgot Your Password?') ?></span></a>
                        </div>
                    </div>
                    <div class="actions-toolbar">
                        <div class="primary">
                            <a class="action create" href="#"><span><?= __('Create New Account?') ?></span></a>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
    <?= $block->getChildHtml('popup.authentication.social') ?>
</div>

