{% extends "base.html.twig" %}
{% block titulo %}Certificados{% endblock %}
{% block subtitulo %}Listado personal{% endblock %}
{% block body %}

    <div class="row">
        <div class="col-md-9">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-green">
                    <div class="widget-user-image">
                        <img src="{{ asset(app.user.getFoto()) }}" class="img-circle">
                    </div>
                    <h3 class="widget-user-username">{{ app.user.nombre }} {{ app.user.primerApellido }}</h3>
                </div>
                <div class="box-body">
                    <div class="dataTables_wrapper form-inline dt-bootstrap">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="mitabla" class="table table-bordered table-striped dataTable" role="grid"
                                       aria-describedby="mitabla_info">
                                    <tbody>
                                    {% for certificado in certificados %}
                                        <tr role="row" class="odd">
                                            <td> {{ certificado.descripcion }} </td>
                                            <td>
                                                {% if certificado.texto is not null %}
                                                    <a href="http://adm.semur.edu.uy/autenticidad/{{ certificado.texto }}"
                                                    class="btn btn-flat btn-success" target="_blank">Descargar</a>
                                                    {% else %}
                                                    En proceso...
                                                {% endif %}
                                            </td>
                                        </tr>
                                    {% endfor %}


                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




{% endblock body %}