{% 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 'my_meeting' 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">MY NOTES</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body session-body search-reactive">

            {% if not session_notes %}
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-12 pad-30">
                            <div class="item">
                                <p>Sorry, you have not made any notes yet, please view the <a href="{% url 'programme' meeting_information.slug %}"> Programme</a> to add notes.</p>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if session_notes %}
                <div class="body_title">Session Notes</div>
                <div class="list">
                    {% for note in session_notes %}
                        <a href="{% url 'my_notes_view_note' meeting_information.slug note.id %}" class="link">
                            <div class="title">{{ note.session }}</div>
                            <div class="detail">
                                {{ note.content|truncatewords:10 }}
                            </div>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}

            {% if presentation_notes %}
                <div class="body_title">Presentation Notes</div>
                <div class="list">
                    {% for note in presentation_notes %}
                        <a href="{% url 'my_notes_view_note' meeting_information.slug note.id %}" class="link">
                            <div class="title">{{ note.presentation }}</div>
                            <div class="detail">
                                {{ note.content|truncatewords:10 }}
                            </div>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}

            {% if poster_notes %}
                <div class="body_title">Poster Notes</div>
                <div class="list">
                    {% for note in poster_notes %}
                        <a href="{% url 'my_notes_view_note' meeting_information.slug note.id %}" class="link">
                            <div class="title">{{ note.poster }}</div>
                            <div class="detail">
                                {{ note.content|truncatewords:10 }}
                            </div>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}

            {% if exhibitor_notes %}
                <div class="body_title">Exhibitor Notes</div>
                <div class="list">
                    {% for note in exhibitor_notes %}
                        <a href="{% url 'my_notes_view_note' meeting_information.slug note.id %}" class="link">
                            <div class="title">{{ note.poster }}</div>
                            <div class="detail">
                                {{ note.content|truncatewords:10 }}
                            </div>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}

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