{% extends "ldt/ldt_utils/workspace_base.html" %}
{% load i18n %}
{% load static %}

{% load thumbnail %}

{% block js_import %}
	{{ block.super }}
    <script type="text/javascript" src="{% url 'ldt.jsi18n' packages='ldt' %}" ></script>
	<script type="text/javascript" src="{% static 'ldt/js/projectscontents.js' %}" ></script> 
	<script type="text/javascript" src="{% static 'ldt/js/tiny_mce/tiny_mce.js' %}"></script>
	{{ content_form.media.js }}
{% endblock %}

{% block css_import %}
	{{ block.super }}
	{{ content_form.media.css }}
	<link rel="stylesheet" href='{% static "ldt/css/ldt.css" %}' />
	<link rel="stylesheet" href='{% static "ldt/css/ldtform.css" %}' />
	<link rel="stylesheet" href='{% static "ldt/css/workspace.css" %}' />

{% endblock %}

{% block js_declaration %}
	{{ block.super }}
	<script type="text/javascript">
		
	$(document).ready(function() {	
        $("#ldt_submit_delete").click(function(e){
            $(this).addClass("e-clicked");
        });
         
        $("form").submit(function(e){
           if( $(this).find(".e-clicked").attr("id") === "ldt_submit_delete" )
           {
              var con = window.confirm("{% trans 'Do you really want to delete this group ?' %}");
              if(!con){
                 e.preventDefault();
              }
           }
           //reset classes on submit buttons
           $( this ).find("button[type=submit]").removeClass("e-clicked");
        });

		var search_url = "{% url 'ldt.ldt_utils.views.workspace.share_filter' filter='__FILTER__' use_groups='false' %}";
	});
	</script>

{% endblock %}

{% block content %}
				 
	<div id="add_group" class="span-18 last">
	<div class="projectscontentstitle span-18 last">{% if group_id %}{% trans "Update a group" %}{% else %}{% trans "Create a group" %}{% endif %}</div>
	
	<form action="{% if group_id %}{% url 'ldt.ldt_utils.views.group.update_group' group_id=group_id %} {% else %}{% url 'ldt.ldt_utils.views.group.create_group' %}{% endif %}" method="POST" enctype="multipart/form-data" {% if target_parent %}target="_parent"{% endif %}>
	{% csrf_token %} 
	<input type="hidden" name="form_status" value="{{form_status}}" id="project_form_status" />
	<input type="hidden" name="id_group" value="" id="id_group"/>
	<div>
		<label for="name">{% trans "Name" %}:</label>
		{{form.name}}
		{% for error in form.errors.name %}
		<span class="error">{{ error }}</span>
		{% endfor %}
		
		<label for="description">{% trans "Description" %}</label>
		<textarea id="description" name="description">{{ img_container.description }}</textarea>
	</div>

	{% include "ldt/ldt_utils/partial/permissions.html" %}		
	{% include "ldt/ldt_utils/partial/picture.html"%}

	<div id="submitcontent-buttons" class="span-12 last">
		<button class="button" id="close_button" type="submit" value="close" name="submit_button">{% trans "close_cancel" %}</button>
		{% if group_id %}
          <button class="button" style="float:right; margin-left:4px" id="ldt_submit_update" type="submit" value="update" name="submit_button">{% trans "update_group" %}</button>
          {% if is_owner_group %}
            <button class="button" id="ldt_submit_delete" type="submit" value="delete" name="submit_button">{% trans "delete_group" %}</button>
          {% endif %}
		{% else %}
		  <button class="button" id="ldt_submit_create" type="submit" value="create" name="submit_button">{% trans "create_group" %}</button>
		{% endif %}
	</div>

	</form>
	</div>
		
{% endblock %}