<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

/** @var \Magento\Customer\Block\Form\Login $block */
?>
<div class="row">
  <div class="block block-customer-login col-md-6 mx-auto mb-4 w-100">
      <div class="block-title">
          <strong id="block-customer-login-heading" role="heading" aria-level="2"><?= $block->escapeHtml(__('Registered Customers')) ?></strong>
      </div>
      <div class="block-content" aria-labelledby="block-customer-login-heading">
          <form class="form form-login"
                action="<?= $block->escapeUrl($block->getPostActionUrl()) ?>"
                method="post"
                id="login-form"
                data-mage-init='{"validation":{}}'>
              <?= $block->getBlockHtml('formkey') ?>
              <fieldset class="fieldset login" data-hasrequired="<?= $block->escapeHtml(__('* Required Fields')) ?>">
                  <div class="field note"><?= $block->escapeHtml(__('If you have an account, sign in with your email address.')) ?></div>
                  <div class="field email required">
                      <label class="label" for="email"><span><?= $block->escapeHtml(__('Email')) ?></span></label>
                      <div class="control">
                          <input name="login[username]" value="<?= $block->escapeHtmlAttr($block->getUsername()) ?>" <?php if ($block->isAutocompleteDisabled()) : ?> autocomplete="off"<?php endif; ?> id="email" type="email" class="input-text line-height-xl" title="<?= $block->escapeHtmlAttr(__('Email')) ?>" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}">
                      </div>
                  </div>
                  <div class="field password required">
                      <label for="pass" class="label"><span><?= $block->escapeHtml(__('Password')) ?></span></label>
                      <div class="control">
                          <input name="login[password]" type="password" <?php if ($block->isAutocompleteDisabled()) : ?> autocomplete="off"<?php endif; ?> class="input-text line-height-xl" id="pass" title="<?= $block->escapeHtmlAttr(__('Password')) ?>" data-validate="{required:true}">
                      </div>
                  </div>
                  <?= $block->getChildHtml('form_additional_info') ?>
                  <div class="field">
                    <a class="action remind" href="<?= $block->escapeUrl($block->getForgotPasswordUrl()) ?>"><span><?= $block->escapeHtml(__('Forgot Your Password?')) ?></span></a>
                  </div>
                  <div class="actions-toolbar">
                      <div class="primary"><button type="submit" class="action login primary btn-v-dark py-3 text-md w-100" name="send" id="send2"><span><?= $block->escapeHtml(__('Sign In')) ?></span></button></div>
                      <div class="secondary">
                        <a href="/customer/account/create/" class="action create primary btn-v-dark py-3 text-md w-100"><span><?= $block->escapeHtml(__('Create an Account')) ?></span></a>
                      </div>
                      <style>
          							.customer-account-login .action.create {
          								display: none;
          							}
                        .actions-toolbar .action.create {
                          display: block;
                        }
                      </style>
                  </div>
              </fieldset>
          </form>
      </div>
  </div>
</div>
