{% extends 'left/left.html.twig' %}

{% block meta %}
    {{ parent() }}
{% endblock %}

{% block title %}Welcome!{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public.css') }}" media="screen and (min-width: 1300px)">
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public_mid.css') }}" media="screen and (max-width: 1300px)">
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public_small.css') }}" media="screen and (max-width: 750px)">
{% endblock %}

{% block header %}
    {{ parent() }}
{% endblock %}

{% block left %}
    {{ parent() }}
{% endblock %}

{% block body %}
<div class="content">
  <div class="main">
    <nav class='main-nav'>
      <ul>
        <li>
          <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Timeline</a>
        </li>
        <li>
          <a href="#">Groups</a>
        </li>
        <li>
          <a href="#">People</a>
        </li>
      </ul>
    </nav>
    <hr>
      <div class="notes-wrap">
        <nav class='main-nav'>
          <ul>
            <li>
              <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Public</a>
            </li>
            <li>
              <a href="#">Home</a>
            </li>
            <li>
              <a href="#">Network</a>
            </li>
          </ul>
        </nav>
        {% if post_form is defined %}
          <div class="note-post">
            {{ form(post_form) }}
          </div>
        {% endif %}
        <div class="timeline-nav">
          <div class="notes">
            {% if notes is defined and notes is not empty %}
              {% for note in notes %}
                <div>
                  <img src="{{ note.getAvatarUrl() }}" alt="{{ note.getActorNickname() }}'s avatar" width="64px">
                  <b>{{ note.getActorNickname() }}</b>
                  <div>{{ note.getContent() }}</div>
                  {% set id = note.getId() - 1 %}
                  {% for attachment in attachments[id] %}
                    <div>
                      <i> {{ attachment.getTitle() }} </i>
                    </div>
                  {% endfor %}
                </div>
              {% endfor %}
            {% else %}
              {{ 'No notes here.' | trans }}
            {% endif %}
          </div>
        </div>
      </div>
    </hr>
  </div>
</div>
{% endblock body %}

{% block javascripts %}{% endblock %}