{% extends "section.html" %}

{% load profiles %}

{% block section_toolbar %}
 {% if can_modify %}
 <div class="toolbar">
  
 <a class="action" href="{% url create-contact "email" disp_user.pk %}">
  <img class="action_icon" src="{{MEDIA_URL}}images/change_email.png"></img>
 </a>

 <a class="action" href="{% url create-contact "phone" disp_user.pk %}">
  <img class="action_icon" src="{{MEDIA_URL}}images/add_phone.png"></img>
 </a>

 <a class="action" href="{% url create-contact "fax" disp_user.pk %}">
  <img class="action_icon" src="{{MEDIA_URL}}images/add_fax.png"></img>
 </a>
  
 <a class="action" href="{% url create-contact "website" disp_user.pk %}">
  <img class="action_icon" src="{{MEDIA_URL}}images/add_website.png"></img>
 </a>
  
 <a class="action" href="{% url create-contact "address" disp_user.pk %}">
  <img class="action_icon" src="{{MEDIA_URL}}images/add_address.png"></img>
 </a>

 </div>
 {% endif %}
{% endblock %}

{% block section_title %}Contacts{% endblock %}

{% block section_content %} 
 {% if can_see_contacts %}
 {% for email in emails %}
  {% if can_modify %}
 <div class="toolbar">
  {% change_access_control disp_user.pk "people" "email" email.pk %} 
  <a class="action" href="{% url delete-contact disp_user.pk email.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/delete.png"></img>
  </a>
  <a class="action" href="{% url update-contact disp_user.pk email.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/update.png"></img>
  </a>
 </div>
  {% endif %}
 <div class="contact">
  <a class="action" href="{% url contact-user disp_user.pk %}"> 
   <img class="action_icon" src="{{MEDIA_URL}}images/change_email.png"></img> 
  </a> {{email.label}} : <span class="value">{{email.identifier}}</span>
 </div>
 {% endfor %} 
 
 {% for phone in phones %}
  {% if can_modify %}
 <div class="toolbar">
  {% change_access_control disp_user.pk "people" "phone" phone.pk %}
  <a class="action" href="{% url delete-contact disp_user.pk phone.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/delete.png"></img>
  </a> 
  <a class="action" href="{% url update-contact disp_user.pk phone.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/update.png"></img>
  </a>
 </div>
  {% endif %}
 <div class="contact"><img class="contact_icon" src="{{MEDIA_URL}}images/add_phone.png"></img> {{phone.label}} : <span class="value">{{phone.identifier}}</span></div>
  
 {% endfor %}

 {% for fax in faxes %}
  {% if can_modify %}
 <div class="toolbar">
  {% change_access_control disp_user.pk "people" "fax" fax.pk %} 
  <a class="action" href="{% url delete-contact disp_user.pk fax.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/delete.png"></img>
  </a>
  <a class="action" href="{% url update-contact disp_user.pk fax.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/update.png"></img>
  </a>
 </div>
  {% endif %}
 <div class="contact"><img class="contact_icon" src="{{MEDIA_URL}}images/add_fax.png"></img> {{fax.label}} : <span class="value">{{fax.identifier}}</span></div>
  
 {% endfor %}

 {% for website in websites %}
  {% if can_modify %}
 <div class="toolbar">
  {% change_access_control disp_user.pk "people" "website" website.pk %} 
  <a class="action" href="{% url delete-contact disp_user.pk website.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/delete.png"></img>
  </a>
  <a class="action" href="{% url update-contact disp_user.pk website.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/update.png"></img>
  </a>
 </div>
  {% endif %}
 <div class="contact"><img class="contact_icon" src="{{MEDIA_URL}}images/add_website.png"></img> {{website.label}} : <span class="value">{{website.identifier}}</span></div>
  
 {% endfor %}

 {% for address in addresses %}
  {% if can_modify %}
 <div class="toolbar">
  {% change_access_control disp_user.pk "people" "address" address.pk %} 
  <a class="action" href="{% url delete-contact disp_user.pk address.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/delete.png"></img>
  </a>
  <a class="action" href="{% url update-contact disp_user.pk address.pk %}">
   <img class="action_icon" src="{{MEDIA_URL}}images/update.png"></img>
  </a>
 </div>
  {% endif %}
 <div class="contact tdisplay">
  <div class="lfloat"><img class="contact_icon" src="{{MEDIA_URL}}images/add_address.png"></img> {{address.label}} : </div>
  <div class="address lfloat">
   <p>{{address.street_address_1}}</p>
   <p>{{address.street_address_2}}</p>
   <p>{{address.postal_code}} {{address.town}}</p>
   <p>{{address.state}} - {{address.country}}</p>
  </div>
 </div>
 
 {% endfor %}
{% else %}
<div class="warning">No contact available.</div>
{% endif %}
{% endblock %}