{% extends 'base.html' %}

{% block title %}{{ block.super }}: Qualified{% endblock %}

{% block content %}

<h1 class="checkmark">You have met the conditions for using the Online Divorce Assistant</h1>
<h2> Register or Login</h2>
<p>You will need a BCeID or BC Services Card account to access the Online Divorce Assistant. This is an online "ID"
    and password that enables you to securely access multiple online government services with a single user ID and password.</p>

    <hr />

<div class="success-buttons">
    <div class="flex-row" id="bcId" style="width: 30%;">
        <h3>Register for a Basic BCeID</h3>
        <p>You need a <strong>Basic BCeID</strong> to use the Online Divorce Assistant. Once you register, you’ll be taken back to this website.</p>
    </div>
    <div class="flex-row" id="scard" style="width: 30%;">
        <h3>Register for a BC Services Card</h3>
        <p>You need a <strong>BC Services Card</strong> to use the Online Divorce Assistant. Once you register, you’ll be taken back to this website.</p>
    </div>
    <div class="flex-row" id="login" style="width: 30%;">
        <h3>I have a BCeID or BC Services Card</h3>
        <p>If you already have a <strong>Basic BCeID</strong> or a <strong>Personal BCeID</strong> or<strong> BC Services Card</strong>, then you can login now. </p>

    </div>
</div>
<div class="success-buttons">
    <div class="flex-row" id="bcId" style="width: 30%;">
        <a class="btn btn-success btn-lg btn-block" href="{% url 'register' %}">
            Register
        </a>
    </div>
    <div class="flex-row"id="scard" style="width: 30%;">
        <a class="btn btn-success btn-lg btn-block" href="{% url 'register_sc' %}">
            Register
        </a>
    </div>
    <div class="flex-row"id="login" style="width: 30%;">
        <a class="btn btn-success btn-lg btn-block" href="{% url 'login' %}">
            Login
        </a>
    </div>
</div>


<p>&nbsp;</p>

{% endblock %}

{% block formbuttons %}
<!-- no formbuttons -->
{% endblock %}

{% block sidebarNav %}
<!-- no sidebar -->
{% endblock %}
{% block sidebar %}
<!-- no sidebar -->
{% endblock %}