{% extends "w_base.html" %}

{% load static from staticfiles %}
{% load request_tags %}
{% load bootstrap %}
{% load workshift_tags %}

{% block w_content %}
{% if WORKSHIFT_MANAGER %}
<form action="{% wurl 'workshift:edit_profile' targetUsername=profile.user.username sem_url=SEMESTER.sem_url %}" class="pull-right">
  <button class="btn btn-warning" type="submit">
    <span class="glyphicon glyphicon-edit"></span>
    <span class="hidden-xs">Edit</span>
  </button>
</form>
<h1 class="w_title">{{ page_name }}</h1>
<hr class="w_line" />
<div class="instance_container">
  {% endif %}
  {% if regular_shifts %}
  <h3 class="w_subtitle">Regular Shifts</h3>
  <table class="table table-striped table-bordered table-condensed table-hover members_table" id="regular_shifts_table">
    <thead>
      <tr>
        <th>Title</th>
        <th>Time</th>
        <th>Hours</th>
      </tr>
    </thead>
    <tbody>
      {% for shift in regular_shifts %}
      <tr>
        <td><a href="{% wurl 'workshift:view_shift' pk=shift.pk sem_url=SEMESTER.sem_url %}">{{ shift.workshift_type.title }}</a></td>
        <td>
          {% if shift.week_long %}
          Week long
          {% else %}
          {{ shift.get_day_display }}
          {% endif %}
          {{ shift.start_time }}
          {% if shift.start_time and shift.end_time %} - {% endif %}
          {{ shift.end_time }}
        </td>
        <td>{{ shift.hours }} hour{{ shift.hours|pluralize }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  {% if assigned_instances %}
  <hr class="w_line" />
  <h3 class="w_subtitle">Assigned Singular Workshifts</h3>
  <table class="table table-striped table-bordered table-condensed table-hover members_table" id="assigned_instances_table">
    <thead>
      <tr>
	<th>Pool</th>
	<th>Title</th>
	<th>Date</th>
	<th>Start</th>
	<th>End</th>
      </tr>
    </thead>
    <tbody>
      {% for instance in assigned_instances %}
      <tr>
	<td><a href="{% wurl 'workshift:view_pool' pk=instance.pool.pk sem_url=SEMESTER.sem_url %}">{{ instance.pool }}</a></td>
	<td><a href="{% wurl 'workshift:view_instance' pk=instance.pk sem_url=SEMESTER.sem_url %}">{{ instance.title }}</a></td>
	<td>{{ instance.date }}</td>
	<td>{% if instance.start_time %}{{ instance.start_time }}{% endif %}</td>
	<td>{% if instance.end_time %}{{ instance.end_time }}{% endif %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  {% if past_shifts %}
  <hr class="w_line" />
  <h3 class="w_subtitle">Past Shifts</h3>
  <table class="table table-striped table-bordered table-condensed table-hover members_table" id="past_shifts_table">
    <thead>
      <tr>
        <th>Title</th>
        <th>Date</th>
        <th>Hours</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for shift in past_shifts %}
      <tr>
        <td><a href="{% wurl 'workshift:view_instance' pk=shift.pk sem_url=SEMESTER.sem_url %}">{{ shift.title }}</a></td>
        <td>{{ shift.date }}</td>
        <td>{{ shift.hours }}</td>
        <td>{% if shift.blown %}<font color="red">BLOWN</font>{% elif shift.verifier %}- <font color="green">Verified by <a href="{% wurl 'workshift:profile' targetUsername=shift.verifier.user.username sem_url=SEMESTER.sem_url %}">{{ shift.verifier.user.get_full_name }}</a>{% endif %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% if profile.pool_hours.all %}
  <h3 class="w_subtitle">Workshift Requirements</h3>
  <table class="table table-striped table-bordered table-condensed table-hover members_table" id="pool_hours_table">
    <thead>
      <tr>
        <th>Title</th>
        <th>Hours</th>
        <th>Standing</th>
      </tr>
    </thead>
    <tbody>
      {% for pool_hours in profile.pool_hours.all %}
      <tr>
        <td><a href="{{ pool_hours.pool.get_view_url }}">{{ pool_hours.pool.title }}</a></td>
        <td>{{ pool_hours.show_hours }}</td>
		<td>
		  {% if 0 > pool_hours.standing %}
		  <font color="red">{{ pool_hours.standing }}</font>
		  {% else %}
		  <font color="green">{{ pool_hours.standing }}</font>
		  {% endif %}
		  {% if pool_hours.first_date_standing %}
		  <br />
		  First Fines: {{ pool_hours.first_date_standing|currency }}
		  {% endif %}
		  {% if pool_hours.second_date_standing %}
		  <br />
		  Second Fines: {{ pool_hours.second_date_standing|currency }}
		  {% endif %}
		  {% if pool_hours.third_date_standing %}
		  <br />
		  Third Fines: {{ pool_hours.third_date_standing|currency }}
		  {% endif %}
		</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% if profile.note %}
  <h3 class="w_subtitle">Profile notes</h3>
  <p>{{ profile.note|safe }}</p>
  {% endif %}
</div> <!-- .instance_container -->
{% endblock %}

{% block w_endscripts %}
<script>
  $(document).ready(function() {
     $('table').tablesorter({
        sortList: [[0,0]],
        widgets: ["resizable"],
        widgetOptions: {
            resizable: true
        }
     });
  });
</script>
{% endblock %}