{% extends "biglib_base.html" %}
{% block extra-header %}
        <link rel="stylesheet" href="{{ STATIC_URL }}css/pagination.css" type="text/css" />
        <link rel="stylesheet" href="{{ STATIC_URL }}css/tags.css" type="text/css" />
{% endblock %}
    {% block breadcrumb %}
    {% endblock %}
    
        {% block top-bar %}
	        <div id="top-bar">
	               <div id="logo">
	                   <a href="{% url welcome %}"><img src="{{ STATIC_URL }}/img/logo.png" /></a>
	               </div>
	               {% if not user.is_authenticated %}
	               <span class="left acessar">faça <a href="{% url login %}" class="highlight">Login</a> ou <a href="{% url register%}" class="highlight">Cadastre-se</a></span>
	               {% endif %}
	         </div>
         {% endblock %}
    
    {% block menu %}
        <table align='center'>
	        <tr>
	            <td>
	                <a href="{% url profile reader.user.username %}"><img src="{{ reader.get_url }}" class='photo' /></a>
	            </td>
	            <td style='vertical-align: middle'>
                    {{ reader.user.first_name }}
                </td>
	        </tr>
	        <tr>
	           <td colspan="2">
	               {% if not user.is_authenticated or not is_friend %}
	                   <a href="{% url ask_friendship_request reader.user.username %}">+ Amigo</a>
	               {% endif %}
	           </td>
	        </tr>
         </table>
    {% endblock %}
    
    {% block left %}
        <br />
        <br />
        <h6>Tags</h6>
        <div class="center">
            <ul>
		    {% for tag in tags %} 
		      <li class="tag-{{tag.font_size}}" style="padding-top: 5px">{{tag.name}}</li>
		    {% empty %}
		      <li>Nenhuma tag encontrada</li>
		    {% endfor %}
		    </ul>
        </div>
    {% endblock %}
    
    {% block right %}
        <h5> Amigos </h5>
	    {% if not user.is_authenticated %}
	       <p>Faça <a href="{% url login %}" class="highlight">login</a> para visualizar</p>
	    {% else %}
	    
	       <table class='center'>
		        {% for friend in reader.get_friends %}
		           <tr>
		               <td>
		                    <a href="{% url profile friend.user.username %}"><img src="{{ friend.get_url }}" class='photo' /></a>
		               </td>
		           </tr>
		           <tr>
		               <td>
		                    {{ friend.user.first_name }}
		               </td>
		           </tr>
		           
		        {% empty %}
		           <tr><td>Ainda não possui amigos.</td></tr>
		        {% endfor %}
            </table>
	    
	    {% endif %}
	        
    {% endblock %}
    
    {% block content %}
        <h5> Livros </h5>
        
        <table cellspacing='0' class='center'>
            <tr>
            {% for book in reader.books.all %}
                  {% if forloop.counter0|divisibleby:"5" %}
                      </tr><tr>
                  {% endif %}
                  <td class='bookshelf'>
                      <label><a href="{% url book_request book.id %}"
                         title="{% if book.owner.gender == 'f' %}da{% else %}do{% endif %} {{ book.owner }}">Emprestar</a>
                      <a href="{% url instance book.id %}" title='{{ book.book.title }}'>
                               {% if book.book.cover %}
                                    <img src="{{ MEDIA_URL }}{{ book.book.cover }}" class='cover' />
                               {% else %}
                                    <img src="{{ STATIC_URL }}/img/default_cover.png" class='cover' />
                               {% endif %}
                      </a>
                      </label>
                  </td>
            {% empty %}
                   <td>
                        <p>O usuário não possui livros cadastrados</p>
                   </td>
            {% endfor %}
            </tr>
        </table>
        
    {% endblock %}