{% extends "profiles/base-wide.html" %}
{% load base_tags %}
{% load base_filters %}
{% load perm_tags %}
{% load profile_tags %}
{% load profile_filters %}
{% load contribution_tags %}
{% load membership_tags %}
{% load humanize %}

{% block title %}{% trans 'Profile' %} {% endblock %}

{% block extra_head %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'css/iconrow.css' %}">
<link rel="stylesheet" href="{% static 'css/search.css' %}">
<link rel="stylesheet" href="{% static 'css/profiles.css' %}">

<link type="text/css" href="{% static 'css/jquery-ui/tabs/ui-1.8.tabs.css' %}" rel="stylesheet" />
<style>
  .app-links{
  margin: 3px 5em 1em 5em;
  }
</style>
{% endblock %}

{% block content %}

<!-- you are here: templates/profiles/index.html -->

<div id="profile-index-page">
  <div>
    
    {% for message,link,label in membership_reminders %}
    <div class="alert alert-warning alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <p>{{ message|safe }}</p>
      <div class="alert-link">
        <a class="btn" href="{{ link }}">{{ label }}</a>
      </div>
    </div>
    {% endfor %}
    
    {% if corp_uc_invoices %}
    <div class="alert alert-warning alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <p>{% trans "Thank you for your generous contribution. If you wish to complete your transaction, your invoice is available here." %}</p>
      {% for corp_uc_invoice in corp_uc_invoices %}
      <div class="alert-link">
        <a class="btn" href="{% url 'invoice.view' corp_uc_invoice.0 corp_uc_invoice.1 %}">{% trans "View Invoice (Balance: " %}{{ corp_uc_invoice.2|format_currency }})</a>
      </div>
      {% endfor %}
    </div>
    {% endif %}
    
    <div id="profile-view">
      <div>
        
