[% IF session.source %]
	<h3>Current Source</h3>
	<div class="inner">
	<form action="update" method="post">
	<textarea name="source" cols="80" rows="24">[% session.source %]</textarea>
	<br>
	<input type="submit" value="Update source code">
		<a href="/source/reset">Reset Source Code</a>
	</form>
	</div>
[% ELSE %]
  <script type="text/javascript">
    var timer;
    function basename(input) {
      return input.split(/[\\\/]+/).slice(-1)[0];
    }
    function change_file(name) {
      name = basename(name);
      var l = name.split('.');
      l.pop();
      if (l.slice(-1)[0] == 'tar')
        l.pop();
      var l2 = l.join('.').split('-');
      var version = "0.1";
      if (l2.slice(-1)[0].match(/\d/))
        version = l2.pop();
      var name = l2.join('-');
      var e = document.getElementById('pname');
      e.value = name;
      e.style.background = '#FFFA63';
      e.disabled = false;
      e = document.getElementById('pversion');
      e.value = version;
      e.style.background = '#FFFA63';
      e.disabled = false;
      e = document.getElementById('pbutton');
      e.disabled = false;
      timer = setInterval("reset_colors()",1000);
    }
    function reset_colors() {
      var e = document.getElementById('pname');
      e.style.background = 'white';
      e = document.getElementById('pversion');
      e.style.background = 'white';
      clearInterval(timer);
    }
  </script>

  <h3>Available packages</h3>
  <table class="rank_table">
    <tr>
      <th style="width: 150px; text-align: left;">Package</th>
      <th>Version</th>
      <th style="width: 400px; text-align: left;">Description</th>
    </tr>
    [% FOR i IN packages %]
      [% IF i.pkgid == session.pid %]
        <tr style="background-color: #f7f199;">
        <td style="text-align: left;">[% i.pkgname %]</td>
      [% ELSE %]
        <tr>
        <td style="text-align: left;">
          <a href="/package/active/[% i.pkgid %]">[% i.pkgname %]</a>
        </td>
      [% END %]
      <td>[% i.pkgversion %]</td>
      <td style="text-align: left;">...</td>
    </tr>
    [% END %]
  </table>

  <h3 style="border: none;">
    <a href="javascript: show('upload_form');">Upload new package</a>
  </h3>
  <div id="upload_form" style="display: none; border: 1px solid #ccc; padding: 20px; width: 88%">
  <form enctype="multipart/form-data" action="package/upload" method="post" style="padding-left: 20px;">
    <input type="file" name="pfile" id="pfile" size="20" onchange="javascript: change_file(this.value);">
    Name: <input disabled="yes" type="text" size="38" id="pname" name="pname"> 
    Version: <input disabled="yes" type="text" size="4" id="pversion" name="pversion">
	<input disabled="yes" type="submit" value="Upload Package!" id="pbutton">
	</form>
  </div>

[% END %]