{% load url from future %}

{% if profile.user == user %}
    {% if not profile.facebook_id %}
        <div class = 'fb-wrapper clearfix'>
            <div class="title">Facebook Connect</div>
            <p>Hubungkan akunmu dengan Facebook agar kamu juga bisa login dengan akun Facebookmu.</p>
            <a href="{% url 'facebook_connect' %}?redirect=1&next={% url 'website:accounts:detail' %}">
                <img src = '{{ STATIC_URL }}website/img/fbconnect.png' class = 'facebook'>
            </a>
        </div>

        <div class="title">Profile</div>
    {% endif %}
{% endif %}
<table class = 'profile-display'>
    <tr>
        <td class = 'rowLabel'>Nama Lengkap:</td>
        <td>
            {% firstof profile.first_name '' %} {% firstof profile.middle_name '' %} {% firstof profile.last_name '' %}
        </td>
    </tr>

    {% if profile.nick_name %}
    <tr>
        <td class = 'rowLabel'>Nama Panggilan:</td>
        <td>{{ profile.nick_name}}</td>
    </tr>
    {% endif %}

    {% if profile.date_of_birth %}
    <tr>
        <td class = 'rowLabel'>Tanggal Lahir:</td>
        <td>
            {{ profile.date_of_birth }}
        </td>
    </tr>
    {% endif %}

    {% if profile.gender %}
    <tr>
        <td class = 'rowLabel'>Jenis Kelamin:</td>
        <td>
            {{ profile.get_gender_display }}
        </td>
    </tr>
    {% endif %}

    {% if profile.facebook or profile.twitter or profile.linked_in or profile.website %}
    <tr class = 'connect'>
        <td class = 'rowLabel'>Profil Online:</td>
        <td>
            <ul>
                {% if profile.facebook %}<li class = 'fb'><a href = {{ profile.facebook }}>Facebook</a></li>{% endif %}
                {% if profile.twitter %}<li class = 'twitter'><a href = {{ profile.twitter }}>Twitter</a></li>{% endif %}
                {% if profile.linked_in %}<li class = 'linked-in'><a href = {{ profile.linked_in }}>LinkedIn</a></li>{% endif %}
                {% if profile.website %}<li class = 'web'><a href = {{ profile.website }}>Website</a></li>{% endif %}
            </ul>
        </td>
    </tr>
    {% endif %}
</table>
{% if not hide_applications %}
<div class="border_line" >
    <a href = '{% url "website:accounts:change_profile" %}' class = 'medium-button'><span>Ubah</span></a>
</div>
{% endif %}