{% extends "bone.html" %}

{% load i18n %}
{% load ratings %}
{% load comments %}

{% block title %}{{ file.category.name|escape }}: {{ file|escape }}{% endblock %}

{% block content %}
<div class="box bc">
	<a href="/{{ request.LANGUAGE_CODE }}/">{{ current_site.name|escape }}</a> {{ BREADCRUMB_SEP }} <a href="/{{ request.LANGUAGE_CODE }}/files/">Files &amp; Projects</a> {{ BREADCRUMB_SEP }} <strong>{{ file|escape }}</strong>
</div>
<div class="box alt">
	{% if can_edit %}
	<form method="get" action="/{{ LANGUAGE_CODE }}/files/" style="float: right;">
	<input type="hidden" name="file_id" value="{{ file.id }}" />
	<select name="filego" id="id_filego" onchange="this.form.submit();">
	<option value="details" selected="selected">Project Page</option>
	<option value="">--------</option>
	<option value="update">Edit Project</option>
	<option value="screenshots">Edit Screenshots</option>
	<option value="files">Edit Files</option>
	<option value="tickets">Edit Tickets</option>
	<option value="comments">Edit Comments</option>
	<option value="">--------</option>
	<option value="delete">Delete Project</option>
	</select> <input type="submit" value="Go" class="button" />
	</form>
	{% endif %}
	<h1>{{ file|escape }}</h1>
</div>
<div class="box">
	<div class="bluebox" style="margin-top: 0;">
	<form method="get" action="/{{ LANGUAGE_CODE }}/files/browse/">
		<input type="hidden" name="type" value="{{ file.category.id }}" />
		<h2>Find more {{ current_site.name|escape }} {{ file.category.name|escape }}:</h2>
		<input type="text" name="q" id="id_filesearch" size="77" style="width: 400px;" />
		<button type="submit"><img alt="" src="{{ IMAGE_URL }}icons/search.png" />Search</button>
	</form>
	</div>
