{% extends 'layouts/verification.jinja2' %}
{% import 'macros/form.jinja2' as f with context %}
{# {% import 'macros/layout/flash.jinja2' as flash with context %} #}
{% set endpoint = 'user.two_factor_auth' %}
{% block title %}Two Step Verification{% endblock %}
{% block body %}
<div class="account-pages my-5 pt-sm-5">
<div class="container">
<div id="app-toast">
<toast></toast>
</div>
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6 col-xl-5">
<div class="card overflow-hidden">
<div class="card-header bg-transparent">
<div class="row">
<div class="col-12 text-center pt-3">
<span>
<img {% if partnership %}
{% if partnership.logo %}
src="{{ partnership_logo }}"
{% else %}
src="{{ asset_url_for('images/buyercall-main-logo.png')}}"
{% endif %}
alt="{{ partnership.name }}"
{% else %}
src="{{ asset_url_for('images/buyercall-main-logo.png')}}" alt="BuyerCall"
{% endif %}
class="img-fluid auth-logo" />
</span>
</div>
<div class="col-12">
<div class="p-4">
<h5 class="text-center">Two Step Security Verification</h5>
<p class="text-center">
You have elected to perform two step verification on your account. We've sent you a verification code in a text message at the following phone number:
</p>
<p class="text-center">
{{ user_number }}
</p>
<p class="text-center mb-4">
Please enter the code you received via text (SMS) message below:
</p>
</div>
</div>
</div>
</div>
<div class="card-body pt-0">
<div class="p-2">
{% call f.form_tag(endpoint, user_sid=user.sid, url=next_url, remember=remember, class='form-horizontal custom-validation form-two-fa-auth') %}
<div class="mb-3 two-fa-auth phoneInput">
<div class="row">
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit1-input" class="visually-hidden">Dight 1</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit1-input">
</div>
</div>
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit2-input" class="visually-hidden">Dight 2</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit2-input">
</div>
</div>
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit3-input" class="visually-hidden">Dight 3</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit3-input">
</div>
</div>
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit4-input" class="visually-hidden" >Dight 4</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit4-input">
</div>
</div>
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit5-input" class="visually-hidden">Dight 5</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit5-input">
</div>
</div>
<div class="col-2 digit-input">
<div class="mb-1">
<label for="digit6-input" class="visually-hidden ">Dight 6</label>
<input type="text"
class="form-control form-control-lg text-center digit"
maxLength="1"
name="letters[]"
id="digit6-input">
</div>
</div>
<div class="col-12 twofa-error-field d-none">
<p class="custom-red">Please check your input.</p>
</div>
</div>
</div>
<div id="testWrapper">
<input type="hidden" name="code" value="">
</div>
{# Login Button #}
<div class="d-flex flex-wrap gap-2">
<div class="mx-auto">
<button type="submit" class="btn btn-primary waves-effect waves-light">
{{ _("Verify") }}
</button>
</div>
</div>
{% endcall %}
<div class="d-flex flex-wrap gap-2 mt-2">
<form class="mx-auto" method="POST" action={{ url_for(endpoint, user_sid=user.sid, url=next_url, remember=remember) }}>
<input type="hidden" name="_csrf_token" value="{{ csrf_token() }}" />
<input type="hidden" name="btn_resend_code" value="btn_resend_code" />
<button type="submit" name="btn_resend_code" class="btn btn-light waves-effect waves-light">
{{ _("Resend Code") }}
</button>
</form>
</div>
</div>
</div>
</div>
<div class="mt-5 text-center">
<div>
{# <p>Don't have an account ? <a href="{{ url_for('user.signup') }}" class="fw-medium text-primary"> Signup now </a> </p> #}
<p>© {{ now.year }} {% if partnership %}{{ partnership.name }}{% else %}BuyerCall{% endif %}. Powered with <i class="mdi mdi-heart text-danger"></i> by BuyerCall LLC</p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{# {% block body %}
<div class="col-md-8 col-md-offset-2">
{{ flash.render() }}
<div class="card card-raised onboarding-card">
<div class="content text-center">
<div class="col-xs-12 onboarding-card-title">
<h3>Two Step Security Verification</h3>
</div>
<div class="col-xs-12">
<p> You have elected to perform two step verification
on your account. We've sent you a verification code to the following
{% if user.is_2fa_sms %}
mobile number:
{% else %}
email address:
{% endif %}
<br />
<br />
{% if user.is_2fa_sms %}
<span class="text-gray two-fac-user-tel">{{ user_number }}</span>
{% else %}
<span class="text-gray two-fac-user-tel">{{ user.email }}</span>
{% endif %}
<br />
<br />
<<<<<<< HEAD
Please enter the code you received via text (sms) message below:
{% call f.form_tag(endpoint, user_sid=user.id, url=next_url, remember=remember) %}
=======
Please enter the code you received below:
{% call f.form_tag(endpoint, user_id=user.id, url=next_url, remember=remember) %}
>>>>>>> 2d4ba41568adf348959bbf7b64ffa061df87d07b
<div class="col-md-4 col-md-offset-4">
<div class="form-group label-floating edit-field-bottom-margin verify-code-field">
{% call f.form_group(form.code, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="form-group col-md-6" style="text-align:right">
<button id="" type="submit" class="btn btn-fill btn-light-blue">
{{ _('Verify') }}
</button>
</div>
{% endcall %}
<div class="form-group col-md-6" style="text-align:left">
<form method="POST" action={{ url_for(endpoint, user_sid=user.id, url=next_url, remember=remember) }}>
<input type="hidden" name="_csrf_token" value="{{ csrf_token() }}" />
<input type="hidden" name="btn_resend_code" value="btn_resend_code" />
<button type="submit" class="btn btn-simple">
Resend Code
</button>
</form>
</div>
</div>
<div class="row">
{% if partner_id == 1 %}
<a class="mail" href="mailto:support@cfmail.buyerscall.com">Email support</a>
<span class="text-gray">if you can't pass this verification.</span>
{% else %}
<span class="text-gray">Contact support if you can't pass this verification.</span>
{% endif %}
</p>
</div>
</div>
</div>
</div>
{% endblock %} #}