{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}

{{ block title }}
<div style="text-align: center;">
    {{ t.anon_title|safe }}
</div>
{{ endblock }}

{{ block content }}

<br>

<div style="text-align: left;" class="consent">

    <br>

    <p>{{ t.anon_p1|safe }}</p>

    <p>{{ t.anon_p2|safe }}</p>

    <p>{{ t.anon_p3|safe }}</p>

    <p>
        <strong style="color: blue;">
            {{ t.anon_payment_warning|safe }}
        </strong>
    </p>

    <p>{{ t.anon_p4|safe }}</p>

    <p>{{ t.anon_p5|safe }}</p>

    <p>{{ t.anon_p6|safe }}</p>

    <br>

    <p style="color: green;">
        <strong>{{ t.anon_data_title }}</strong>
    </p>

    <p>{{ t.anon_p7|safe }}</p>

    <p>{{ t.anon_p8|safe }}</p>

    <br>

    <p>
    <strong>{{ t.anon1_label|safe }}</strong>
    </p>

    {{ for value, label in t.understand_agree_choices }}
    <div class="form-check">
        <input class="form-check-input"
               type="radio"
               name="Anon_Confid_Anon1"
               value="{{ value }}">
        <label class="form-check-label">
            {{ label }}
        </label>
    </div>
    {{ endfor }}
    <br/>

    <p style="margin-top:20px;">
    <strong>{{ t.anon2_label|safe }}</strong>
    </p>

    {{ for value, label in t.understand_agree_choices }}
    <div class="form-check">
        <input class="form-check-input"
               type="radio"
               name="Anon_Confid_Anon2"
               value="{{ value }}">
        <label class="form-check-label">
            {{ label }}
        </label>
    </div>
    {{ endfor }}
    <br/>

<p>
    {{ t.phone_number_label|safe }}
</p>
    <br/>

<input type="text"
       name="phone_number"
       class="form-control">


</div>

{{ next_button }}

{{ endblock }}