<!-- EDIT BTN -->
<!-- END: EDIT BTN -->
        
        
        <div class="page-header">
          <div class="row">
            <div class="col-sm-2">
              {% if request.user.is_superuser or user_this == request.user %}
              <a href="{% url 'profile.upload_photo' user_this.id %}" title="Change profile photo">
                {% gravatar user_this 128 %}
              </a>
              {% else %}
              {% gravatar user_this 128 %}
              {% endif %}
            </div>
            
            <div class="col-sm-10">
              {% if can_edit or request.user.id == user_this.id  %}
              <div class="pull-right">
              <a class="btn btn-default" href="{% url "profile.edit" user_this.id %}">{% trans "Edit Profile" %}</a>
              {% if user_this == request.user %}
              <a href="{% url 'profile.upload_photo' %}" class="btn btn-default">Update My Profile Picture</a>
              {% else %}
              <a href="{% url 'profile.upload_photo' user_this.id %}" class="btn btn-default">Update Profile Picture</a>
              {% endif %}
              </div>
              {% endif %}
              {% if profile.display_name %}
              <h1>{% firstof profile.display_name %}</h1>
              <h3>{% firstof user_this.get_full_name user_this.username %}</h3>
              {% else %}
              <h1>{% firstof user_this.get_full_name user_this.username %}</h1>
              {% endif %}
              {% if profile.member_number %}
              {% if profile|allow_edit_by:user %}
              <div style="padding-bottom: 1em;">
                <span class="member-icon">{% trans 'Member ID' %}: {{ profile.member_number}}</span>
              </div>
              {% endif %}
              {% endif %}
              
              {% include "profiles/include/social_media_links.html" %}
              
              {% if profile.company %}
              <h5><strong>{{ profile.company }}</strong> — 
              {% endif %}
              
              {% if profile.position_title %}
              {{ profile.position_title }}</h5>
              {% endif %}
              
              {% if city_state %}
              <h5>{{ city_state }}</h5>
              {% endif %}
              
              {% if user_this.skillset and user_this.skillset.is_first_responder %}
              <p class="capitalize">{% trans "first responder" %} - <a href="{% url 'user.skills' user_this.username %}">{% trans "see skills" %}</a></p>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
      
      
      <div class="col-md-4 well">
        
        <h3>{% trans 'Contact Information' %}</h3>
        <div class="table-responsive">
          <table class="table">
            
            <tr>
              <td>{% trans 'Username' %}</td>
              <td>{{ profile.user.username }}</td>
            </tr>

            {% if profile.account_id %}
            <tr>
              <td>{% trans 'Account ID' %}</td>
              <td>{{ profile.account_id }}</td>
            </tr>
            {% endif %}

            {% if can_edit or not profile.hide_email %}
            <tr>
              <td>{% trans 'Email' %}</td>
              <td>{{ user_this.email }}</td>
            </tr>
            {% endif %}
            
            {% if can_edit or not profile.hide_phone %}
            <tr>
              <td>{% trans 'Phone' %}</td>
              <td>{% firstof profile.phone|phonenumber profile.phone2|phonenumber %}</td>
            </tr>
            {% endif %}
            
            <tr>
              <td>{% trans 'Website' %}</td>
              <td>{{ profile.url }}</td>
            </tr>
            
            {% if can_edit or not profile.hide_address %}
	            {% if profile.region %}
	            <tr>
	              <td>{% trans 'Region' %}</td>
	              <td>{{ profile.get_region_name }}</td>
	            </tr>
	            {% endif %}
            <tr>
              <td>{% trans 'Address' %}</td>
              <td>{{ profile.address }} <span class="city-state-zip">{{ city_state_zip }}</span></td>
            </tr>
            {% endif %}
			{% if profile.county %}
			<tr>
              <td>{% trans 'County' %}</td>
              <td>{{ profile.county }}</td>
            </tr>
			{% endif %}

			{% if industries %}
				<tr>
				 <td><strong>{% trans 'Industry' %}</strong></td>
				 <td>
				{% for industry in industries %}
					<span>{{ industry }}</span>{% if not forloop.last %}, {% endif %}
		        {% endfor %}
				 </td>
				</tr>
			{% endif %}
            
          </table>
        </div>

        {% if request.user.profile.is_superuser %}
        <h3> {% trans 'Admin Notes' %} </h3>
        <p>
          {% if profile.admin_notes %}
          {{ profile.admin_notes }}
          {% else %}
          {% trans 'No admin notes' %}.
          {% endif %}
        </p>
        {% endif %}
        
        {% if user_this.educations.all  %}
        <h3>{% trans 'Education History' %}</h3>
        <div class="table-responsive">
          <table class="table">
            {% for education in user_this.educations.all %}
            <tr>
              <td width="1%">{% trans 'School' %}:</td>
              <td width="1%">{{ education.school }}</td>
              <td width="1%">{% trans 'Major' %}:</td>
              <td width="1%">{{ education.major }}</td>
            </tr>
            <tr>
              <td width="1%">{% trans 'Degree' %}:</td>
              <td width="1%">{{ education.degree }}</td>
              <td width="1%">{% trans 'Graduation Date' %}:</td>
              <td width="1%">{{ education.graduation_year }}</td>
            </tr>
            {% endfor %}
          </table>
        </div>
        {% endif %}
        
        {% if request.user == user_this or can_edit %}
        
        <!-- GROUPS -->
        <h3>{% trans 'Groups' %}
          {% if request.user == user_this or admin %}
          <a title="{% trans 'Join or leave group' %}" href="{% url "profile.edit_groups" user_this.username %}" class="glyph gears">S</a>
          {% endif %}
        </h3>
        
        {% if group_memberships %}
        <div class="table-responsive">
          <table class="table">
            {% for gm in group_memberships %}
            <tr>
              <td>
                {% if user.profile.is_superuser %}
                <a href="{% url "group.edituser" gm.group.slug user_this.pk %}">
                  {% firstof gm.role 'Member' %}
                </a>
                {% else %}
                {% firstof gm.role 'Member' %}
                {% endif %} of
                
                <a href="{% url "group.detail" gm.group.slug %}">
                  {% firstof gm.group.label gm.group.name %}
                </a>
                {% if not gm.is_newsletter_subscribed %}
                <small class="text-danger">{% trans 'Unsubscribed' %} 
                {% if gm.group.allow_self_add %}
                <a href="{% url "group.newsletter_subscribe_interactive" gm.group.slug %}?next={{ request.path }}" title="Subscribe to receive newsletters">{% trans 'Subscribe' %}</a> 
                {% endif %}
                </small>
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </table>
        </div>
        {% else %}
        <p>{% trans 'Not in any groups.' %}</p>
        {% endif %}
        
      {% endif %}  
     </div> 
      
      <div class="col-md-8">
        {% if request.user == user_this or can_edit %}
        <div>
          
                    
          <!-- INVOICE BTN -->
          <div class="invoice-btn pull-right">
            
            {% if request.user == user_this or admin %}
            {% if content_counts.invoice > 0 %}
            <a class="btn btn-primary" href="{% url "invoice.search" %}?search_criteria=owner_id&search_text={{ user_this.id }}&search_method=exact">{% trans "My Invoices" %} ({{ content_counts.invoice }})</a></p>
            {% endif %}
            {% endif %}
            
          </div>
          <!-- END INVOICE BTN -->
          {% if profile.has_released_credits %}
