{% extends "meeting-base.html" %}

{% block headtitle %}My Notes{% endblock %}

{% load staticfiles %}

{% block content %}
    <div class="body">
        <div class="main-header programme-day-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-2 col-sm-1 pad-30 text-left">
                            <a href="{% url 'meeting_my_notes' meeting_information.slug %}">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-8 col-sm-10 pad-30 text-center">
                            <div class="title">{% if note.session %}{{ note.session }}{% elif note.presentation %}{{ note.presentation }}{% elif note.poster %}{{ note.poster }}{% elif note.exhibitor %}{{ note.exhibitor }}{% endif %}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body">
            <form id="change_note_form" action="{% url 'my_notes_change_note' meeting_information.slug note.id %}" method="POST">
                {% csrf_token %}
                <div class="note_form">
                    <textarea name="content">{{ note.content }}</textarea>
                    <div class="buttons">
                        <button type="submit" title="Save Note" class="btn btn-primary btn-lg"><i class="glyphicon glyphicon-ok"></i></button>
                        <a id="remove_note" href="{% url 'my_notes_remove_note' meeting_information.slug note.id %}" title="Remove Note" class="btn btn-danger btn-lg"><i class="glyphicon glyphicon-trash"></i></a>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}

{% block footer_script %}

    <script type="text/javascript">
        $(document).ready(function(){

            $('#change_note_form').submit(function(e){
                e.preventDefault();
                var url = $(this).attr('action');
                var data = $(this).serialize();
                $.post(url,data,function(response){
                    if (response.status == 'updated'){
                        notification(response.message);
                        window.setTimeout(function() {
                            window.location = "{% url 'meeting_my_notes' meeting_information.slug %}";
                        },3500);
                    }
                });
            });

            $('#remove_note').click(function(e){
                e.preventDefault();
                url = $(this).attr('href');

                if (confirm('Are you sure you want to delete this Note?')){
                    $.get(url, function(response){
                        if (response.status == 'deleted') {
                            notification(response.message);
                            window.setTimeout(function() {
                                window.location = "{% url 'meeting_my_notes' meeting_information.slug %}";
                            },3500);
                        }
                    });
                }
            });
        });
    </script>
{% endblock %}