{% extends "pycon/main.html" %}{% load appmedia %}{% load adminmedia %}
{% block styles %}
{# <script type="text/javascript"> var djConfig = {isDebug: true } </script> #}
<script type="text/javascript" src="{% app_media_prefix "dojo" %}dojo.js"></script>
<script type="text/javascript" src="{% app_media_prefix "schedule" %}js/timetables.js"></script>
<style type="text/css">
body .tooltip_attach { padding-top: 1px; padding-bottom: 3px; }
body .tooltip_attach .label { font-size: smaller; cursor: pointer; padding-bottom: 1px; }
body .tooltip_attach .label_closed { font-size: smaller; cursor: pointer; padding-bottom: 1px; }
body .tooltip_attach .label_open { font-size: smaller; cursor: pointer; padding-bottom: 0px; border-bottom: dotted 1px {{chilight}};}
body .tooltip_attach .content { padding-bottom 2px; padding-top: 3px; padding-left: 1em; }
.attached_files { font-size: smaller; }
.attached_files caption { font-style: italic; font-size: smaller; border-bottom: dotted 1px {{chilight}};}
.attached_files th { text-align: left; border-bottom: solid 1px  {{chilight}}; }
.attached_files .last td { border-bottom: solid 1px  {{chilight}}; }
div.success {display:block; padding:4px 5px 4px 20px; margin:0 0 3px 0; font-size: smaller;
             background:transparent url({% app_media_prefix 'schedule' %}img/12-em-check.png) 5px .3em no-repeat;}
div.error {display:block; padding:4px 5px 4px 22px; margin:0 0 3px 0; font-size: smaller;
           background:transparent url({% app_media_prefix 'schedule' %}img/16-message-warn.png) 5px .3em no-repeat;}
label.required { width: 5.5em !important; float:left;}
p.help { font-size: smaller; padding-left: 6.7em; width: 27em;}
.errorlist li { display:block; padding:4px 5px 4px 25px;
                margin:0 0 3px 0; border:1px solid red; color:white;
                background:red url({% admin_media_prefix %}img/admin/icon_alert.gif) 5px .3em no-repeat; }
</style>
{% endblock %}
{% load propmgr %}

{% block content %}

{% spaceless %}{% load schedule %}{% load appmedia %}{% load features %}
<h3 style="margin-top: 3px; margin-bottom: 3px;">{{ event|escape }}{% if user|can_edit_event_in_admin %}<sup>
    <a href="{{ settings.ADMIN_URL }}schedule/event/{{ event.id }}/"><img src="{% app_media_prefix 'schedule' %}img/12-em-pencil.png" alt="admin" title="admin"/></a></sup>
                                                                                                        {% endif %}</h3>
{% endspaceless %}
<div id='TT{{event.id}}AT_Table'>{{ attached_files_table }}</div>
<hr/>
<div id='TT{{event.id}}AT_Message' class='message'></div>
<div class="tooltip_attach" >
<div >
    <form enctype="multipart/form-data" action="attach_nojs" method="post" id='TT{{event.id}}AT_Form'>
        <div id='TT{{event.id}}AT_Fields'>{{ attach_file_fields }}</div>
    </form>
        <button id='TT{{event.id}}AT_Send' class="default">Upload</button>
</div>
</div>
<script type="text/javascript">
<!--
var bound{{event.id}}Form = new BoundAttachFileForm('{{request.path}}attach/',
                                                    'TT{{event.id}}AT_Message', 'TT{{event.id}}AT_Table',
                                                    'TT{{event.id}}AT_Form',    'TT{{event.id}}AT_Fields',
                                                    'TT{{event.id}}AT_Send');
bound{{event.id}}Form.init();
// -->
</script>

{% endblock %}