<h3><a href="{% url 'profile.credits' user_this.username %}">CEU Credits</a></h3>
          {% endif %}
          <!-- MEMBERSHIPS -->
          {% if MODULE_MEMBERSHIPS_ENABLED %}
          
          <h3>{% trans 'Memberships' %}
            {% if membership_apps %}
            <a title="{% trans 'Join membership' %}" href="{% url "membership_default.add" membership_apps.0.slug %}?username={{ user_this.username|urlencode }}" class="glyph plus{% if multiple_apps %} toggle-app-links{% endif %}">+</a>
            {% else %}
            <a title="{% trans 'Create a membership application' %}" href="{% url "admin:memberships_membershipapp_add" %}" class="glyph plus">+</a>
            {% endif %}
          </h3>
          
          {% if multiple_apps %}
          <div class="app-links">
            {% for app in membership_apps %}
            <div>
              <a title="{% trans 'Join membership' %}" href="{% url "membership_default.add" app.slug %}?username={{ user_this.username|urlencode }}">{% trans 'Join' %}</a>
              {{ app.name }}
            </div>
            {% endfor %}
          </div>
          {% endif %}
          
          {% if memberships %}
          
          {% if can_auto_renew %}
	        <div class="text-left">
	        <a href="{% url "memberships.auto_renew_setup" profile.user.id %}"><span class="glyphicon glyphicon-edit"></span> {% if auto_renew_is_set %}{% trans 'Update Auto Renew' %}{% else %}{% trans 'Set Up Auto Renew' %}{% endif %}</a>
	        </div>
	      {% endif %}
          
          <div class="table-responsive">
            <table class="table">
              {% for membership in memberships %}
              <tr>
                <td>
                  {% if request.user.profile.is_superuser or request.user == membership.user %}
                  <a href="{% url "membership.details" membership.pk %}">{{ membership.membership_type }}
                  </a>
                  {% else %}
                  {{ membership.member_number }} {{ membership.membership_type }}
                  {% endif %}
                </td>
                <td>
                  {{ membership.join_dt|date:"DATE_FORMAT" }}
                  
                  {% if not membership.is_pending %} - {% firstof membership.expire_dt|date:"DATE_FORMAT" "Forever" %}
                  
                  &#43; (grace period:
                  {{ membership.membership_type.expiration_grace_period }} days)
                  
                  {% endif %}
                  
                  <span class="inner-mitm">{{ membership.get_status|capfirst}}</span>
                  
                </td>
                <td>
                  {% with membership.get_invoice as invoice %}
                  {% if invoice %}
                  <a href="{% url "invoice.view" invoice.pk %}">
                    {% trans 'Balance' %} {{ invoice.balance|format_currency }}
                  </a>
                  {% endif %}
                  {% endwith %}
                </td>
              </tr>
              {% endfor %}
            </table>
          </div>
          {% else %}
          <p>{% trans 'Not a member.' %}</p>
          {% endif %}
          
          {% endif  %}
          
          {% include "profiles/include/list_user_chapter_memberships.html" %}

		     {% if corps_list %}
			  <h3>{% trans "Representative of" %}</h3>
	              <ul>
	              {% for id, name in corps_list %}
	                  <li><a href="{% url 'corpmembership.view_profile' id %}">{{ name }}</a></li>
	              {% endfor %}
	              </ul>
			{% endif %}

          <!-- chapter -->
	        {% if memberships and memberships.0.chapter %}
	        <h3> {% trans 'Chapter' %} </h3>
	        <p>
	          {{ memberships.0.chapter }}
	        </p>
	        {% endif %}

		  <!-- DIRECTORIES -->
          {% if directories %}
          {% if request.user.is_superuser or request.user == profile.user %}
		  <h3>{% firstof MODULE_DIRECTORIES_LABEL_PLURAL trans "Directories" %}</h3>

          <div class="table-responsive">
            <table class="table">
              {% for directory in directories %}
              <tr>
                <td>
                  <a href="{{ directory.get_absolute_url }}">{{ directory.headline }}</a>
                </td>
              </tr>
              {% endfor %}
            </table>
          </div>
          {% endif %}
          {% endif %}
          
          <!-- EVENTS -->
          
          <h3>{% trans "Upcoming Event Registrations" %}</h3>
          
          {% if registrations %}
          <div class="table-responsive">
            <table class="table">
              {% for reg in registrations %}
              {% with reg.reg8n_status as reg8n_status %}
              <tr>
                <td>
                  <a href="{{ reg.get_absolute_url }}">{% trans "Registration" %} #{{ reg.registration.pk }}</a>
                </td>
                <td>
                  <span class="{%if reg8n_status == "cancelled" %}text-muted{% else %}{%if reg8n_status == "payment-required" %}text-danger{% else %}text-info{% endif %}{% endif %}">{{ reg8n_status }}</span>
                  {% if reg.event.has_child_events and reg.user %}
	                  {% if reg8n_status != "cancelled" and reg8n_status != "payment-required" %}
	                  	<div><a href="{% url "event.sessions" reg.pk %}">{% if request.user == reg.user %}{% trans "View my Schedule" %}{% else %}{% trans "View Schedule" %}{% endif %}</a></div>
	                  {% endif %}
                  {% endif %}
                  {% if reg8n_status == "payment-required" %}
                  		{% with reg.invoice as invoice %}
	                  	<div><a href="{% url 'payment.pay_online' invoice.pk guid %}">{% trans "Pay Online" %}</a></div>
	                  	{% endwith %}
	               {% endif %}
                </td>
                <td>
                  {% if reg.event.can_cancel and reg8n_status != "cancelled" %}
                  <a href="{% url 'event.cancel_registration' reg.event.pk reg.registration.pk %}">
                    {% trans "Cancel" %}
                  </a>
                  {% endif %}
                </td>
                <td>
                  <a href="{{ reg.registration.event.get_absolute_url }}">{{ reg.registration.event.title }}</a>
                </td>
                <td>
                  {{ reg.registration.event.start_dt|date:"DATE_FORMAT" }} - {{ reg.registration.event.end_dt|date:"DATE_FORMAT" }}
                </td>
              </tr>
              {% endwith %}
              {% endfor %}
            </table>
          </div>
          {% else %}
          {% trans "No upcoming event registrations." %}
          {% endif %}
          
          
           {% if request.user.is_superuser and upcoming_events %}
           <div style="margin: 1em;">
            <div>				
				<a title="toggle expand/collapse" class="big" id="toggle-upcoming-events-box"  data-toggle="collapse" href="#upcoming-events-box" aria-expanded="false" aria-controls="upcoming-events-box">
				  {% if registrations %}{% trans "Register this User for more Events" %}
				  {% else %}{% trans "Register this User" %}
				  {% endif %}
				   <span class="glyphicon glyphicon-collapse-down"></span>
				</a>
			</div>
		
        	<div id="upcoming-events-box" class="table-responsive collapse">
            <table class="table table-striped table-condensed">
              {% for event in upcoming_events %}
              <tr>
                <td>{{ event.date|date:'DATE_FORMAT' }}</td>
                <td>
                  <a href="{{ event.get_absolute_url }}">{{ event.title }}</a>
                </td>
                <td>
                  <a class="btn btn-info btn-sm" href="{% url 'event.user_register' event.id %}?user={{ profile.user.id }}">{% trans "Register this user" %}</a>
                </td>
              </tr>
              {% endfor %}
            </table>
           </div>
          </div>
       	   {% endif %}
          
          
        </div>
        {% elif can_view_memberships and memberships %}
        <div>
        	<h3>{% trans 'Memberships' %}</h3>
        	<div class="table-responsive">
            <table class="table">
              {% for membership in memberships %}
              <tr>
                <td>
                  <a href="{% url "membership.details" membership.pk %}">{{ membership.membership_type }}
                  </a>
                </td>
                <td>
                  {{ membership.join_dt|date:"DATE_FORMAT" }}
                  
                  {% if not membership.is_pending %} - {% firstof membership.expire_dt|date:"DATE_FORMAT" "Forever" %}
                  
                  &#43; (grace period:
                  {{ membership.membership_type.expiration_grace_period }} days)
                  
                  {% endif %}
                  
                  <span class="inner-mitm">{{ membership.get_status|capfirst}}</span>
                  
                </td>
                <td>&nbsp;</td>
              </tr>
              {% endfor %}
            </table>
          </div>
        </div>
        {% endif %}
        

        {% if recurring_payments %}
		 {% if request.user.is_superuser or request.user == profile.user %}
        <h3>{% trans "Recurring Payments" %}</h3>
		{% for rp in recurring_payments %}
		<div><a href="{% url 'recurring_payment.view_account' rp.id %}">{{ rp.description }}</a></div>
		{% endfor %}
        {% endif %}
        {% endif %}
        
        {% if MODULE_ACTIVITIES_ENABLED %}
        {% with user_this.activities.all as user_activities %}
        <h3>{{ MODULE_ACTIVITIES_LABEL }}</h3>
        <table class="table table-bordered">
        <tr>
        	<th>{% trans "Start Date" %}</th>
        	<th>{% trans "End Date" %}</th>
        	<th>{% trans "Activity" %}</th>
        </tr>
        {% for activity in user_activities %}
        <tr>
        	<td>{% if activity.start_date %}{{ activity.start_date|date:"SHORT_DATE_FORMAT" }}{% endif %}</td>
        	<td>{% if activity.end_date %}{{ activity.end_date|date:"SHORT_DATE_FORMAT" }}{% endif %}</td>
        	<td>{{ activity.activity_name }}</td>
        </tr>
        {% endfor %}
        </table>
        {% endwith %}
        <div><a href="{% url 'admin:auth_user_change' user_this.pk %}" target="_blank">{% trans "Add Activity" %}</a></div>
        {% endif %}
        
        {% latest_contributions user_this as contributions %}
        {% if  contributions %}
        <h3>{% trans "Contributions" %}</h3>
        <ul class="list-unstyled">
          {% for contribution in contributions|slice:":5" %}
          {% if contribution.object.status and contribution.object.get_absolute_url %}
          <li><a href="{{ contribution.object.get_absolute_url }}">{{ contribution.content_type.name|capfirst }}: {{ contribution.title|truncatewords_html:15|slice:":-4" }}</a></li> <span class="create-dt">{{ contribution.create_dt|date:"long" }}</span>
          {% else %}
          {{ contribution.title }}{{ contribution.headline }} <span class="create-dt">{{ contribution.create_dt|date:"long" }}</span>
          {% endif %}
          {% endfor %}
        </ul>
        <div class="pager">
          <li class="next"> <a href="{% url "contribution.search" %}?q={{ user_this.username }}">{% trans 'View More' %} &rarr;</a></li>
        </div>
        
        {% else %}
	      {% if user.profile.is_superuser %}
	      <div>
	        {% firstof request.user.first_name request.user.username %}, {% trans 'this person has not made any contributions yet.' %}
	      </div>
	      {% endif %}
      	{% endif %}
        
      </div>
      
      
      
	  {% if can_edit %}
      {% profile_meta %}
       {% endif %}
      
    </div></div></div>

{% endblock %}

{% block extra_body %}
{{ block.super }}
<script type="text/javascript" src="{% static 'js/global/dropdown.js' %}"></script>
<script type="text/javascript">
  var iconrow = new dropdown({
  container:    'more-options-wrap',
  trigger:    'more-options-trigger',
  target:        'more-options-target'
  });
</script>
<script type="text/javascript">
  $(".app-links").hide();
  
  $(".toggle-app-links").on("click", function(e){
  $(".app-links").toggle('slow');
  e.preventDefault();
  })
</script>

{% endblock %}