File: //home/arjun/projects/buyercall/buyercall/blueprints/user/templates/user/signup.jinja2
{% extends 'layouts/login.jinja2' %}
{% import 'macros/form.jinja2' as f with context %}
{% block title %}Sign up for a new account{% 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">Sign up for {% if partnership %}{{ partnership.name }}{% else %}BuyerCall{% endif %}!</h5>
<p class="text-center">Sign-up today and get most out of your leads.</p>
</div>
</div>
</div>
</div>
<div class="card-body pt-0">
<div class="p-2">
{% call f.form_tag('user.signup', class='custom-validation', partnership=partnership.account_invitation_url_token) %}
{# First Name #}
<div class="mb-3">
{% call f.form_group(form.firstname, css_class='form-control', placeholder='Enter first name', required='required') %}{% endcall %}
</div>
{# Last Name #}
<div class="mb-3">
{% call f.form_group(form.lastname, css_class='form-control', placeholder='Enter last name', required='required') %}{% endcall %}
</div>
{# Email #}
<div class="mb-3">
{% call f.form_group(form.email, css_class='form-control', type='email', placeholder='Enter email', required='required', **{'parsley-type': 'email'}) %}{% endcall %}
</div>
{# Password #}
<div class="mb-3">
{% call f.password_form_group(form.password, css_class='form-control', placeholder='Enter password', required='required', **{'aria-label':'Password', 'aria-describedby':'password-addon', 'data-parsley-errors-container':'#password-errors', 'data-parsley-pattern':'^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%^*#?&])[A-Za-z\d@$!%^*#?&]{8,}$', 'data-parsley-pattern-message': 'Must be a password with minimum eight characters, at least one letter, one number and one special character', 'data-parsley-required-message': 'This value is required'}) %}{% endcall %}
<div id="password-errors"></div>
</div>
{# Company #}
<div class="mb-3">
{% call f.form_group(form.company, css_class='form-control', placeholder='Enter company') %}{% endcall %}
</div>
{# Phone Number #}
{# https://www.regexpal.com/93671 #}
<div class="mb-3">
{% call f.form_group(form.phonenumber, css_class='form-control', required='required', placeholder='Enter phone number', **{'data-parsley-pattern': '^(\+1)?[(]?\d{3}[)]?[(\s)?.-]?\d{3}[\s.-]?\d{4}$', 'data-parsley-pattern-message': 'Must be a US phone number following any of the format (123 456 7890, (123)456 7890, (123) 456 7890, (123)456-7890, (123) 456-7890, 123.456.7890, 123-456-7890)', 'data-parsley-required-message': 'This value is required'}) %}{% endcall %}
</div>
{# Terms of Service #}
<div>
{% call f.form_group_checkbox(form.tos_agreement, label='I agree to the buyercall <a href="/terms" target="_blank" class="text-primary">Terms of Service</a>', css_class='form-check-input') %}{% endcall %}
</div>
<div class="mb-3">
{% call f.form_group(form.recaptcha, css_class='form-control') %}{% endcall %}
</div>
{# Sign Up Buttons #}
<div class="d-flex flex-wrap gap-2">
<div class="mx-auto">
<button type="submit" class="btn btn-primary waves-effect waves-light">
{{ _("Register") }}
</button>
<a href="{{ url_for('user.login') }}" class="btn btn-light waves-effect">
{{ _("Looking to sign in ?") }}
</a>
</div>
</div>
{% endcall %}
</div>
</div>
</div>
<div class="mt-5 text-center">
<div>
<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>
<<<<<<< HEAD
=======
<div class="media">
<div class="media-left">
<i class="material-icons md-36">call</i>
</div>
<div class="media-body">
<h4 class="media-heading">Lightning fast response times</h4>
Respond to your call leads within 20 seconds. Every time!
</div>
</div>
<div class="media">
<div class="media-left">
<i class="material-icons md-36">attach_money</i>
</div>
<div class="media-body">
<h4 class="media-heading">Increase your sales</h4>
Stop chasing leads and concentrate on closing more!
</div>
</div>
</div>
<div class="col-md-6">
{% call f.form_tag('user.signup', partnership=partnership.account_invitation_url_token) %}
<div class="card card-login">
<div class="card-header text-center" data-background-color="light-blue">
<h3 class="card-title">Sign up today{{(' for ' + partnership.name) if partnership != None}}</h3>
</div>
<div class="card-content">
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.firstname, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.lastname, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.email, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.password, css_class='form-control', id='signup_password') %}
{% endcall %}
<div class="progress mt-2" style="display: none;">
<div id="password-strength-bar" class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small id="password-strength-text" class="form-text text-muted">
<span id="lowercase-label" class="text-muted"><i class="fa fa-times-circle"></i> At least one lowercase letter</span><br>
<span id="uppercase-label" class="text-muted"><i class="fa fa-times-circle"></i> At least one uppercase letter</span><br>
<span id="number-label" class="text-muted"><i class="fa fa-times-circle"></i> At least one number</span><br>
<span id="special-char-label" class="text-muted"><i class="fa fa-times-circle"></i> At least one special character</span><br>
<span id="length-label" class="text-muted"><i class="fa fa-times-circle"></i> At least 8 characters</span>
</small>
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.company, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.phonenumber, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-1 login-checkbox form-group label-floating is-empty">
{% call f.form_group(form.tos_agreement, css_class='form-control') %}
{% endcall %}
</div>
<div class="col-xs-11 tos-signup-text">
I agree to the buyercall <a href="/terms" target="_blank">Terms of Service</a>
</div>
</div>
<div class="row">
<div class="col-xs-12 form-group label-floating">
{% call f.form_group(form.recaptcha, css_class='form-control') %}
{% endcall %}
</div>
</div>
<div class="row">
<div class="col-xs-12 text-center">
<button type="submit" class="btn btn-fill btn-light-blue">
{{ _('Register') }}
</button>
<a href="{{ url_for('user.login') }}"
class="btn btn-simple">
{{ _('Looking to sign in?') }}
</a>
</div>
</div>
</div>
</div>
{% endcall %}
>>>>>>> 2d4ba41568adf348959bbf7b64ffa061df87d07b
</div>
</div>
{% endblock %}