<div class="joms-landing__action">
    <form class="joms-form joms-js-form--login" action="<?php echo CRoute::getURI(); ?>" method="post" name="login" id="form-login">
        <div class="joms-input--append">
            <svg viewBox="0 0 16 16" class="joms-icon">
                <use xlink:href="<?php echo CRoute::getURI(); ?>#joms-icon-user"></use>
            </svg>
            <input class="joms-input" type="text" placeholder="<?php echo JText::_('COM_COMMUNITY_USERNAME'); ?>"
                   name="username" autocapitalize="off">
        </div>
        <div class="joms-input--append">
            <svg viewBox="0 0 16 16" class="joms-icon">
                <use xlink:href="<?php echo CRoute::getURI(); ?>#joms-icon-key"></use>
            </svg>
            <input class="joms-input" type="password"
                   placeholder="<?php echo JText::_('COM_COMMUNITY_PASSWORD'); ?>" name="password" autocapitalize="off">
        </div>
        <button class="joms-button--login"><?php echo JText::_('COM_COMMUNITY_LOGIN') ?></button>

        <?php if (JPluginHelper::isEnabled('system', 'remember')) : ?>
            <div class="joms-checkbox">
                <input type="checkbox" value="yes" id="remember" name="remember">
                <span><?php echo JText::_('COM_COMMUNITY_REMEMBER_MY_DETAILS'); ?></span>
            </div>
        <?php endif; ?>

        <a href="<?php echo CRoute::_('index.php?option=' . COM_USER_NAME . '&view=remind'); ?>"><?php echo JText::_('COM_COMMUNITY_FORGOT_USERNAME_LOGIN'); ?></a>
        <a href="<?php echo CRoute::_('index.php?option=' . COM_USER_NAME . '&view=reset'); ?>"
           tabindex="6"><?php echo JText::_('COM_COMMUNITY_FORGOT_PASSWORD_LOGIN'); ?></a>
        <?php if ($useractivation) { ?>
            <a href="<?php echo CRoute::_('index.php?option=com_community&view=register&task=activation'); ?>"
               class="login-forgot-username"><?php echo JText::_('COM_COMMUNITY_RESEND_ACTIVATION_CODE'); ?></a>
        <?php } ?>

        <input type="hidden" name="option" value="<?php echo COM_USER_NAME; ?>"/>
        <input type="hidden" name="task" value="<?php echo COM_USER_TAKS_LOGIN; ?>"/>
        <input type="hidden" name="return" value="<?php echo $return; ?>"/>
        <div class="joms-js--token"><?php echo JHTML::_('form.token'); ?></div>
    </form>

    <script>
        joms.onStart(function( $ ) {
            $('.joms-js-form--login').on( 'submit', function( e ) {
                e.preventDefault();
                e.stopPropagation();
                joms.ajax({
                    func: 'system,ajaxGetLoginFormToken',
                    data: [],
                    callback: function( json ) {
                        var form = $('.joms-js-form--login');
                        if ( json.token ) {
                            form.find('.joms-js--token input').prop('name', json.token);
                        }
                        form.off('submit').submit();
                    }
                });
            });
        });
    </script>

    <?php echo $fbHtml; ?>

</div>