<div class="sect">
	<div class="title">
		{% show_rating "files.file" file.id %}
		<h2>{{ file.name|escape }}</h2>
		<small>Last updated {{ file.last_post_date|timesince }} ago</small>
	</div>
	<div class="body">
		<style>
		.thumb {
			float: right;
			margin: 5px;
			background: #dedfdf;
			padding: 3px;
			}
		.thumb img {
			width: 150px;
			}
		.screenshots { text-align: center; margin: 5px 0; }
		.screenshots img {
			width: 130px;
			}
		.thumb_med {
			margin: 0 auto;
			display: block;
			text-align: center;
			width: 440px;
			}
		.thumb_med img {
			border: 3px solid #808080;
			width: 100%;
			}
		.thumb_med strong {
			display: block;
			text-align: center;
			margin: 0 3px;
			}
		.sbutton {
			width: 200px;
			padding: 3px 5px;
			background: #dedfdf;
			border: 1px solid #dedfdf;
			text-decoration: none;
			font-weight: bold;
			}
		.sbutton img { margin-right: 5px; }
		.sbutton:hover {
			border-color: #808080;
			}
		</style>
		<script type="text/javascript">
		cur_tab = 'downloads';
		</script>
		<div style="padding: 5px 0 3px 0;">
		{% if file.allow_children %}
		<a href="/{{ LANGUAGE_CODE }}/files/submit/plugin/{{ file.id }}/" class="sbutton">Submit Plugin</a> 
		<a href="/{{ LANGUAGE_CODE }}/files/submit/patch/{{ file.id }}/" class="sbutton">Submit Patch</a> 
		{% endif %}
		<a href="/{{ LANGUAGE_CODE }}/favorites/add/files/file/{{ file.id }}/" class="sbutton">Add to Favorites</a> 
		{% if can_edit %} <a href="{{ file.get_edit_url }}" class="sbutton"><img src="{{ IMAGE_URL }}icons/cog_edit.png" alt="update" /> Update</a>{% endif %}
		{% if last_version %} <a href="{{ last_version.get_download_url }}" class="sbutton"><img src="{{ IMAGE_URL }}icons/arrow_in.png" alt="download" /> Download</a>{% endif %}
		<div class="cb"></div>
		</div>
		{% if screenshot_list.0.get_thumbnail_url %}
		<a href="{{ screenshot_list.0.get_preview_url }}" rel="imageview" class="thumb"><img alt="{{ screenshot_list.0.name|escape }}" src="{{ screenshot_list.0.get_thumbnail_url }}"></a>
		{% else %}
		<div class="thumb"><img src="{{ IMAGE_URL }}no-image.jpg" alt="no image" /></div>
		{% endif %}
		<ul class="dl">
			<li class="row1"><div>Project Manager:</div>{{ file.author.get_html_code }}</li>
			<li class="row2"><div>Homepage:</div>{% if file.url %}<a href="{{ file.url|escape }}" rel="nofollow">{{ file.url|escape }}</a>{% else %}&ndash;{% endif %}</li>
			<li class="row1"><div>Daily Downloads:</div>{% if file.downloads_today %}{{ file.downloads_today }}{% else %}&ndash;{% endif %}</li>
			<li class="row2"><div>Post Date:</div>{{ file.post_date|date:"F jS Y" }}</li>
			<li class="row1"><div>Category:</div><a href="{{ file.category.get_absolute_url }}">{{ file.category.name|escape }}</a></li>
			<li class="row2"><div>Game:</div><a href="{{ file.game.get_absolute_url }}">{{ file.game|escape }}</a></li>
			<li class="row1"><div><a href="/{{ LANGUAGE_CODE }}/labels/files/file/{{ file.id }}/" style="font-weight: bold;">Labels</a>:</div>{% if file.labels %}{% for label in file.get_label_names %}<a href="/{{ LANGUAGE_CODE }}/files/browse/?label={{ label|escape }}">{{ label|escape }}</a> {% endfor %}{% else %}(No labels yet){% endif %}</li>
			{% if langinfo %}
			<li class="row2"><div>Compatible:</div>{% for d in file_data_list %}{% if d.is_compatible %}<img src="{{ IMAGE_URL }}flag/{{ d.lang|upper }}.gif" alt="{{ d.lang }}" /> {% endif %}{% endfor %}</li>
			<li class="row1"><div>Localized:</div>{% for d in file_data_list %}{% if d.is_localized %}<img src="{{ IMAGE_URL }}flag/{{ d.lang|upper }}.gif" alt="{{ d.lang }}" /> {% endif %}{% endfor %}</li>
			{% endif %}
		</ul>
		<div class="cb"></div>
		<div id="filetext">
			{{ file_data.parsed_description }}
		</div>
	</div>
</div>
{% if screenshot_list %}
<div class="sect">
	<div class="body">
		<div class="screenshots">
			<h2>Screenshots</h2>
			{% for image in screenshot_list %}
			{% if image.get_thumbnail_url %}
			<a href="{{ image.get_preview_url }}" rel="imageview"><img alt="{{ image.name|escape }}" src="{{ image.get_thumbnail_url }}"></a>
			{% endif %}
			{% endfor %}
		</div>
	</div>
</div>
{% endif %}
</div>
<div class="box">
<ul class="tabs">
	<li class="use" id="t_downloads"><a href="{{ file.get_absolute_url }}" onclick="return(show_tab('downloads'));"><span class="icon_downloads">Downloads</span></a></li>
	{% comment %}
	<li id="t_tickets"><a href="{{ file.get_absolute_url }}tickets/" onclick="return(show_tab('tickets'));"><span class="icon_tickets">Tickets</span></a></li>
	<li id="t_patches"><a href="#">Patches</a></li>
	<li id="t_plugins"><a href="#">Plug-ins</a></li>
	{% endcomment %}
