{% extends 'website/templates/base.html' %}
{% load widget_tweaks %}
{% load static %}
{% block title %}User Profile{% endblock %}
{% block cssblock %}
    <link rel="stylesheet" href="{% static 'website/css/chosen.min.css' %}" type="text/css" media="screen" charset="utf-8" />
    <style>
        .view-profile .dl-horizontal dt{
            text-align: left;
            width: 100px;
        }
        .view-profile .dl-horizontal dd{
            margin-left: 100px;
        }
    </style>
{% endblock %}
{% block heading %}
        <i class="fa fa-list-ul"></i> User Profile
{% endblock %}

{% block content %}
    <div class="row well view-profile" style="margin-top: 20px;">
        <div class="col-sm-8">

            <div class="col-sm-8">
                <dl class="dl-horizontal">
                    <dt>First name</dt>
                    <dd>{% if profile.user.first_name %}{{ profile.user.first_name }}{% else %}-{% endif %}</dd>

                    <dt>Last name</dt>
                    <dd>{% if profile.user.last_name %}{{ profile.user.last_name }}{% else %}-{% endif %}</dd>
                    
                    <dt>Profile created on</dt>
                    <dd>{{ profile.created }}</dd>
                  
                </dl>
            </div>
        </div>
    </div>
{% endblock %}