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

{% block title %}{{ parent() }} - Baixar{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        #seccao-download{
            align-content: center;
            margin: 0 auto;
            padding: 30px;
        }
        .card{
           margin: 0 auto;
        }
        .behavior:hover{
            padding: 10px;
        }
    </style>
{% endblock %}
{% block javascripts %} {{ parent() }}{% endblock %}
{% block body %}


    <section class="seccao-header bg-warning">
        <h3 class="text-uppercase text-white">Visite a nossa plataforma de formação e apoio aos estudantes a distânçia</h3>
        <p class="text-primary" >De continuidade à sua formação e capacitação sem precisar sair de casa!</p>
          <p class="text-primary" >clique no link <a class="text-danger" href="https://academiagenesys.meucursoonline.responserv.ao">plataforma</a></p>
    </section>
    <div class="container">

        <section id="seccao-download">

            <div class="col-md-4 behavior" style="margin: 0 auto;">
                <div class="card mb-4 box-shadow caixa">
                    <img src="{{ asset('uploads/' ~ bookinfo.imagem) }}" height="350" alt="Card image cap">
                    <div class="card-body">
                        <h6 class="card-text text-uppercase text-primary "><strong>{{ bookinfo.nome }}</strong></h6>
                        <div class="text">
                            {{ bookinfo.descricao }}
                        </div>
                        <ul class="list-group list-group-flush" style="border-top: 1px solid #ccc; margin-top: 10px;">
                            <li class="list-group-item">
                                {% if bookinfo.preco == 0.0 %}
                                    {% set valor = "Grátis" %}
                                    {% set color = "success" %}
                                {% else %}
                                    {% set valor = bookinfo.preco %}
                                    {% set color = "success" %}
                                {% endif %}
                                Preço: <span class="badge bg-{{ color }}">{{ valor }}</span></li>
                            <li class="list-group-item">Versão: {{ bookinfo.versao }}</li>
                        </ul>
                        <div class="d-flex justify-content-between align-items-center"  style="border-top: 1px solid #ccc;">
                            <div class="btn-group" style="padding-top: 10px;">
                                <a href="{{ asset('ebooks/pdf/' ~ bookinfo.arquivo) }}" id="baixar" class="btn btn-sm btn-outline-primary">Baixar</a>

                                <a href="{{ path('app_principal') }}" class="btn btn-sm btn-outline-warning" id="cancelar">Comentar</a>
                            </div>
                            <small class="text-muted text-success"><p class="text-success my-2">

                                    {% if  bookinfo.quantidadeDownload == 1 %}
                                        {{ bookinfo.quantidadeDownload }} Visualização
                                    {% else %}
                                        {{ bookinfo.quantidadeDownload }} Visualizações
                                    {% endif %}
                                </p></small>
                        </div>
                    </div>
                </div>
                <a href="{{ path('app_principal') }}" class="btn btn-sm btn-outline-danger col-12" id="cancelar">Voltar</a>
            </div>

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