{% extends 'layouts/backend_onboarding.jinja2' %}
{% import 'macros/form.jinja2' as f with context %}

{% block title %}buyercall - Thanks for signing up{% endblock %}
{% block heading %}
{% endblock %}

{% block body %}
<div class="content">
    <div class="row">
        <div class="col-md-4">
            <h2 class="title">Getting started is easy and painless.</h2>
            <p class="text-gray">You can start receiving phone calls in just a few minutes. All you need to
            do is to configure your first phone number and distribute it.</p>
        </div>
        <div class="col-md-8">
            <div class="card card-raised onboarding-card">
                <div class="content text-center">
                    <div class="col-xs-12 onboarding-card-title">
                    <h3>Your account has been created!</h3>
                    </div>
                    <div class="col-sm-5 onboarding-user-avatar">
                        <div class="avatar-circle-md">
                          <span class="initials">{{ current_user.firstname[0] }}{{ current_user.lastname[0] }}</span>
                        </div>
                    </div>
                    <div class="col-sm-7 onboarding-user-info avatar-onboarding-name">
                        <h5 class="card-title">{{ current_user.firstname }} {{ current_user.lastname }}</h5>
                        <p class="text-muted">
                       {{ current_user.email }}
                        <br />
                        {{ phonenumber | format_number }}
                        <br />
                        Your availability is set to <strong>24/7</strong>
                        </p>
                    </div>
                    <div class="col-xs-12 onboarding-card-text">
                        <p class="text-gray">The next and final step is to select and configure your new phone number.
                        Once you've configured your phone number you will be ready to start receiving phone calls on your own dedicated business
                         number.
                        <br />
                        <br />
                        Ready to configure your own business phone number?</p>
                    </div>
                    <div class="form-group col-md-12" style="text-align:center">
                        <a href={{ url_for('phonenumbers.inbound_new') }} class="btn btn-fill btn-light-blue">
                              Yes, lets configure a number
                        </a>
                        <a href="{{ url_for('agents.agent_edit', id=agent.id) }}" class="btn btn-simple">
                              No, I want to change my profile
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}