{% extends "helpdesk/base.html" %}
{% block helpdesk_title %}Helpdesk{% endblock %}
{% block helpdesk_head %}
<script src="http://media.jutda.com.au/helpdesk/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        new nicEditor({buttonList: ['bold','italic','underline','strikeThrough','undo','redo','subscript','superscript','html']}).panelInstance('commentBox');
        $("#ShowFurtherEditOptions").click(function() {
            $("#FurtherEditOptions").toggle();
            return false;
        });
    });
</script>
<style type='text/css'>#commentBox { width: 100%; }</style>
{% endblock %}

{% block helpdesk_body %}

<table width='100%'>
<tr class='row_tablehead'><td colspan='2'>{{ ticket.id }}. {{ ticket.title }} [{{ ticket.get_status_display }}]</td>
<tr class='row_columnheads'><td colspan='2'>Queue: {{ ticket.queue }}</td></tr>

<tr class='row_odd'>
    <th>Submitted On</th>
    <td>{{ ticket.created }} ({{ ticket.created|timesince }} ago)</td>
</tr>

<tr class='row_even'>
    <th>Assigned To</th>
    <td>{{ ticket.get_assigned_to }}</td>
</tr>

{% if ticket.submitter_email %}<tr class='row_odd'>
    <th>Submitter E-Mail</th>
    <td>{{ ticket.submitter_email }}</td>
</tr>{% endif %}

</table>

{% if ticket.followup_set.all %}
<h3>Follow-Ups</h3>
{% load ticket_to_link %}
{% for followup in ticket.followup_set.all %}
<div class='followup'>
<div class='title'>{{ followup.title }} <span class='byline'>by {{ followup.user }} <span title='at {{ followup.date|date:"r" }}'>{{ followup.date|timesince }} ago</span>{% if not followup.public %} <span class='private'>(Private)</span>{% endif %}</span></div>
<p>{{ followup.comment|num_to_link }}</p>
{% if followup.ticketchange_set.all %}<div class='changes'>
{% for change in followup.ticketchange_set.all %}
Changed {{ change.field }} from {{ change.old_value }} to {{ change.new_value }}.<br />
{% endfor %}
</div>{% endif %}
</div>
{% endfor %}
{% endif %}

<form method='post' action='update/'>
<h3>Add a comment</h3>
<textarea rows='8' cols='70' name='comment' id='commentBox'></textarea>
<p>New Status
{% ifequal ticket.status 1 %}
<input type='radio' name='new_status' value='1' id='st_open' checked='checked'><label for='st_open' class='active'>Open</label> &raquo;
<input type='radio' name='new_status' value='3' id='st_resolved'><label for='st_resolved'>Resolved</label> &raquo;
<input type='radio' name='new_status' value='4' id='st_closed'><label for='st_closed'>Closed</label>
{% endifequal %}
{% ifequal ticket.status 2 %}
<input type='radio' name='new_status' value='2' id='st_reopened' checked='checked'><label for='st_reopened' class='active'>Reopened</label>
<input type='radio' name='new_status' value='3' id='st_resolved'><label for='st_resolved'>Resolved</label>
<input type='radio' name='new_status' value='4' id='st_closed'><label for='st_closed'>Closed</label>
{% endifequal %}
{% ifequal ticket.status 3 %}
<input type='radio' name='new_status' value='2' id='st_reopened'><label for='st_reopened'>Reopened</label>
<input type='radio' name='new_status' value='3' id='st_resolved' checked='checked'><label for='st_resolved' class='active'>Resolved</label>
<input type='radio' name='new_status' value='4' id='st_closed'><label for='st_closed'>Closed</label>
{% endifequal %}

{% ifequal ticket.status 4 %}
<input type='radio' name='new_status' value='2' id='st_reopened'><label for='st_reopened'>Reopened</label>
<input type='radio' name='new_status' value='4' id='st_closed' checked='checked'><label for='st_closed'>Closed</label>
{% endifequal %}

<p><a href='#' id='ShowFurtherEditOptions'>Change Other Details</a></p>

<div id='FurtherEditOptions' style='display: none;'>

<label for='id_title'>Title</label>
<input type='text' name='title' value='{{ ticket.title|escape }}' />

<label for='id_owner'>Owner</label>
<select id='id_owner' name='owner'><option value='0'>Unassign</option>{% for u in active_users %}<option value='{{ u.id }}' {% ifequal u.id ticket.assigned_to.id %}selected{% endifequal %}>{{ u }}</option>{% endfor %}</select>

</div>

<label for='id_public'>Is this update public?</label> <input type='checkbox' name='public' value='1' checked='checked' />

<input type='submit' value='Add' />

</form>


{% endblock %}