{% extends "base.html" %}
{% block title %}Upload Image{% endblock %}
{% block extrahead %}
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui/connection/connection-min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui/autocomplete/autocomplete-min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui/event/event-min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui/dom/dom-min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/yui-ext/yui-ext.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/rb/common.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}scripts/image.js"></script>
<script type="text/javascript">
  var SITE_ROOT = "/";
  var MEDIA_URL = "{{MEDIA_URL}}";
  var IMAGE_ID = "{{image.id}}";
</script>
{% endblock %}

{% block content %}
<p><b>Tip:</b> Bookmark <a href="javascript:var imgurl=document.location.href;history.back();location.href='http://blt.chipx86.com/quick-add/?tags=untagged&referer='+encodeURIComponent(document.location.href)+'&url='+encodeURIComponent(imgurl);">this link</a> to upload directly from an image in your browser.</p>
<div class="form-wrapper">
 <form method="post" enctype="multipart/form-data" action=".">
  <h1 class="title">Upload image</h1>
  <table id="upload_form">
   <tr>
    <td colspan="2"><h2>Upload Source</h2></td>
   </tr>
   <tr>
    <td><label for="id_path">Filename:</label></td>
    <td>{{form.path}} {{form.path.errors}}</td>
   </tr>
   <tr>
    <td>&nbsp;</td>
    <td><b>- or -</b></td>
   </tr>
   <tr>
    <td><label for="id_url">URL:</label></td>
    <td>{{form.url}} {{form.url.errors}}</td>
   </tr>
   <tr>
    <td colspan="2"><h2>Image Information</h2></td>
   </tr>
   <tr>
    <td><label for="id_caption">Caption:</label></td>
    <td>{{form.caption}} {{form.caption.errors}}</td>
   </tr>
   <tr>
    <td><label for="id_tags">Tags:</label></td>
    <td>
     <div class="yui-skin-sam">
      <div class="yui-ac" id="autoComplete_tagfield">
       <input id="id_tags" name="tags" type="text" class="yui-ac-input" size="15" />
       <div class="yui-ac-container" id="ysearchcontainer_tagfield"></div>
      </div>
      <div style="float: right;"></div>
     </div>
     {{form.tags.errors}}
    </td>
   </tr>
   <tr>
    <td>&nbsp;</td>
    <td class="field"><input type="submit" value="Upload" /></td>
   </tr>
  </table>
 </form>
</div>

<script language="javascript">
    YAHOO.util.Event.on(window, "load", function() {
        registerTagField("id_tags");
    });
</script>

{% endblock %}