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

{% block link %}
    <link rel="stylesheet" href="{% url webstatic "css/images.css" %}" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{% url webstatic "css/googiespell.css" %}" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{% url webstatic "css/tree.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/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 type="text/javascript">
        $(function() {
            $("#markup").tooltip({ 
                track: true, 
                delay: 0, 
                showURL: false, 
                opacity: 1, 
                fixPNG: true, 
                showBody: " - ", 
                top: -15, 
                left: 5 
            });
        });
    </script>
{% endblock %}

{% block center %}

{% if manager.project %}
    <h1>{% trans "Create new dataset" %}</h1>
{% else %}
    <h1>{% trans "Create new project, dataset or screen" %}</h1>
{% endif %}

{% if form %}
<div>
    {% if manager.project %}
        <form action="{% url manage_action_containers "addnew" "project" manager.project.id %}?url={{url}}" method="post">
    {% else %}
        <form action="{% url manage_action_containers "addnew" %}?url={{url}}" method="post">
    {% endif %}
    <table>
        {% if not manager.project %}
            <tr><th><label for="id_folder_type">{% trans "Folder type" %}</label>*</th>
                <td><select name="folder_type" id="id_folder_type">
                    <option value="project">{% trans "Project" %}</option>
                    <option value="dataset">{% trans "Dataset" %}</option>
                    <option value="screen">{% trans "Screen" %}</option>
                </select></td><td><br/></td>
            </tr>
        {% else %}
            <tr><th><label for="id_folder_type">{% trans "Folder type" %}</label>*</th>
                <td><select name="folder_type" id="id_folder_type">
                    <option value="dataset">{% trans "Dataset" %}</option>
                </select></td><td><br/></td>
            </tr>
        {% endif %}
        {% 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_description", null, "600px");
    </script>
</div>

{% endif %}

{% endblock %}