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

{% block title %}Curso index{% endblock %}

{% block body %}
  {#  <h1>Curso index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nome</th>
                <th>Descricao</th>
                <th>Preco</th>
                <th>UpdatedAt</th>
                <th>Imagem</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for curso in cursos %}
            <tr>
                <td>{{ curso.id }}</td>
                <td>{{ curso.nome }}</td>
                <td>{{ curso.descricao }}</td>
                <td>{{ curso.preco }}</td>
                <td>{{ curso.updatedAt ? curso.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ curso.imagem }}</td>
                <td>
                    <a href="{{ path('app_curso_show', {'id': curso.id}) }}">show</a>
                    <a href="{{ path('app_curso_edit', {'id': curso.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('app_curso_new') }}">Create new</a>#}


    <section class="seccao-marketing">

        <div class="container marketing">
            <div class="row">
                <h4 class="text-uppercase text-center my-4 mb-5 text-warning">Curso disponíveis</h4>
            </div>

            <section class="seccao1">
                <div class="row">
                    {% for curso in cursos %}
                        <div class="col-md-4 behavior" style="margin: 0 auto;">
                            <div class="card mb-4 box-shadow caixa">
                                <img src="{{ asset('imagemcurso/'~curso.imagem ) }}" height="350" alt="Card image cap">
                                <div class="card-body">
                                    <h6 class="card-text text-uppercase text-primary "><strong>{{ curso.nome }}</strong></h6>
                                    <div class="text">
                                        {{ curso.descricao }}
                                    </div>
                                    <ul class="list-group list-group-flush" style="border-top: 1px solid #ccc; margin-top: 10px;">
                                        <li class="list-group-item">
                                            {% if curso.preco == 0.0 %}
                                                {% set valor = "Grátis" %}
                                                {% set color = "success" %}
                                            {% else %}
                                                {% set valor = curso.preco %}
                                                {% set color = "success" %}
                                            {% endif %}
                                            Preço: <span class="badge bg-{{ color }}">{{ valor }}</span> AOA</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_inscricao_new') }}" class="btn btn-sm btn-outline-danger col-12" id="cancelar">Increver-se</a>
                        </div>

                    {% endfor %}
                    <div class="pagination" >
                        {{ knp_pagination_render(cursos)}}
                    </div>
                </div>
            </section>
            {#<section class="seccao2">
                <h3 class="text-uppercase">Anúncios</h3>
                <div class="caixas">
                    <div class="linha">

                        {% for anuncio in anuncios %}
                            <div class="col-md-4 " style="width: 95%;">
                                <div class="card mb-4 box-shadow">
                                    <img src="{{ asset('anuncios/img/' ~ anuncio.imagem) }}" height="300" alt="Card image cap">
                                    <div class="card-body">
                                        <h6 class="card-text text-uppercase text-primary"><strong>{{ anuncio.titulo }}</strong></h6>
                                        <div class="text">
                                            {{ anuncio.descricao }}
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center my-3">
                                            <div class="btn-group">
                                                <a type="button" class="btn btn-sm btn-outline-warning">Saiba mais</a>
                                            </div>
                                            <small class="text-muted">9 mins</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% else %}
                            <h5>Não há registo de anúnicios</h5>
                        {% endfor %}



                    </div>

                </div>
                <div class="pagination" >
                    {{ knp_pagination_render(anuncios)}}
                </div>
            </section>#}
        </div><!-- /.container -->
    </section>



{% endblock %}