{% extends 'base2.html.twig' %}

{% block title %}{{ parent() }} - Ebook{% endblock %}

{% block body %}

    <style>
        .behavior:hover{
            padding: 30px;
            transition: .9s;
        }
        #cat{
            text-decoration: none;
        }


    </style>
    <br/>
    <br/>
    <br/><br/>
    <section id="pub">
        <div class="centro">

        <section class="sessao1">

        </section>
        <h4 class="text-uppercase my-5 mb-5 text-center text-warning">Livros disponíveis na categoria <a href="" id="cat">{{ categoria.nome }}</a></h4>

        <div class="row">
            {% for ebook in ebooks %}
                <div class="col-md-4 behavior">
                    <div class="card mb-4 box-shadow">
                        <img src="{{ asset('uploads/'~ ebook.imagem) }}" height="300" alt="Card image cap">
                        <div class="card-body">
                            <h6 class="card-text text-uppercase text-primary"><strong>{{ ebook.nome }}</strong></h6>
                            <div class="text">
                                {{ ebook.descricao }}
                            </div>
                            <hr/>
                            <div class="text">
                                Preço : <span class="badge bg-info">{{ ebook.preco }}</span> AOA
                            </div>
                            <div class="text">
                                Categoria : {{ ebook.categoria.nome }}
                            </div>
                            <div class="d-flex justify-content-between align-items-center my-3">
                                <div class="btn-group">
                                    <a href="#" class="btn btn-sm btn-outline-primary">Informações</a>
                                    {% if ebook.preco == 0.0 %}
                                    <a href="{{ path('app_ebook_download_index',{id:ebook.id}) }}" class="btn btn-sm btn-outline-warning">visualizar</a> {#{{ asset('ebooks/pdf/' ~ ebook.arquivo) }}#}
                                    {% else %}
                                        <a href="#" class="btn btn-sm btn-outline-warning">Comprar</a> {#{{ asset('ebooks/pdf/' ~ ebook.arquivo) }}#}
                                    {% endif %}
                                </div>
                                <small class="text-muted">

                                     {% if  ebook.quantidadeDownload == 1 %}
                                       {{ ebook.quantidadeDownload }} Visualização
                                     {% else %}
                                         {{ ebook.quantidadeDownload }} Visualizações
                                     {% endif %}
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
            {% else %}
                <tr>
                    <td colspan="7">no records found</td>
                </tr>
            {% endfor %}
            <div class="pagination">
                {{ knp_pagination_render(ebooks)}}
            </div>
        </div>
    </div>
    </section>
    <section id="seccao2">

    </section>


{% endblock %}