{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
PayID
{% endblock %}

{% block content %}
<hr>

<style>
    p{
        font-size: 22px;
    }
    .otree-body {
        max-width:1100px
    }
    .otree-title {
      text-align: center;
    }
</style>
{% block styles %}
    <link href="{% static 'css/otreetimer.css' %}" rel="stylesheet">
{% endblock %}


<br>
<p>
    Please enter the email address or phone number you used to register for PayID.
</p>
<p style="margin-bottom: -10px;">
    If you do not have PayID, please enter your email address. We will contact you separately regarding your payment.
</p>
    {{formfield 'PayID1'}}
<br>
<br>
<p style="margin-bottom: -10px;">
    Please enter your PayID again.
</p>
    {{formfield 'PayID2'}}
<br><br>
<p style="margin-bottom: -10px;">
    In case we need to contact you regarding the payment process, please provide your email address.
</p>
    {{formfield 'Email'}}
<br><br>

<p>
    This information will be deleted once the payment process is complete.
</p>
<br><br>

<button class="otree-btn-next btn btn-primary" style="float: right;">Next</button>

{{ endblock }}