</ul>
<div id="d_downloads" class="tborder">
<div class="tbar">Downloads Available: {{ version_list.count }}</div>
<table style="width: 100%;" cellspacing="0">
	<thead>
	<tr>
		<th>File</th>
		<th style="width: 80px;">Type</th>
		<th class="tc" style="width: 70px;">Downloads</th>
		<th style="width: 80px;" class="tr">Post Date</th>
	</tr>
	</thead>
	<tbody>
	{% for version in version_list %}
	<tr class="{% cycle row1,row2 %}">
		<td><a href="{{ version.get_download_url }}" title="Download {{ file.name|escape }} {{ version.name|escape }}">{{ file.name|escape }} {{ version.name|escape }}</a></td>
		<td>{{ version.type.name|escape }}</td>
		<td class="tc">{{ version.downloads }}</td>
		<td class="tr">{{ version.post_date|date:"m/d/Y" }}</td>
	</tr>
	{% endfor %}
	</tbody>
</table>
</div>
{% comment %}
<div id="d_tickets">
<table style="width: 100%;">
	<thead>
	<tr>
		<td colspan="5"><a href="{{ file.get_absolute_url }}/tickets/new/" title="New Ticket"><img src="http://www.cursebeta.com/static/images/buttons/new-thread.gif" alt="New Ticket" /></a></td>
	</tr>
	<tr>
		<th>Summary</th>
		<th style="width: 70px;">Type</th>
		<th style="width: 70px;">Status</th>
	</tr>
	</thead>
	<tfoot>
	<tr>
		<td colspan="5">Tickets Open: 3 (1 Critical)</td>
	</tr>
	</tfoot>
	<tbody>
	<tr class="row1">
		<td><a href="#">#134: This is a truncated version of this ticket's summa...</a></td>
		<td>Bug</td>
		<td>Pending</td>
	</tr>
	<tr class="row2">
		<td><a href="#">#134: This is a truncated version of this ticket's summa...</a></td>
		<td>Feature</td>
		<td>Pending</td>
	</tr>
	<tr class="row1">
		<td><a href="#">#134: This is a truncated version of this ticket's summa...</a></td>
		<td>Feature</td>
		<td>Open</td>
	</tr>
	</tbody>
</table>
</div>
{% endcomment %}
</div>
<a name="comments"></a>
<div class="box alt">
	<h2>Comments</h2>
</div>
{% get_comment_list for files.file file.id as comment_list %}
{% if comment_list %}
<div id="comments" class="box">
{% for comment in comment_list %}
<div class="comment {% cycle comment1,comment2 %}{% if comment.user.is_superuser %} staffcomment{% else %}{% if comment.is_hidden %} hiddencomment{% endif %}{% endif %}" id="comment_{{ comment.id }}">
	<a name="comment_{{ comment.id }}"></a>
	{% if not comment.user.is_superuser %}{% if not comment.is_hidden %}
		{% show_rating "comments.comment" comment.id %}
		<div class="subtext">
			{{ comment.post_date }}
			{% if can_edit %}<a href="{{ comment.get_delete_url }}?next={{ file.get_absolute_url }}"><img src="{{ IMAGE_URL }}icons/delete.png" alt="delete" /></a>{% endif %}
		</div>
	{% else %}
		<div class="msg">(Comment hidden due to negative ratings)</div>
	{% endif %}{% endif %}
	<h4>{{ comment.user.get_html_code }} comments:</h4>
	{% if not comment.user.is_superuser %}{% if not comment.is_hidden %}
	<div class="body">{{ comment.body|escape|linebreaks }}</div>
	{% endif %}{% else %}
	<div class="body">{{ comment.body|escape|linebreaks }}</div>
	{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
<div class="endbox">
<a name="new_comment"></a>
{% comment_form for files.file file.id %}
</div>
{% endblock %}