{% extends 'biglib_base.html' %}


{% block extra-header %}
    <link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}css/redmond/jquery-ui.css"></link>
    
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui.js"></script>
    
    <link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}css/msg.css">
    <script type="text/javascript" src="{{ STATIC_URL }}js/add_instance.js"></script>
    
    <script type="text/javascript" src="{{ STATIC_URL }}js/whatis.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/answer.js"></script>
    
    <script type="text/javascript">
    $(document).ready(function(){
        $('#dialog').text(isbn_answer);
        
        $('#id_what').change(function(){
        	var what = $(this).val();
        	if (what == 'i') {
        		$('#whatis').show('fast');
        	}
        	else {
        		$('#whatis').hide('fast');
        	}
        });      
    });
    </script>
    
    
{% endblock %}

{% block page_title %} {{ block.super }}- Adiciona livro {% endblock %}
{% block breadcrumb %}
    {{ block.super }} > <a href='{% url search_book %}'>Buscar livros</a>
{% endblock %}
{% block content %}
    <h5>Procura de livros</h5>
    <form method="post" action="">
        {% csrf_token %}
        <table class='center'>
            <tr>
                <td>{{ sform.what }}</td>
                <td>{{ sform.search }} {{ sform.search.errors }}</td>
                <td><input type="submit" value="Procurar" /></td>
            </tr>
            <tr>
                <td><a href='#' id='whatis' class='helptext' style='display: none'>O que é ISBN?</a></td>
                <td><div id='dialog' style='display: none'></div></td>
                <td></td>
            </tr>
        </table>
    </form>
    {% for book in book_list %}
    <table class='bg-gray rounded resume-book'>
           <tr>
               <td style="width: 110px">
                       <img src="{{ book.get_url }}" class='cover left' />
               </td>
               <td class='left'>
                    <h6 class='book-title'>{{ book.title }}</h6>
                    <br />
                    Autor(es):
                    <ul>
                    {% for author in book.authors.all %}
                        <li>{{ author.name }}</li>    
                    {% endfor %}
                    </ul>
                    <br />
                    Editora: {{ book.publisher }}
                    
               
               </td>
               <td class='right' style='width: 130px'>
                    <input type="button" class="add-book-btn" book_id="{{ book.id }}" value="Adicionar">
                    <div id='{{ book.id }}'></div>
               </td>
           </tr>
    </table>
    {% empty %}
        <br />
        <p>Nenhum livro encontrado. Clique <a href={% url register_book %} class='highlight'>aqui</a> para cadastrar</p>
    {% endfor %}
    {% if book_list %}
        <p align='center'> Listando <b>{{ book_list.count }} resultado(s)</b> encontrado(s)</p>
    {% endif %}
{% endblock %}