{% extends "registration/base.html" %}
{% load i18n %}
{% block js_declaration %}{{ block.super }}
    <script type="text/javascript">
        $(document).ready(function() {
            $("#login-form").validate();
            
            
            $('#mon_ajax').click(function(e) {
                var url = "{% url project_api project_id='c8448f21-272d-11e1-876b-c8bcc896c290' emitter_format='.json' %}";
                
                var monjson = '{\
                        "annotations": [\
                            {\
                                "type": "c_07BA1284-5F24-71A8-1EE2-423EED999B8A",\
                                "type_title": "New cutting name if necessary",\
                                "media": "briandepalma_scarfacedepalma",\
                                "begin": 1600000,\
                                "end": 2100000,\
                                "content": {\
                                    "data": "new scar annot"\
                                },\
                                "tags": [ "json","dude" ]\
                            }\
                        ],\
                        "meta": {\
                            "creator": "John Doe",\
                            "created": "2011-09-10T09:12:58"\
                        }\
                    }';
                var monjson2 = '{\
                        "annotations": [\
                            {\
                                "type": "c_07BA1284-5F24-71A8-1EE2-423EED999B8A",\
                                "type_title": "New cutting name if necessary",\
                                "media": "briandepalma_scarfacedepalma",\
                                "begin": 2400000,\
                                "end": 3000000,\
                                "content": {\
                                    "data": "ntm iam 2"\
                                },\
                                "tags": [ "jak" ]\
                            }\
                        ],\
                        "meta": {\
                            "creator": "John Doe",\
                            "created": "2011-09-10T09:12:58"\
                        }\
                    }';
                
                $.ajax({
                    url: url,
                    type: 'PUT',
                    contentType: 'application/json',
                    data: monjson,
                    // bug with jquery >= 1.5, "json" adds a callback so we don't specify dataType
                    //dataType: 'json',
                    success: function(json, textStatus, XMLHttpRequest) {
                        alert("success = " + json);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert("ERROR = " + jqXHR.responseText + ", " + errorThrown);
                    }
                });
            });
            
        });
    </script>
{% endblock %}

{% block css_import %}
	{{ block.super }}
	<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/ldt.css" />
	<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/ldtform.css" />
{% endblock %}


{% block login %}
{% endblock %}

{% block content_title %}{% trans 'Log in' %}{% endblock %}
{% block iricontent %}
    {% if form.errors %}
   	<p class="error">{% trans "Sorry, that's not a valid username or password." %}</p>
   {% endif %}
  	<div class="span-24 last">
        <form action="" method='post' id="login-form">
        	<div id="loginform_div" class="span-12">
            {% csrf_token %}
            <input type="hidden" name="next" value="{{ next }}" />
	        <ul id="login_fields_list">
	        {{form.as_ul}}
	        </ul>
            <ul>
                <li><a href="{% url django.contrib.auth.views.password_reset  %}" >{% trans "Forget password?" %}</a></li>
            </ul>
            <div id="submitcontent-buttons-login" class="span-24 last">
                <button class="button"type="submit" value="login">{% trans "login" %}</button>
            </div>
            </div>
	    </form>
        <div id="login_links" class="span-12 last">
            <div id="login_links_list" class="span-12 last">
            {% if social_list %}
            <p>{% trans "Or login with your external account" %}&nbsp;:</p>
            <ul>
            {% for backend_name in social_list %}
            <li><a href="{{ backend_name }}"><img src="{{LDT_MEDIA_PREFIX}}img/logo_{{backend_name}}.png" />&nbsp;{{ backend_name }}</a></li>
            {% endfor %}
            {% comment %}{{social_list|safe}}{% endcomment %}
            </ul>
            {% endif %}
            </div>
        </div>
        <p id="mon_ajax">clic ici</p>
	</div> 

{% endblock %}