{% extends "omeroweb/base_share.html" %}
{% load i18n %}
{% load markup %}
{% load custom_tags %}
{% load wikitags %}

{% block link %}
    <link rel="stylesheet" href="{% url webstatic "css/share.css" %}" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{% url webstatic "css/datepicker.css" %}" type="text/css" />
    <link rel="stylesheet" href="{% url webstatic "css/googiespell.css" %}" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{% url webstatic "css/tooltip.css" %}" type="text/css" media="screen"/>
{% endblock %}

{% block jscript %}
    <script type="text/javascript" src="{% url webstatic "javascript/jquery_1.2.6.js" %}"></script>
    
    <script type="text/javascript" src="{% url webstatic "javascript/jquery.tooltip.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/jquery.dimensions.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/jquery.bgiframe.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/jquery.delegate.js" %}"></script>
    
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.core.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.datepicker.js" %}"></script>
    
    <script type="text/javascript" src="{% url webstatic "javascript/googiespell/AJS.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/googiespell/googiespell.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/googiespell/cookiesupport.js" %}"></script>
{% endblock %}

{% block script %}
    <script type="text/javascript" src="{% url webstatic "javascript/menu.js" %}"></script>
    
    <script>
      $(document).ready(function(){
          $('#id_expiration').datepicker({firstDay: 1, dateFormat: 'yy-mm-dd'});
          
      });
    </script>
    
    {% ifequal share.share.getShareType "Share" %}
    <script>
      $(document).ready(function(){
          
          $("div#share_content").html('<p>Loading content... please wait <img src ="{% url webstatic "images/tree/spinner.gif" %}"/></p>');
          {% if share.share.isOwned %}
              $("div#share_content").load("{% url load_share_owner_content share.share.id %}");
          {% else %}
              $("div#share_content").load("{% url load_share_content share.share.id %}");
          {% endif %}
          
          $('#id_expiration').datepicker({firstDay: 1, dateFormat: 'yy-mm-dd'});
      });
    </script>
    {% endifequal %}
    
    <script type="text/javascript">
        $(function() {
            $("#markup_c, #enable, #expire").tooltip({ 
                track: true, 
                delay: 0, 
                showURL: false, 
                opacity: 1, 
                fixPNG: true, 
                showBody: " - ", 
                top: -15, 
                left: 5 
            });
        });
    </script>
    
{% endblock %}

{% block center %}

<h1>{% trans "Edit" %} {{ share.share.getShareType|lower }}:</h1>

<div id="share_content"></div>
<div class="clear"> </div>

    <div>
        <form action="{% url manage_share "save" share.share.id %}" method="post">
            <table>
            {% for field in form %}
                <tr><th>{{ field.label_tag }}{% if field.field.required %}*{% endif %}</th>
                    <td>{{ field }}</td><td>{% if field.errors %}{{ field.errors }}{% endif %}<br/>{{ field.help_text|safe }}</td>
                </tr>
            {% endfor %}
                <tr><td colspan="2"><input type="submit" value="{% trans 'Save' %}" /></td></tr>
            </table>
        </form>
        <script type="text/javascript">
            var googie_spell = new GoogieSpell("static_core/googiespell/", "{% url spellchecker %}"+"?lang=");
            googie_spell.decorateTextarea("id_message", null, "600px");
        </script>
    </div>

    <div>
        <h1>{% trans "Manage comments" %}:</h1>
        {% if share.cmSize %}
            {% for cm in share.comments %}
                {% if cm.isOwned %}
                    <div id="comment_wrapper">
                    <div id="comment">
                        <div class="head">{{ cm.getOwnerFullName }} {% trans "posted comment at" %} {{ cm.creationEventDate|date:"Y m d H:i:s" }} {% if cm.canWrite %}<a href="{% url manage_action_containers "edit" "comment" cm.id %}?url={{ url }}"><img src="{% url webstatic "images/color_line16.png" %}" alt="e" title="edit"/></a>{% endif %}</div>
                        <div class="body">{{ cm.textValue|sharewikify|safe|linebreaks }}</div>
                        <div class="footer"></div>
                    </div>
                    <div class="photo"><img src="{% url load_photo cm.details.owner.id.val %}" alt="{{ cm.getOwnerFullName }}" title="{{ cm.getOwnerFullName }}" width="40" height="40" /></div>
                    </div>
                    <div class="clear"></div>
                    <br/>
                {% else %}
                    <div id="comment_wrapper_rev">
                    <div id="comment_rev">
                        <div class="head">{{ cm.getOwnerFullName }} {% trans "posted comment at" %} {{ cm.creationEventDate|date:"Y m d H:i:s" }} {% if cm.canWrite %}<a href="{% url manage_action_containers "edit" "comment" cm.id %}?url={{ url }}"><img src="{% url webstatic "images/color_line16.png" %}" alt="e" title="edit"/></a>{% endif %}</div>
                        <div class="body">{{ cm.textValue|sharewikify|safe|linebreaks }}</div>
                        <div class="footer"></div>
                    </div>
                    <div class="photo"><img src="{% url load_photo cm.details.owner.id.val %}" alt="{{ cm.getOwnerFullName }}" title="{{ cm.getOwnerFullName }}" width="40" height="40" /></div>
                    </div>
                    <div class="clear"></div>
                    <br/>
                {% endif %}
            {% endfor %}
            <div class="comment_bottom"> </div>
        {% else %}
            No comments.
        {% endif %}
    </div>
{% endblock %}