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

{{ block title }}
<div style="text-align: center;">
Survey - Family and Friends Contact
</div>
{{ endblock }}


{{ block content }}
<div style="text-align: left;" class="consent">
    <p>
        {{ t.Please_Answer_Questions }}
    </p>

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

{{ for value, label in t.family_relation_choices }}
<div class="form-check">
    <input class="form-check-input"
           type="radio"
           name="family_relation"
           value="{{ value }}">
    <label class="form-check-label" style="font-size:18px;">
        {{ label }}
    </label>
</div>
{{ endfor }}

<br/>

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

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

<br/>

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

{{ for value, label in t.gender_friend_choices }}
<div class="form-check">
    <input class="form-check-input"
           type="radio"
           name="gender_friend"
           value="{{ value }}">
    <label class="form-check-label" style="font-size:18px;">
        {{ label }}
    </label>
</div>
{{ endfor }}

<br/>

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

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

<br/>
</div>

    {{ next_button }}

{{ endblock }}