{% load url from future %}
{% load uni_form_tags %}
<div class="title">Email</div>
<form method='POST' action="{% url 'website:accounts:change_email' %}">
    {% csrf_token %}
    <table class = 'profile-table change-profile change-email'>
        <tr>
            <td class="rowLabel">
                <em>*</em>Email
            </td>
            <td class="formRow">
                <input type="text" value="{{ user.email }}" disabled="disabled"/>
                <span class="help-text">Gunakan email valid untuk menerima kabar terbaru dari ODP.</span>
            </td>
        </tr>
        {% uni_form email_form email_form.helper %} 
    </table>
    <div class="border_line">
        <button class="medium-button">
            <span>Simpan Perubahan</span>
        </button>
    </div>
</form>
<div>&nbsp;</div><div>&nbsp;</div>
<div class="title">Password</div>
<form method='POST' action="{% url 'website:accounts:change_password' %}" >
    {% csrf_token %}
    <table class = 'profile-table change-profile'>
        {% uni_form password_form password_form.helper %}
    </table>
    <div class="border_line" >
        <button class="medium-button">
            <span>Simpan Perubahan</span>
        </button>
    </div>
</form>

<div>&nbsp;</div><div>&nbsp;</div>
<div class="title">Notifikasi Email</div>
<form method='POST' action="{% url 'website:accounts:change_notification' %}" >
    {% csrf_token %}
    <table class = 'profile-table change-notification'>
        <tr>
            <td class="rowLabel"></td>
            <td>
            {% for field in notification_form %}
                {{ field }}{{ field.label }}                      
            {% endfor %}
            </td>
        </tr>
        <tr>   
            <td class="formRow">
            </td>
            <td>
                <span class="help-text">Nyalakan untuk menerima notifikasi terbaru di emailmu.</span>
            </td>
        </tr>
    </table>
    <div class="border_line" >
        <button class="medium-button">
            <span>Simpan Perubahan</span>
        </button>
    </div>
</form>