{% extends 'base.html' %}

{% block title %}{{ block.super }}: Qualified{% endblock %}
{% block container_col %}success-page{% endblock %}

{% block content %}

<h1 class="checkmark">You have met the conditions for using the Online Divorce Assistant</h1>
<div class="question-well">
    <h3>1. Gather your documents</h3>
    <p>You will need the following documents to move forward with the divorce request:</p>
    <ul>
        <li>Marriage certificate</li>
        <li>{% include "partials/tooltips/forms/separation_agreement.html" %} (if applicable)</li>
        <li>{% include "partials/tooltips/court_order.html" %} (if applicable)</li>
    </ul>
</div>

<div class="question-well">
<h3>2. Register or Login</h3>
<p>
    You will need a <strong>Basic BCeID</strong><!-- or <strong>BC Services Card</strong>--> account to access the Online Divorce Assistant.
    This will also enable you to securely access multiple other online government services.
</p>

<div class="success-buttons">
    <div class="flex-row" id="bcId" style="width:45%">
        <h3>Register for a Basic BCeID</h3>
        <p>Once you register, you’ll be taken back to this website.</p>
        <a class="btn btn-primary btn-lg btn-block" href="{% url 'register' %}">
            Register
        </a>
    </div>
    <!--
    <div class="flex-row" id="scard">
        <h3>Set up your BC Services Card</h3>
        <p>Once you're set up, you’ll be taken back to this website.</p>
        <a class="btn btn-primary btn-lg btn-block" href="{% url 'register_sc' %}">
            Set Up
        </a>
    </div> -->
    <div class="flex-row" id="login" style="width:45%">
        <h3>Login with a BCeID or BC Services Card</h3>
        <p>Once you login, you’ll be taken back to this website.</p>
        <a class="btn btn-primary btn-lg btn-block" href="{% url 'oidc_authentication_init' %}">
            Login
        </a>
    </div>
</div>
</div>

{% endblock %}

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

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